Mini Shell
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>:: Atham Events</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="atham evnts,wedding,atham,marriage,rent car,photography,photo" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href='css/dscountdown.css' type='text/css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<!-- animation -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<!-- //animation -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- font-awesome icons -->
<link rel="stylesheet" href="css/lightbox.css">
<!--about-bottom -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!--about-bottom -->
<!-- //Custom Theme files -->
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- //web-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div id="home">
<!-- header -->
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="main-nav">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">xmas</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1>
<a class="navbar-brand" href="index.html">
<!-- <img src="images/logo.jpg" alt=""> -->atham Events</a>
</h1>
<!-- <a class="navbar-brand" href="index.html">
<img src="images/logo1.png" alt="" /></a>-->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse nav-right">
<ul class="nav navbar-nav navbar-right cl-effect-15">
<!-- Hidden li included to remove active class from about link when scrolled up past about w3_agile-section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#home">Home</a>
</li>
<li>
<a class="page-scroll" href="#about">about</a>
</li>
<li>
<a class="page-scroll" href="#prices">Events</a>
</li>
<!-- <li>
<a class="page-scroll" href="#event">events</a>
</li> -->
<li>
<a class="page-scroll" href="#gallery">Gallery</a>
</li>
<!-- <li>
<a class="page-scroll" href="#team">organisers</a>
</li> -->
<li>
<a class="page-scroll" href="#testimonials">testimonials</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<div class="clearfix"></div>
</div>
<!-- /.container -->
</div>
</nav>
<!-- banner -->
<!-- snow animation -->
<div id="snow">
</div>
<!-- //snow animation -->
<!-- //header -->
<div class="banner-bg-agileits">
<!-- banner-text -->
<div class="owl-carousel owl-theme" id="owl-two">
<div class="item slide1 top-item">
<div class="banner-text">
<h2>A trust worthy relation...!!</h2>
<div class="banner-sub-txt">
<span class="banner-line"></span>
<span class="fa fa-snowflake-o" aria-hidden="true"></span>
<span class="banner-line"></span>
</div>
</div>
</div>
<div class="item slide2 top-item">
<div class="banner-text">
<h2>A trust worthy relation...!!</h2>
<div class="banner-sub-txt">
<span class="banner-line"></span>
<span class="fa fa-snowflake-o" aria-hidden="true"></span>
<span class="banner-line"></span>
</div>
</div>
</div>
<div class="item slide3 top-item">
<div class="banner-text">
<h2>A trust worthy relation...!!</h2>
<div class="banner-sub-txt">
<span class="banner-line"></span>
<span class="fa fa-snowflake-o" aria-hidden="true"></span>
<span class="banner-line"></span>
</div>
</div>
</div>
<div class="item slide4 top-item">
<div class="banner-text">
<h2>A trust worthy relation...!!</h2>
<div class="banner-sub-txt">
<span class="banner-line"></span>
<span class="fa fa-snowflake-o" aria-hidden="true"></span>
<span class="banner-line"></span>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="w3_agile-section about-main" id="about">
<div class="container">
<div class="about-grid-main">
<div class="col-md-12 col-sm-12 about-text">
<h3 class="main-title">wishing you a wonderful holiday season</h3>
<div class="about-right">
<div class="col-md-3 about-grid1">
<img src="images/about1.jpg" alt="" class="img-responsive" />
<h4>Wedding</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus enim sagittis lorem.</p>
</div>
<div class="col-md-3 about-grid1">
<img src="images/about2.jpg" alt="" class="img-responsive" />
<h4>Photography</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus enim sagittis lorem.</p>
</div>
<div class="col-md-3 about-grid1">
<img src="images/about3.jpg" alt="" class="img-responsive" />
<h4>Catering Service</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus enim sagittis lorem.</p>
</div>
<div class="col-md-3 about-grid1">
<img src="images/about4.jpg" alt="" class="img-responsive" />
<h4>Wedding Cars</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus enim sagittis lorem.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- <div class="col-md-4 col-sm-4 about-grid">
<img src="images/about4.jpg" alt="" class="img-responsive" />
</div> -->
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //about -->
<!-- events -->
<!-- <div class="w3_agile-section slide-main">
<div class="container">
<h3 class="title-wthree slide-bg-title">
<span>y</span>ou are invited to attend our
<span>10</span>
<sup>th</sup> annual</h3>
<h4 class="title">christmas celebrations</h4>
<p>making memories together</p>
<div class="slide-grid-main">
</div>
</div>
</div> -->
<!-- //events -->
<!-- events pricing-->
<div class="w3_agile-section price-main text-center" id="prices">
<div class="container">
<h3 class="title-wthree">Events</h3>
<img src="images/r.png" alt="" />
<div class="about-head w3ls-team-info">
<div class="col-md-4 col-sm-4 col-xs-6 agileits_w3layouts-price-grid1 text-center">
<ul class="price-plan">
<li class="price-type">platinum</li>
<li class="price-tag">$150</li>
</ul>
<img src="images/p1.jpg" alt="" class="img-responsive" />
<ul class="price-list">
<li>The Dance party</li>
<li>The snow party</li>
<li>special buffet</li>
<li>Complimentary drinks</li>
</ul>
<div class="reg-button price1-btn bounce animated">
<a href="#" data-toggle="modal" data-target="#myModal1">book now</a>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-6 agileits_w3layouts-price-grid1 text-center">
<ul class="price-plan">
<li class="price-type">diamond</li>
<li class="price-tag">$120</li>
</ul>
<img src="images/p12.jpg" alt="" class="img-responsive" />
<ul class="price-list">
<li>The Dance party</li>
<li>The snow party</li>
<li>special buffet</li>
<li>Complimentary drinks</li>
</ul>
<div class="reg-button price1-btn bounce animated">
<a href="#" data-toggle="modal" data-target="#myModal1">book now</a>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-6 agileits_w3layouts-price-grid1 text-center">
<ul class="price-plan">
<li class="price-type">standard</li>
<li class="price-tag">$100</li>
</ul>
<img src="images/p13.jpg" alt="" class="img-responsive" />
<ul class="price-list">
<li>The Dance party</li>
<li>The snow party</li>
<li>special buffet</li>
<li>Complimentary drinks</li>
</ul>
<div class="reg-button price1-btn bounce animated">
<a href="#" data-toggle="modal" data-target="#myModal1">book now</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //events pricing -->
<!-- gallery -->
<div class="w3_agile-section text-center gallery" id="gallery">
<div class="container-fluid">
<h3 class="title-wthree">look out gallery</h3>
<img src="images/r.png" alt="" />
<div class="about-bottom w3ls-team-info">
<div class="col-md-12">
<div id="Carousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g1.jpg" class="thumbnail cm-overlay">
<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/banner2.jpg" class="thumbnail cm-overlay">
<img src="images/banner2.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g3.jpg" class="thumbnail cm-overlay">
<img src="images/g3.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g4.jpg" class="thumbnail cm-overlay">
<img src="images/g4.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
</div>
<!--.row-->
</div>
<!--.item-->
<div class="item">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g5.jpg" class="thumbnail cm-overlay">
<img src="images/g5.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g6.jpg" class="thumbnail cm-overlay">
<img src="images/g6.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g7.jpg" class="thumbnail cm-overlay">
<img src="images/g7.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g1.jpg" class="thumbnail cm-overlay">
<img src="images/g1.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
</div>
<!--.row-->
</div>
<!--.item-->
<div class="item">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/banner2.jpg" class="thumbnail cm-overlay">
<img src="images/banner2.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g3.jpg" class="thumbnail cm-overlay">
<img src="images/g3.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g4.jpg" class="thumbnail cm-overlay">
<img src="images/g4.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 img-gallery-w3l">
<a href="images/g5.jpg" class="thumbnail cm-overlay">
<img src="images/g5.jpg" alt="Image" style="max-width:100%;">
</a>
</div>
</div>
<!--.row-->
</div>
<!--.item-->
</div>
<!--.carousel-inner-->
<a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
<a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
</div>
<!--.Carousel-->
</div>
</div>
</div>
</div>
<!-- //gallery -->
<!-- party organisers -->
<!-- <div class="w3_agile-section team text-center" id="team">
<div class="container">
<h3 class="title-wthree">party organisers</h3>
<img src="images/r.png" alt="" />
<div class=" w3ls-team-info">
<div class="col-md-3 col-sm-6 col-xs-6 agileinfo-team-grids">
<img class="img-responsive" src="images/t3.jpg" alt="">
<div class="team-caption">
<div class="social-icons">
<ul>
<li>
<a href="#" class="fa fa-facebook icon-border facebook"> </a>
</li>
<li>
<a href="#" class="fa fa-twitter icon-border twitter"> </a>
</li>
<li>
<a href="#" class="fa fa-google-plus icon-border googleplus"> </a>
</li>
<li>
<a href="#" class="fa fa-rss icon-border rss"> </a>
</li>
</ul>
</div>
</div>
<h4>Enimet</h4>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 agileinfo-team-grids">
<img class="img-responsive" src="images/t2.png" alt="">
<div class="team-caption">
<div class="social-icons">
<ul>
<li>
<a href="#" class="fa fa-facebook icon-border facebook"> </a>
</li>
<li>
<a href="#" class="fa fa-twitter icon-border twitter"> </a>
</li>
<li>
<a href="#" class="fa fa-google-plus icon-border googleplus"> </a>
</li>
<li>
<a href="#" class="fa fa-rss icon-border rss"> </a>
</li>
</ul>
</div>
</div>
<h4>Michel</h4>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 agileinfo-team-grids">
<img class="img-responsive" src="images/t1.jpg" alt="">
<div class="team-caption">
<div class="social-icons">
<ul>
<li>
<a href="#" class="fa fa-facebook icon-border facebook"> </a>
</li>
<li>
<a href="#" class="fa fa-twitter icon-border twitter"> </a>
</li>
<li>
<a href="#" class="fa fa-google-plus icon-border googleplus"> </a>
</li>
<li>
<a href="#" class="fa fa-rss icon-border rss"> </a>
</li>
</ul>
</div>
</div>
<h4>Tincidun</h4>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 agileinfo-team-grids">
<img class="img-responsive" src="images/t5.png" alt="">
<div class="team-caption">
<div class="social-icons">
<ul>
<li>
<a href="#" class="fa fa-facebook icon-border facebook"> </a>
</li>
<li>
<a href="#" class="fa fa-twitter icon-border twitter"> </a>
</li>
<li>
<a href="#" class="fa fa-google-plus icon-border googleplus"> </a>
</li>
<li>
<a href="#" class="fa fa-rss icon-border rss"> </a>
</li>
</ul>
</div>
</div>
<h4>Inaren</h4>
</div>
<div class="clearfix"></div>
</div>
</div>
</div> -->
<!-- //party organisers -->
<!-- Book tickets -->
<!-- <div class="event-tikt text-center">
<div class="event-reg-bg w3_agile-section">
<h4 class="apt-t">we are getting closer to marvellous celebrations</h4>
<div class="demo2"></div>
<div class="reg-btn">
<p>only few days left to register.</p>
<a href="#" data-toggle="modal" data-target="#myModal1">register now
<span class="fa fa-angle-double-right"></span>
</a>
</div>
</div>
</div> -->
<!-- //Book tickets -->
<!-- testimonials -->
<section id="testimonials">
<h3 class="title-wthree text-center">Testimonials</h3>
<!-- <img src="images/r.png" alt="" / style=""> -->
<div class="container">
<div class="row">
<div class="owl-carousel owl-theme" id="owl-four">
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Preethi Sabarwal</h5>
<h6>Model</h6>
<p>Very good service,and facilities...it would be a homly type treat.Consumer feedback in developing a brand</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Aaron Rahul</h5>
<h6>Doctor</h6>
<p>Consumer feedback in developing a brand.how to design the hotel by responding to the needs of consumers.</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Smitha</h5>
<h6>Student</h6>
<p> We learned how to design the hotel by responding to the needs of consumers as they described them to us</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Adhiq</h5>
<h6>Engineer</h6>
<p> This Forum was created with the aim of having consumers talk to one another about music, having with the service</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Anjali</h5>
<h6>Collector</h6>
<p>This Forum was created with the aim of having consumers as well as any issues they’re having with the service</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
<div class="items">
<div class="clientlist">
<i class="fa fa-quote-left"></i>
<div class="text-center">
<h5>Akshay kapoor</h5>
<h6>Business man</h6>
<p> The hotel chain has always stayed connected with what their users want.Consumer feedback in developing.</p>
</div>
<div class="fa fa-quote-right quotes"></div>
<div class="clientimg">
<img src="images/avatar.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //testimonials-->
<!-- newsletter -->
<div class="w3_agile-section newsletter text-center">
<div class="container">
<h3 class="title-wthree">subscribe us to know more....</h3>
<form action="#" method="post">
<input type="email" name="email" placeholder="Enter Your email..." required="">
<input type="submit" value=" ">
</form>
</div>
</div>
<!-- //newsletter -->
<!-- contact -->
<div class="contact-main text-center w3_agile-section" id="contact">
<div class="contact-layer">
<div class="container">
<h3 class="title-wthree">contact</h3>
<img src="images/r.png" alt="">
<div class="inner_contact w3ls-team-info">
<div class="col-md-6 contact-leftgrid">
<h4>Get In Touch</h4>
<div class="address">
<div class="w3ls-address-grid">
<div class="address-left">
<a href="tel:+91 9961333686">
<span class="fa fa-phone" aria-hidden="true"></span>
</a>
</div>
<div class="address-right">
<h6>Phone Number</h6>
<a href="https://api.whatsapp.com/send?phone=+91 9961333686" target="_blank">
<p>+91 9961333686</p>
</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="w3ls-address-grid">
<div class="address-left">
<span class="fa fa-envelope" aria-hidden="true"></span>
</div>
<div class="address-right">
<h6>Email Address</h6>
<p>Email :
<a href="mailto:eventsathamtcr@gmail.com"> eventsathamtcr@gmail.com</a>
</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="w3ls-address-grid">
<div class="address-left">
<span class="fa fa-map-marker" aria-hidden="true"></span>
</div>
<div class="address-right">
<h6>Location</h6>
<p>SreeKrishna Complex,Near Thiruvambady Temple,Thrissur
</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="w3ls-address-grid">
<div class="address-left">
<span class="fa fa-users" aria-hidden="true"></span>
</div>
<div class="address-right">
<h6>Follow us</h6>
<ul class="social-icons3">
<li>
<a href="#" class="s-iconfacebook">
<span class="fa fa-facebook" aria-hidden="true"></span>
</a>
</li>
<li>
<a href="#" class="s-icontwitter">
<span class="fa fa-twitter" aria-hidden="true"></span>
</a>
</li>
<li>
<a href="#" class="s-icondribbble">
<span class="fa fa-dribbble" aria-hidden="true"></span>
</a>
</li>
<li>
<a href="#" class="s-iconbehance">
<span class="fa fa-behance" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 contact-right-grid">
<div class="contact-form">
<h4>Drop us a Line</h4>
<form action="#" method="post" name="sentMessage" id="contactForm">
<div class="control-group form-group">
<div class="controls">
<label class="contact-p1">Full Name:</label>
<input type="text" class="form-control" name="name" id="name" required>
<p class="help-block"></p>
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label class="contact-p1">Email Address:</label>
<input type="email" class="form-control" name="email" id="email" required>
<p class="help-block"></p>
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label class="contact-p1">Message</label>
<textarea required></textarea>
<p class="help-block"></p>
</div>
</div>
<div id="success"></div>
<!-- For success/fail messages -->
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="contact-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15690.373839847663!2d76.2114579!3d10.5326513!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x6c1d3a3e65be527d!2sAtham%20Wedding!5e0!3m2!1sen!2sin!4v1619343168942!5m2!1sen!2sin"
class="map" style="border:0" allowfullscreen=""></iframe>
</div>
<!-- //contact -->
<!-- footer -->
<div class="footer">
<div class="container">
<p>© 2021 atham events. All rights reserved | Design by<a href="http://programers.in/">PROGRAMERS</a></p>
</div>
</div>
<!-- //footer -->
<!-- modal -->
<div class="modal about-modal fade" id="myModal1" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title"></h4>
<img src="images/event.png" alt="" />
<h5>event registration form</h5>
</div>
<div class="modal-body">
<div class="modal-info">
<h3>Fill in your details below </h3>
<div class="login">
<form action="#" method="post">
<div class="login-left">
<input type="text" class="user" name="text" placeholder="Name" required="">
</div>
<div class="login-right">
<input type="email" class="user" name="email" placeholder="Email" required="">
</div>
<div class="clearfix"></div>
<div class="login-left">
<input type="text" name="phone" placeholder="Phone" required="">
</div>
<div class="login-right">
<select required="">
<option value="">Select City</option>
<option value="1">city1</option>
<option value="2">city2</option>
<option value="3"> city3</option>
<option value="4">city4</option>
</select>
</div>
<div class="clearfix"></div>
<div class="login-left">
<input type="text" name="phone" placeholder="No. of Seats" required="">
</div>
<div class="login-right">
<select required="">
<option value="">Select Event</option>
<option value="1">Wedding</option>
<option value="2">Photography</option>
<option value="3">Cars</option>
<option value="4">Wedding Cards</option>
</select>
</div>
<div class="clearfix"></div>
<input placeholder="Date" class="date" id="datepicker" type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"
required="" />
<textarea placeholder="Message"></textarea>
<input type="submit" value="confirm booking">
</form>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //modal -->
<!-- js -->
<div class="chat-popup" id="myForm">
<form action="action_page.php" class="form-container">
<!-- <h1>Chat</h1> -->
<div class="alignmenu">
<span class="fa fa-times icon-close2" onclick="closeForm()"></span>
</div>
<label for="name">Name</label>
<input type="text" name="" class="inputstyle"><br>
<label for="number">Mobile</label>
<input type="number" name="" class="inputstyle"><br>
<label for="name">Location</label>
<input type="text" name="" class="inputstyle"><br>
<label for="msg">Message</label>
<textarea placeholder="Type message.." name="msg" required></textarea>
<div class="captchareq">
<div>
<input type="text" name="" placeholder="Enter Captcha" class="inputstyle">
</div>
<div class="refresh">
<p>4546de</p><span class="icofont-refresh"></span>
</div>
</div>
<button type="submit" class="btn">Send</button>
<!-- <button type="button" class="btn cancel" onclick="closeForm()">Close</button> -->
</form>
</div>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$(document).ready(function () {
$("#owl-two").owlCarousel({
loop:true,
nav:false,
dots:true,
autoplay:true,
autoplaySpeed:1000,
smartSpeed:2500,
autoplayHoverPause:true,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
});
</script>
<script>
$(document).ready(function () {
$("#owl-four").owlCarousel({
loop:true,
dots:false,
margin:5,
autoplay:true,
autoplaySpeed:1000,
smartSpeed:2500,
autoplayHoverPause:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
1000:{
items:3
}
}
});
});
</script>
<!-- //js -->
<!-- Scrolling Nav JavaScript -->
<script src="js/scrolling-nav.js"></script>
<!-- //fixed-scroll-nav-js -->
<script src="js/jquery.vide.min.js"></script>
<!-- //gallery -->
<script src="js/jquery.tools.min.js"></script>
<script src="js/jquery.mobile.custom.min.js"></script>
<script src="js/jquery.cm-overlay.js"></script>
<script>
$(document).ready(function () {
$('.cm-overlay').cmOverlay();
});
</script>
<!-- //gallery -->
<!-- Counter required files -->
<script src="js/dscountdown.min.js"></script>
<script>
jQuery(document).ready(function ($) {
$('.demo2').dsCountDown({
endDate: new Date("march 19, 2018 23:59:00"),
theme: 'black'
});
});
</script>
<!-- //Counter required files -->
<!--start-date-piker-->
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-ui.js"></script>
<script>
$(function () {
$("#datepicker,#datepicker1").datepicker();
});
</script>
<!-- //End-date-piker -->
<!-- start-smooth-scrolling -->
<script src="js/move-top.js"></script>
<script src="js/easing.js"></script>
<script>
jQuery(document).ready(function ($) {
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top
}, 1000);
});
});
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script>
$(document).ready(function () {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({
easingType: 'easeOutQuart'
});
});
</script>
<script src="js/SmoothScroll.min.js"></script>
<!-- //smooth-scrolling-of-move-up -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.js"></script>
<script>
$(document).ready(function(){
// Start mixitup
$('#color-container').mixItUp();
});
</script>
</body>
</html>
Zerion Mini Shell 1.0