File size: 13.65Kb
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="robots" content="" />
<meta name="description" content="Frost- Multipurpose Coming Soon" />
<meta property="og:title" content="Frost- Multipurpose Coming Soon" />
<meta property="og:description" content="Frost- Multipurpose Coming Soon" />
<meta property="og:image" content="Frost- Multipurpose Coming Soon" />
<meta name="format-detection" content="telephone=no">
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- PAGE TITLE HERE -->
<title>Frost- Multipurpose Coming Soon</title>
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="css/plugins.css">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<link rel="stylesheet" type="text/css" href="css/templete.min.css">
<link rel="stylesheet" type="text/css" class="skin" href="css/skin/skin-4.css">
<link rel="stylesheet" type="text/css" href="css/jquery.localizationTool.css">
<link href="https://fonts.googleapis.com/css?family=DM+Sans:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
</head>
<body id="bg" class="font-poppins">
<div id="loading-area"><div></div></div>
<div class="page-wraper">
<canvas class="site-nav-canvas" style="display: none;"></canvas>
<!-- Content -->
<!-- Side Nav -->
<div class="about-sidebox">
<a href="javascript:void(0)" class="closebtn bg-primary">×</a>
<div class="about-section">
<div class="contact-box">
<div class="contact-form">
<form method="post" class="dzForm dezPlaceAni" action="script/contact.php">
<h6 class="title">Contact Us</h6>
<div class="dzFormMsg"></div>
<input type="hidden" value="Contact" name="dzToDo" >
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Full Name</label>
<input name="dzName" type="text" required class="form-control ">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>Your Email Address</label>
<input name="dzEmail" type="email" class="form-control" required >
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label>Your Message</label>
<textarea name="dzMessage" rows="4" class="form-control" required ></textarea>
</div>
</div>
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="6LefsVUUAAAAADBPsLZzsNnETChealv6PYGzv3ZN" data-callback="verifyRecaptchaCallback" data-expired-callback="expiredRecaptchaCallback"></div>
<input class="form-control d-none" style="display:none;" data-recaptcha="true" required data-error="Please complete the Captcha">
</div>
<div class="col-md-12">
<button name="submit" type="submit" value="Submit" class="site-button gradient shadow button-lg black">Send Message</button>
</div>
</div>
</form>
<div class="map-box">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d227748.3825624477!2d75.65046970649679!3d26.88544791796718!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396c4adf4c57e281%3A0xce1c63a0cf22e09!2sJaipur%2C+Rajasthan!5e0!3m2!1sen!2sin!4v1500819483219" class="align-self-stretch radius-sm" style="border:0;" allowfullscreen></iframe>
</div>
<a href="#" class="site-button map-btn"><span>View Map</span><span>Close</span></a>
</div>
<div class="contact-info">
<div class="col">
<div>
<h5 class="title">Location</h5>
<p>8901 Marmora Road Chi Minh City, Vietnam</p>
</div>
</div>
<div class="col">
<div>
<h5 class="title">Email</h5>
<a href="#">info@example.com</a>
</div>
</div>
</div>
</div>
<div class="gallery-area content scroll-off" style="background-image:url(images/background/bg1.jpg);">
<div class="row lightgallery" id="masonry">
<div class="col-md-6 col-6 card-container wow flipInX" data-wow-duration="0.80s" data-wow-delay="0.5s">
<div class="gallery-box">
<div class="gallery-media" data-exthumbimage="images/gallery/pic1.jpg" data-src="images/gallery/main-pic1.jpg" title="Title Come Here">
<img src="images/gallery/pic1.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic2.jpg" data-src="images/gallery/main-pic2.jpg" title="Title Come Here">
<img src="images/gallery/pic2.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic3.jpg" data-src="images/gallery/main-pic3.jpg" title="Title Come Here">
<img src="images/gallery/pic3.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic4.jpg" data-src="images/gallery/main-pic4.jpg" title="Title Come Here">
<img src="images/gallery/pic4.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic5.jpg" data-src="images/gallery/main-pic5.jpg" title="Title Come Here">
<img src="images/gallery/pic5.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic6.jpg" data-src="images/gallery/main-pic6.jpg" title="Title Come Here">
<img src="images/gallery/pic6.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic7.jpg" data-src="images/gallery/main-pic7.jpg" title="Title Come Here">
<img src="images/gallery/pic7.jpg" alt=""/>
</div>
</div>
</div>
<div class="col-md-6 col-6 card-container">
<div class="gallery-box">
<div class="gallery-media check-km" data-exthumbimage="images/gallery/pic8.jpg" data-src="images/gallery/main-pic8.jpg" title="Title Come Here">
<img src="images/gallery/pic8.jpg" alt=""/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Side Nav End-->
<div class="menuleft">
<span class="close-btn">×</span>
<ul class="nav">
<li><a href="javascript:void(0);">Home</a></li>
<li><a href="javascript:void(0);">About</a></li>
<li><a href="javascript:void(0);">Portfolio</a></li>
<li><a href="javascript:void(0);">Contact</a></li>
</ul>
</div>
<!-- Coming Soon Contant -->
<div class="dez-coming-soon style-4 wow fadeIn youtube-video" data-wow-duration="0.80s" data-wow-delay="0.50s">
<div class="sidenav-menu">
<div class="logo">
<a href="index.html"><img src="images/logo4.png" alt=""></a>
</div>
<ul class="dez-social-icon social-2">
<li class="wow fadeInRight" data-wow-duration="1.5s" data-wow-delay="1.0s"><a href="#"><span>Facebook</span></a></li>
<li class="wow fadeInRight" data-wow-duration="1.5s" data-wow-delay="1.3s"><a href="#"><span>Twitter</span></a></li>
<li class="wow fadeInRight" data-wow-duration="1.5s" data-wow-delay="1.6s"><a href="#"><span>Linkedin</span></a></li>
</ul>
<div class="menu-btn">
<a href="javascript:void(0);">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<div class="clearfix dez-coming-bx">
<div class="dez-content">
<h2 class="dez-title ml2 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.5s"><span>We Are Doing Great,</span><br/><span>Almost Done...</span></h2>
<div class="countdown">
<div class="date wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.0s">
<span class="days time"></span>
<span>Days</span>
</div>
<div class="date wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.3s">
<span class="hours time"></span>
<span>Hours</span>
</div>
<div class="date wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.6s">
<span class="mins time"></span>
<span>Minutes</span>
</div>
<div class="date wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.9s">
<span class="secs time"></span>
<span>Second</span>
</div>
</div>
<div class="dez-coming-btn wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="2.2s">
<a href="javascript:void(0);" class="site-button openbtn button-lg m-r10 black">Get In Touch</a>
<a href="javascript:void(0);" data-toggle="modal" data-target="#exampleModal" class="site-button button-lg outline">Subscribe Now</a>
</div>
</div>
</div>
<div class="slider-box">
<div id="videoWithJs" class="videoWrapper">
<iframe src="https://www.youtube.com/embed/ja8pA2B0RR4?modestbranding=0&showinfo=0&controls=0&autoplay=1&rel=0&allowfullscreen=true&wmode=transparent&iv_load_policy=3&cc_load_policy=0&playsinline=0&html5=1&playerapiid=videoWithJs&loop=1&mute=1&enablejsapi=1&start=10&vq=hd1080" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" allowfullscreen="1" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- Coming Soon Contant -->
<div class="modal fade subscribe-box" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<form action="script/mailchamp.php" class="dzSubscribe modal-content" method="post">
<div class="modal-header">
<img src="images/bell4.png" alt=""/>
<h5 class="modal-title" id="exampleModalLabel">Subscribe Newsletter</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed eiusmod tempor incididunt labore dolore.</p>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<input name="dzEmail" id="SubscribeInput" required="required" class="form-control radius-no" placeholder="Your Email Address" type="email">
<div class="dzSubscribeMsg"></div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="site-button gradient button-lg shadow">Subscribe Now</button>
</div>
</form>
</div>
</div>
<!-- Content END-->
</div>
<!-- JavaScript files ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="plugins/bootstrap/js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/countdown/jquery.countdown.js"></script><!-- JQUERY COUNTDOWN -->
<script src="plugins/scroll/scrollbar.min.js"></script><!-- SCROLLBAR -->
<script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
<script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
<script src="plugins/lightgallery/js/lightgallery-all.min.js"></script><!-- LIGHTGALLERY -->
<script src="js/jquery.localizationTool.js"></script><!-- localizationTool JS -->
<script src="js/translator.js"></script><!-- Translator JS -->
<script src="js/custom.min.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/dz.ajax.js"></script><!-- CONTACT JS -->
<script src="js/wow.js"></script><!-- WOW JS -->
<script src='https://www.google.com/recaptcha/api.js'></script> <!-- Google API For Recaptcha -->
<script>
$(document).ready(function(){
sizeTheVideo();
$(window).on('resize',function(){
sizeTheVideo();
});
});
function sizeTheVideo(){
// - 1.78 is the aspect ratio of the video
// - This will work if your video is 1920 x 1080
// - To find this value divide the video's native width by the height eg 1920/1080 = 1.78
var aspectRatio = 3;
var video = $('#videoWithJs iframe');
var videoHeight = video.outerHeight();
var newWidth = videoHeight*aspectRatio;
var halfNewWidth = newWidth/2;
//Define the new width and centrally align the iframe
video.css({"width":newWidth+"px","left":"50%","margin-left":"-"+halfNewWidth+"px"});
}
</script>
<script src="plugins/anime/anime.min.js"></script><!-- CUSTOM FUCTIONS -->
<script src="plugins/anime/app.js"></script><!-- CUSTOM FUCTIONS -->
<div class="site-nav-overlay js-nav" style="opacity: 0;"></div>
</body>
</html>