File: /home/imensosw/public_html/imenso.co/dev/amc/index-old.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 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 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">Packages</h2>
<p class="white-text">Unlimited Access And Compliments</p>
</div>
<div class="mt5 price-card">
<div class="column">
<div class="ui card">
<div class="content">
<div class="row">
<h3 class="pull-left">Legal only</h3>
<h5 class="pull-right">From $1350</h5>
</div>
<hr />
<div class="row">
<!-- <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> -->
<p>Perfect for couples who just want to tie the knot without any fuss.</p>
<p>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>
<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 email </li>
<li>limited phone / email contact. </li>
<li>A ‘legally-only’ ceremony </li>
<li>Officiating your ceremony</li>
<li>Couple or venue to provide signing table & chairs</li>
</ul>
</div>
</div>
<div class="extra content">
<a href="#" class="ui orange button">Book Now</a>
</div>
</div>
</div>
<div class="column mt4">
<div class="ui card">
<div class="content">
<div class="row">
<h3 class="pull-left">Lets just do it</h3>
<h5 class="pull-right">From $900</h5>
</div>
<hr />
<div class="row">
<p>Ideal for couples looking for a more personalised ceremony. With all the elements of a traditional ceremony, but then with unique things that celebrate you and your personalities! During our planning meetings, we will help you design a ceremony to cover your ideas of vows, readings, themes and more. It’s your day - I’m here to make sure of it.</p>
<div class="mt2"><strong>Package includes:</strong></div>
<ul>
<li>Initial interview</li>
<li>One Rehearsal (if required)</li>
<li>Two additional interview for confirmation and finalisation of ceremony</li>
<li>Travel to the ceremony venue</li>
<li>Conducting the wedding ceremony (including arrival not more than one hour prior to ceremony)</li>
<li>limited email and telephone communication with celebrant</li>
<li>Completion and lodgement of legal documents/forms</li>
<li>Provision of Certificate of Marriage for couple to keep</li>
<li>Couple agree that the bride and groom will be at the venue no later than 30 minutes after the agreed starting time</li>
<li>Couple (or venue) to provide signing table and chairs</li>
<li>Couple to arrange council permits for the use of the venue (if required)</li>
<li>Couple to provide own music system and arrange playing of music. </li>
<li>Celebrant will provide PA system for ceremony (as Required)</li>
<li>Celebrant will provide copies of your ceremony to keep (If Required)</li>
</ul>
</div>
</div>
<div class="extra content">
<a href="#" class="ui orange button">Book Now</a>
</div>
</div>
</div>
<div class="column mt4">
<div class="ui card">
<div class="content">
<div class="row">
<h3 class="pull-left">All In The Big Day</h3>
<h5 class="pull-right">From $550</h5>
</div>
<hr />
<div class="row">
<p>It’s your big day so we’ll make sure from start to finish, you have the ceremony and reception on your dreams. </p>
<p>We’ll work out a totally personalised ceremony to deliver the wedding you’re after, and one your family and guests will remember. </p>
<p>Your reception will be a celebration for everyone as I will be your MC so all your guests can relax and celebrate with you without the pressure of hosting your special event.</p>
<div class="mt2"><strong>Package includes:</strong></div>
<ul>
<li>Unlimited contact and preparation comprising:</li>
<li>Initial interview</li>
<li>Rehearsal as many required by couple,</li>
<li>Unlimited Additional interview for confirmation and finalisation of ceremony</li>
<li>Travel to the ceremony venue</li>
<li>Conducting the wedding ceremony (including arrival not more than one hour)</li>
<li>Unlimited email and telephone communication to & fro with celebrant</li>
<li>Completion and lodgement of legal documents/forms</li>
<li>Provision of Certificate of Marriage for couple to keep</li>
<li>Unlimited Help in writeing personal vows, or writeing vows for couple,</li>
<li>Couple (or venue) to provide signing table and chairs</li>
<li>Couple to arrange council permits for the use of the venue (as required)</li>
<li>Celebrant will provide PA system for ceremony (as Required)</li>
<li>Celebrant will provide copies of your ceremony to keep (as Required )</li>
<li> Couple agree that the bride and groom will be at the venue no later than 30 minutes after the agreed starting time</li>
<li>Couple to provide own music system and arrange playing of music. </li>
</ul>
</div>
</div>
<div class="extra content">
<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="" id="error_msg">
</div>
<div class="field">
<label>Name</label>
<div class="two fields">
<div class="field">
<input type="text" name="shipping[first-name]" placeholder="First Name" id="fname">
<div class="text-danger" id="fname_error"></div>
</div>
<div class="field lastnm_field">
<input type="text" name="shipping[last-name]" placeholder="Last Name" id="lname">
<div class="text-danger" id="lname_error"></div>
</div>
</div>
</div>
<div class="field">
<label>Email</label>
<input type="email" name="last-name" placeholder="Enter Email" id="email">
<div class="text-danger" id="email_error"></div>
</div>
<div class="field">
<label>Phone</label>
<input type="text" name="last-name" placeholder="Enter Phone Number" id="phone">
<!-- <div class="text-danger" id="message_error"></div> -->
</div>
<div class="field">
<label>Message</label>
<textarea id="message"></textarea>
<div class="text-danger" id="message_error"></div>
</div>
<div class="field">
<button class="ui button mt3" id="quote_mail_submit" type="button">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>
<script type="text/javascript">
$('#fname').on('keyup', function(){
if($(this).val()!=""){
$('#fname_error').html('');
}
});
$('#email').on('keyup', function(){
if($(this).val()!=""){
$('#email_error').html('');
}
});
/* $('#phone').on('keyup', function(){
if($(this).val()!=""){
$('#phone_number_error').html('');
}
});*/
$('#message').on('keyup', function(){
if($(this).val()!=""){
$('#message_error').html('');
}
});
function validateEmail($email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return emailReg.test( $email );
}
$(document).on('click','#quote_mail_submit', function (e) {
e.preventDefault();
var fname = $("#fname").val();
var lname = $("#lname").val();
var email = $("#email").val();
var phone = $("#phone").val();
var message = $("#message").val();
var flagError=0;
if(fname==""){
$('#fname_error').html('Please enter first name');
flagError=1;
}
else{
$('#fname_error').html("");
}
/*if(phone==""){
$('#phone_number_error').html('Please enter phone number');
flagError=1;
}
else{
$('#phone_number_error').html('');
}*/
if(message=="")
{
$('#message_error').html('Please enter message');
flagError=1;
}
else{
$('#message_error').html('');
}
if(email=="")
{
$('#email_error').html('Please enter email');
flagError=1;
}
else if( !validateEmail(email)) {
$('#email_error').html('Email address is invalid');
flagError=1;
}
else{
$('#email_error').html('');
}
if(flagError==0)
{
$.ajax({
type: "POST",
url: "quote_mail.php",
dataType: "json",
data: {fname:fname,lname:lname, email:email, phone:phone, message:message},
success : function(data){
if (data.status == "200"){
// window.location.href="thankyou.php";
// window.location.href.;
$('#fname').val('');
$('#lname').val('');
$('#email').val('');
$('#phone').val('');
$('#message').val('');
$('#error_msg').addClass('text-success').html(data.msg);
setTimeout(function(){ $('#error_msg').removeClass('text-success').html("") }, 3000);
} else {
$('#error_msg').addClass('text-danger').html(data.msg);
}
}
});
}
});
</script>
</body>
</html>