File: /home/imensosw/public_html/imenso.co/dev/amc/index - Copy.php
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amore Marriage Celebrant</title>
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link rel="stylesheet" type="text/css" href="css/icon.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/gallery_.css">
<link rel='stylesheet prefetch' href='css/slider.css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="filters hidden">
<defs>
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="0,0" />
</filter>
</defs>
</svg>
<section id="huge-brand">
<div class="brand-slogan">
<div id="cd-logo"><img src="images/logo.svg" class="img-svg"></div>
<div class="ui center aligned container">
<h1>Your complete wedding suite</h1>
<p class="big-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur</p>
<a href="#" class="btn-lined mt2 cd-btn">Book Now</a>
</div>
</div>
<div class="slider slider1">
<div class="slides">
<div class="slide-item item1">
</div>
<div class="slide-item item2">
</div>
<div class="slide-item item3">
</div>
<div class="slide-item item4">
</div>
</div>
</div>
</section>
<div id="cd-intro-tagline"></div>
<div class="cd-secondary-nav">
<a href="#0" class="cd-secondary-nav-trigger">Menu<span></span></a> <!-- button visible on small devices -->
<nav>
<ul>
<!-- <li><a href="#home"><b>Home</b></a></li> -->
<li><a href="#services"><b>Services</b></a></li>
<li><a href="#gallery"><b>Gallery</b></a></li>
<li><a href="#pricing"><b>Pricing</b></a></li>
<li><a href="#social-media"><b>Social Media</b></a></li>
<li><a href="#credentials"><b>Credentials</b></a></li>
<li><a href="#theTales"><b>Blog</b></a></li>
<li><a href="#testimonial"><b>Testimonials</b></a></li>
<li><a href="#theConnect"><b>Contact</b></a></li>
</ul>
</nav>
</div> <!-- .cd-secondary-nav -->
<main class="cd-main-content">
<section id="services" class="cd-container mt5 cd-section">
<div class="masthead text-center">
<h2>Everything you need in one place.</h2>
<p>Save the dates, invitations, video cover pages, event scheduling, RSVPs, notifications, photo sharing, travel planning and more!</p>
</div><!--/story-box-->
<div class="ui container">
<div class="ui two column grid mt5">
<div class="column py-0">
<div class="bg-color2 service_1">
<div class="services-content bg-color2">
<h3>Legal’s Only</h2>
<p>Perfect for couples who just want to tie the knot without any fuss.</p>
<p class="mb3">This service involves the two of you, a minimum of two witnesses (who need to be 18 or older) and myself and it covers all necessary legal requirements. A ceremony which can be held almost anywhere and anytime. We sign the certificates; I perform the required legal words and it’s done.</p>
<a href="#"class="ui grey basic button">Book Now</a>
</div>
</div>
</div>
<div class="column py-0">
<div class="bg-color3 service_2">
<div class="services-content bg-color3">
<h3>Full Wedding</h3>
<p class="mb3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<a href="#"class="ui grey basic button">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gallery" class="cd-container mt10 cd-section">
<div class="ui container vahical-gallery">
<div class="masthead">
<h2>Gallery</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
</div>
<div class="ui basic segment show mt5">
<div class="ui three stackable cards">
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_1.jpg" class="image" alt="car">
<div class="content">
<span>Car A</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_2.jpg" class="image" alt="car">
<div class="content">
<span>Car B</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_3.jpg" class="image" alt="car">
<div class="content">
<span>Car C</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_4.jpg" class="image" alt="car">
<div class="content">
<span>Car D</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_5.jpg" class="image" alt="car">
<div class="content">
<span>Car E</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_6.jpg" class="image" alt="car">
<div class="content">
<span>Car F</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_7.jpg" class="image" alt="car">
<div class="content">
<span>Car G</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/car_8.jpg" class="image" alt="car">
<div class="content">
<span>Car H</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/byck_1.jpg" class="image" alt="car">
<div class="content">
<span>Car A</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/byck_2.jpg" class="image" alt="car">
<div class="content">
<span>Car B</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/byck_3.jpg" class="image" alt="car">
<div class="content">
<span>Car C</span>
</div>
</div>
</article>
<article class="ui card">
<div class="PhotoCard">
<img src="images/byck_4.jpg" class="image" alt="car">
<div class="content">
<span>Car D</span>
</div>
</div>
</article>
<!-- <article class="ui card">
<div class="PhotoCard">
<img src="images/byck_5.jpg" class="image" alt="car">
<div class="content">
<span>Car E</span>
</div>
</div>
</article> -->
</div>
</div>
</div>
</section> <!-- /Services -->
<section id="pricing" class="cd-section cd-container spirit">
<!-- <img src="images/img9.jpg" class="price-bg" /> -->
<div class="ui container">
<div class="masthead">
<h2 class="white-text">Price</h2>
<p class="white-text">Unlimited Access And Compliments</p>
</div>
<div class="ui three column grid mt5 price-card">
<div class="column">
<div class="ui card">
<div class="content">
<h3>Appy Boutique</h3>
<h5>From $1350</h5>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="mt2"><strong>Package includes:</strong></div> -->
<ul>
<li>Completion & lodgement of all legal paperwork.</li>
<li>Planning meetings and attendance at wedding rehearsal.</li>
<li>Unlimited phone / email contact.</li>
<li>Bespoke ceremony, complete with personalised vows and other unique touches just for you.</li>
</ul>
</div>
<div class="extra content text-center">
<a href="#" class="ui orange button">Book Now</a>
</div>
</div>
</div>
<div class="column">
<div class="ui card">
<div class="content">
<h3>Appy Luxury</h3>
<h5>From $900</h5>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="mt2"><strong>Package includes:</strong></div> -->
<ul>
<li>Completion & lodgement of all legal paperwork.</li>
<li>After completion of required paperwork, two pre-wedding meetings and attendance at wedding rehearsal.</li>
<li>Unlimited phone / email contact.</li>
<li>Personalised ceremony with personalised.</li>
</ul>
</div>
<div class="extra content text-center">
<a href="#" class="ui orange button">Book Now</a>
</div>
</div>
</div>
<div class="column">
<div class="ui card">
<div class="content">
<h3>Legally Married</h3>
<h5>From $550</h5>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="mt2"><strong>Package includes:</strong></div> -->
<ul>
<li>Completion & lodgement of all legal paperwork.</li>
<li>One pre-wedding meeting – either in person or via video.</li>
<li>Unlimited phone / email contact.</li>
<li>A ‘legals-only’ ceremony.</li>
<li>Officiating your ceremony.</li>
</ul>
</div>
<div class="extra content text-center">
<a href="#" class="ui orange button">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</section> <!-- /Pricing -->
<section id="social-media" class="cd-section cd-container">
<div class="text-center">
<h2>Share The Love On Instagram</h2>
<p>@amorecelebrant</p>
<div class="gallery">
<div class="gallery-picture">
<a href="#"><img src="images/img2.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img7.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img11.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img12.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img13.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img14.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img15.jpg"><i class="fa fa-instagram"></i></a>
</div>
<div class="gallery-picture">
<a href="#"><img src="images/img16.jpg"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</section> <!-- /social-media -->
<section id="credentials" class="cd-section cd-container media">
<div class="masthead">
<h2>Credentials</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="ui container center aligned mt5">
<div class="ui three column grid">
<div class="column">
<img src="images/acc-badge.png">
<!-- <h4>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet Lorem ipsum dolor." </h4>
<h3>AFCC Accredited</h3> -->
</div>
<div class="column">
<img src="images/celebrant-network.png">
<!-- <h4>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor." </h4>
<h3>Celebrant Network</h3> -->
</div>
<div class="column">
<img src="images/south-side-celebrants.png">
<!-- <h4>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor." </h4>
<h3>South Side Celebrants</h3> -->
</div>
</div>
<!-- <div class="ui six column grid mt5">
<div class="column">
<img src="images/media2.png">
</div>
</div> -->
</div>
</section> <!-- /credentials -->
<section id="theTales" class="cd-section cd-container tales">
<div class="masthead">
<h2>Blog</h2>
<p>Here are the recent blog posts</p>
</div>
<div class="ui container mt5">
<div class="ui three column grid">
<div class="column">
<img class="ui image" src="images/img1.jpg">
<h3>What To Wear To Your Bridal Shower</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem... <a href="#" class="readmore">Read More</a></p>
</div>
<div class="column">
<img class="ui image" src="images/img2.jpg">
<h3>Spring And Summer Bridesmaid Fashion</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem... <a href="#" class="readmore">Read More</a></p>
</div>
<div class="column">
<img class="ui image" src="images/img3.jpg">
<h3>Meet The Pink Wedding Gown</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem... <a href="#" class="readmore">Read More</a></p>
</div>
</div>
</div>
</section> <!-- /theTales -->
<section id="testimonial" class="cd-section cd-container pb0 pt0 tales">
<div class="gradient burger-xl mt10">
<div class="masthead">
<h2>Testimonial</h2>
<p>Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="ui container mt5">
<div class="ui centered grid">
<div class="ten wide column">
<div class="testimonial-slider slider">
<div class="slides">
<div class="slide-item item1">
<div class="testimonial">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ab consequatur fugiat delectus sint in velit quo possimus, ullam aspernatur ipsa natus tenetur nulla distinctio doloremque totam."</p >
<div class="author-profile"><img src="images/profile.jpg"></div>
<p class="opac author">- John Doe</p>
</div>
</div>
<div class="slide-item item2">
<div class="testimonial">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ab consequatur fugiat delectus sint in velit quo possimus, ullam aspernatur ipsa natus tenetur nulla distinctio doloremque totam."</p >
<div class="author-profile"><img src="images/profile2.jpg"></div>
<p class="opac author">- Bea Mine</p>
</div>
</div>
<div class="slide-item item3">
<div class="testimonial">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ab consequatur fugiat delectus sint in velit quo possimus, ullam aspernatur ipsa natus tenetur nulla distinctio doloremque totam."</p >
<div class="author-profile"><img src="images/profile3.jpg"></div>
<p class="opac author">- Lynn O’Leeum</p>
</div>
</div>
<div class="slide-item item4">
<div class="testimonial">
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ab consequatur fugiat delectus sint in velit quo possimus, ullam aspernatur ipsa natus tenetur nulla distinctio doloremque totam."</p >
<div class="author-profile"><img src="images/profile4.jpeg"></div>
<p class="opac author">- Anne Teak</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> <!-- /theTales -->
<section id="theConnect" class="cd-section pt10 cd-container pb0 footer">
<div class="masthead">
<h2>Contact Us</h2>
<p>Wish to know more? Request an invite!</p>
<div class="text-left mt5">
<form class="ui form">
<div class="field">
<label>Name</label>
<div class="two fields">
<div class="field">
<input type="text" name="shipping[first-name]" placeholder="First Name">
</div>
<div class="field lastnm_field">
<input type="text" name="shipping[last-name]" placeholder="Last Name">
</div>
</div>
</div>
<div class="field">
<label>Email</label>
<input type="email" name="last-name" placeholder="Enter Email">
</div>
<div class="field">
<label>Phone</label>
<input type="text" name="last-name" placeholder="Enter Phone Number">
</div>
<div class="field">
<label>Message</label>
<textarea></textarea>
</div>
<div class="field">
<button class="ui button mt3" type="submit">Submit</button>
</div>
</form>
</div>
</div>
<!-- <div class="ui container gutter-xl mt10">
<div class="ui two column gutter-xl grid">
<div class="column">
<p><a href="#home">- Home</a></p>
<p><a href="#services">- Services</a></p>
<p><a href="#pricing">- Pricing</a></p>
<p><a href="#social-media">- Social Media</a></p>
</div>
<div class="column">
<p><a href="#credentials">- Credentials</a></p>
<p><a href="#theTales">- Blogs</a></p>
<p><a href="#testimonial">- Testimonial</a></p>
</div>
</div>
</div> -->
<div class="text-center copyright">
<p class="sml-text">© amc <a href="">Terms & Conditions</a></p>
<div class="text-center mt3 social-contacts">
<a href=""><i class="fa fa-facebook-square"></i></a>
<a href=""><i class="fa fa-instagram"></i></a>
<a href=""><i class="fa fa-pinterest"></i></a>
</div>
</div>
</section> <!-- /theConnect -->
</main> <!-- .cd-main-content -->
<script src="js/TweenMax.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/gallery_.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/main.js"></script>
<script src="js/semantic.min.js"></script>
<script src='https://cdn.jsdelivr.net/jquery.glide/1.0.6/jquery.glide.min.js'></script>
<script src="https://use.fontawesome.com/0d759b0699.js"></script>
<script src="js/custom.js"></script>
<script>
$(document).ready(function(){
//var headrs=document.getElementById('header1').offsetHeight;
var wheight = screen.height-100;
wheight=wheight + "px";
document.getElementById('huge-brand').style.height=wheight;
});
$('.slider').glide({
autoplay: false,
arrowsWrapperClass: 'slider-arrows',
arrowRightText: '',
arrowLeftText: ''
});
$('.brand-tabs .item').tab();
$('.spirit img')
.visibility({
type : 'image',
transition : 'fade in',
duration : 3000
});
$('.effect-look img')
.visibility({
type : 'image',
transition : 'fade in',
duration : 1000
});
$('.testimonial-slider').glide({
autoplay: false,
arrowsWrapperClass: 'slider-arrows',
arrowRightText: '',
arrowLeftText: ''
});
function deleteModal() {
$('.ui.basic.modal').each(function() {
$(this).remove();
});
}
$('.PhotoCard').click(function() {
// Delete any modals hanging around
deleteModal();
var image = $(this).children('img').attr('src');
$('body').append('<div class="ui basic modal"><div class="content"><img src="'+image+'" width="100%" /></div></div>');
$('.ui.basic.modal') .modal('show');
})
</script>
</body>
</html>