<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home</title>
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'> <!-- Heading font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,600,700' rel='stylesheet' type='text/css'> <!-- Body font -->
<!-- Plugins CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Font Icons -->
<link rel="stylesheet" href="css/vegas.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page-loader"></div> <!-- Display loading image while page loads -->
<!--===== Begin Header =====-->
<header>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="logo wow bounceInLeft" data-wow-delay="0.4s">
<a class="site-logo" href="index.html">Ino Soon</a>
</div>
</div>
<div class="col-sm-6">
<ul class="contact-list wow bounceInRight" data-wow-delay="0.4s">
<li><i class="fa fa-phone"></i> 1 -234 -456 -7890</li>
<li><i class="fa fa-envelope"></i> [email protected]</li>
</ul>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</header>
<!--===== End Header =====-->
<!--===== Begin Count Down =====-->
<section>
<div class="container">
<div class="row">
<div class="col-xs-12">
<!-- 5.3 countdown container -->
<div class="countdown-container" id="lwt-countdown">
<div class="dash days_dash wow zoomIn" data-wow-delay="0.4s">
<div class="digit">0</div><div class="digit">0</div><div class="digit">0</div>
<span class="dash_title">days</span>
</div>
<div class="dash hours_dash wow zoomIn" data-wow-delay="0.5s">
<div class="digit">0</div><div class="digit">0</div>
<span class="dash_title">hours</span>
</div>
<div class="dash minutes_dash wow zoomIn" data-wow-delay="0.6s">
<div class="digit">0</div><div class="digit">0</div>
<span class="dash_title">minutes</span>
</div>
<div class="dash seconds_dash wow zoomIn" data-wow-delay="0.7s">
<div class="digit">0</div><div class="digit">0</div>
<span class="dash_title">seconds</span>
</div>
</div>
<!-- end countdown container -->
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</section>
<!--===== End Count Down =====-->
<!--===== Begin Content =====-->
<section id="content">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="content-intro">
<h1 class="wow zoomInLeft" data-wow-delay="0.3s"><span class="main-color">We</span> Are Coming Soon ...</h1>
<p class="wow zoomIn" data-wow-delay="0.5s">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even believable.</p>
<!-- Begin Subscribe Form -->
<div id="form">
<div id="form-subscriber"></div>
<div class="form-container wow bounceInLeft" data-wow-delay="0.5s">
<div class="page-section" id="signup">
<form method="post" action="mail.php" id="subscribe_form" class="subscriptionForm subscribe-form">
<input type="text" id="email" name="email" class="emailfield" placeholder="Enter your email address"/>
<input type="submit" class="submit" id="submit" value="Subscribe" />
</form>
</div> <!--end page section -->
</div> <!-- End form container -->
</div> <!-- end Subscribe Form -->
<!-- Begin Social List -->
<ul class="social-list">
<li class="wow zoomIn" data-wow-delay="0.2s"><a href=""><i class="fa fa-facebook"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.3s"><a href=""><i class="fa fa-twitter"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.4s"><a href=""><i class="fa fa-pinterest"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.5s"><a href=""><i class="fa fa-google-plus"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.6s"><a href=""><i class="fa fa-linkedin"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.7s"><a href=""><i class="fa fa-instagram"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.8s"><a href=""><i class="fa fa-yelp"></i></a></li>
<li class="wow zoomIn" data-wow-delay="0.9s"><a href=""><i class="fa fa-youtube"></i></a></li>
</ul>
<!-- End Social List -->
</div>
</div>
<div class="col-md-6">
<div class="service-post wow fadeInUp" data-wow-delay="0.5s">
<i class="fa fa-cogs"></i>
<h2><span class="main-color">Super</span> Services</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="service-post wow fadeInUp" data-wow-delay="0.7s">
<i class="fa fa-check"></i>
<h2><span class="main-color">24/7</span> Support</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="service-post wow fadeInUp" data-wow-delay="0.9s">
<i class="fa fa-cloud-upload"></i>
<h2><span class="main-color">Cloud</span> Upload</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.</p>
</div>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</section>
<!--===== End Content =====-->
<!--===== Begin Footer =====-->
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12">
<p class="wow bounceIn" data-wow-delay="0.7s">Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</footer>
<!--===== End Footer =====-->
<div id="jquery_jplayer_1"></div> <!-- Background Sound, Remove if you don't need this -->
<!-- Theme JS -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.lwtCountdown-1.0.js"></script>
<script src="js/jquery.jplayer.min.js"></script>
<script src="js/vegas.min.js"></script>
<script src="js/theme.js"></script>
</body>
</html>
带背景轮播切换网站模板是带有全屏背景图片自动轮播切换的网站
版权申诉
185 浏览量
2022-11-09
09:45:49
上传
评论
收藏 1.37MB RAR 举报
带背景轮播切换网站上线模板是一款带有全屏背景图片自动轮播切换的网站上线倒计时模板下载。.rar （27个子文件） 
带背景轮播切换网站上线模板是一款带有全屏背景图片自动轮播切换的网站上线倒计时模板下载。 moban1504 css 
bootstrap.min.css 114KB vegas.min.css 10KB animate.min.css 52KB reset.css 1KB mobile.css 996B font-awesome.min.css 23KB style.css 9KB img 
banner3.jpg 379KB
overlay.png 213B banner2.jpg 262KB
page-loader.gif 5KB logo.png 3KB banner1.jpg 283KB fonts fontawesome-webfont.eot 59KB fontawesome-webfont.woff 70KB FontAwesome.otf 92KB
fontawesome-webfont.svg 306KB fontawesome-webfont.woff2 55KB fontawesome-webfont.ttf 119KB
index.html 7KB js wow.min.js 8KB jquery.jplayer.min.js 60KB
jquery.jplayer.swf 13KB jquery-2.1.4.min.js 82KB jquery.lwtCountdown-1.0.js 5KB vegas.min.js 9KB theme.js 4KB资源评论
