File: /home/imensosw/public_html/imenso.co/dev/amc/index-1.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="#theConnect" 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>Wedding Ceremony</h2>
<p>Perfect for couples who want the traditional style wedding ceremony or fun filled with a modern twist. During the planning meetings, I will sit down with you to design your ceremony, whether it be short and simple or in-between or all the way, in which I will help with you in finding the vows, reading and so much more! Couples can have as much input as they like!</p>
</div><!--/story-box-->
<div class="ui">
<div class="ui one column grid mt5">
<div class="column py-0">
<div class="bg-color2 service_1">
<div class="services-content bg-color2 ">
<h3>Short, Simple</h3>
<p class="mb3">Perfect for couples who don't want an elaborate wedding and prefer a smaller intimate ceremony. Together we will design a short and simple ceremony in which you may like to personalise with own vows.</p>
<a href="#theConnect" 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>Elopements</h3>
<p class="mb3">Perfect for couples who just want to be legally married in Australia. It involves me, the two of you, a minimum of two witnesses (who must be 18yo or older) and a few legal words. We then sign the certificates and you’re married! The best part - it can be anywhere you want it to be!</p>
<a href="#theConnect" class="ui grey basic button">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="how_work">
<div class="ui container">
<div class="text-center">
<h2>So how do you make it work ?</h2>
<div class="ui two column grid">
<ul class="bullate_inline column">
<li>Firstly, <a class="get-touch" href="https://www.annasmalecelebrant.com.au/contact" target="_blank"> get in touch with me </a> and provide me with as much information as possible about your wedding and the style you are after.</li>
<li>Let's catch up for a meet and greet where we can get to know each other, discuss your wedding and visions for your ceremony. If you're unable to meet in person, we can chat via phone / email / FaceTime.</li>
<li>If the meeting goes well then book me in and pay a booking fee to secure the date.</li>
<li>We'll have subsequent meetings where we will complete your NIOM ‘Notice of Intended Marriage' form and start discussing your ceremony. I will provide you with a Ceremony Guide with lots of examples (vows, ring exchange, readings, etc).</li>
</ul>
<ul class="bullate_inline column">
<li>Approximately one month before your wedding you will receive a copy of your ceremony for review.</li>
<li>If requested, a rehearsal can take place a couple of weeks prior to your wedding.</li>
<li>Wedding Day! I will arrive nice and early to set up and liaise with your other suppliers to ensure the day runs smoothly.</li>
</ul>
</div>
</div><!--/story-box-->
</div>
</section>
<section id="gallery" class="cd-container 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 $550</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="#theConnect" 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">TIME TO GET MARRIED</h3>
<h5 class="pull-right">From $950</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>
</ul>
</div>
</div>
<div class="extra content">
<a href="#theConnect" 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">THE ALL IN BIG SPECIAL DAY</h3>
<h5 class="pull-right">From $1350</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>Initial interview</li>
<li>Unlimited contact and preparation comprising:</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="#theConnect" 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 white-text">© amc <a href="">Terms & Conditions</a></p>
<div class="text-center 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 gallery-section"><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>
<script type="text/javascript">
/*
jQuery codes for smooth scrolling. The following code is from
https://css-tricks.com/snippets/jquery/smooth-scrolling/
*/
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>
</html>