52-applayers/coming-soon.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>App Layers</title>
    
	<!-- Bootstrap CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">
     <!-- CSS Custom -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    
    <!-- favicon Icon -->
    <!--<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">-->
    <!-- CSS Plugins -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/animate.min.css">
    <!-- Google Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>


<header class="navbar-fixed-top">
	<div class="container">
    	<div class="row">
        		
				<div class="col-md-12">
            		<div class="logo_bar">
						<a href="#"><img src="images/logo.png" alt="logoimage"></a>
						
						<ul>
							  <li><a href="#">  Contact  </a></li>
						</ul>     
					</div>
				</div>
				
			</div>
		</div>
</header>

<section class="coming_soon_bg secondary-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				
				
				<div class="col-md-4">
						<div class="coming_soon_img">
						<img src="images/coming_soon.png" alt="image">
						</div>
				</div>
				
				<div class="col-md-8">
					<div class="side_section">
					
					<div class="coming_soon_detail">
							<h2> This Site is Almost Ready We're Coming Soon...</h2>
							
					</div>		
							<div class="timer">
								<div id="defaultCountdown"></div>			
								</div>
							
						<form>
						  <div class="form-group email_field">
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email Address" >
						  </div>
						  
						  <div class="search_btn-2">
 							<button class="btn btn-default" type="submit">  Subscribe </button>	
						 </div>
					   </form>
					
					</div>
				</div>
					
					
			</div>
				
		</div>
	</div>
</section>


<footer class="coming_soon_footer" >
	<div class="container">
    	<div class="row">
        		
				<div class="col-md-12">
            		
					<!-- Keep Footer Credit Links Intact -->
					<p> 2016 &copy; Copyright Applayers. All rights Reserved. Powered By Free <a href="http://www.pfind.com/goodies/applayers/">AppLayers</a> Template from <a href="http://www.pfind.com/goodies/">pFind Goodies</a>. </p>
					
					<ul>
						<li> <a href="http://facebook.com/"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </li>
						<li> <a href="http://twitter.com/"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </li>
						<li> <a href="http://linkedin.com/"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> </li>
						<li> <a href="http://google.com/"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> </li>
						<li> <a href="http://youtu.be/"> <i class="fa fa-youtube-square" aria-hidden="true"></i> </a> </li>
						<li> <a href="https://www.instagram.com"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </li>
					</ul>
					
				</div>
				
			</div>
		</div>
</footer>


</body>

<!-- JS Global -->
         <script src="js/jquery_003.js"></script>

<script src="js/jquery_002.js"></script>
         <script src="js/custom.js"></script>
         <script src="js/bootstrap.min.js"></script>
          <script type="text/javascript" src="js/jquery.plugin.min.js"></script>
		  <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
          <script>
			$(function () {
				var austDay = new Date();
				austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
				$('#defaultCountdown').countdown({until: austDay});
				$('#year').text(austDay.getFullYear());
			});
			</script>
 </html>