<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Genious</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300,100' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div class="header">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="logo pull-left col-md-6 col-sm-6 col-xs-12">
<h1>Genious</h1>
</div>
<div class="social col-md-6 col-sm-6 col-xs-12">
<ul class="pull-right">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="main-title text-center">
<h2>Coming Soon</h2>
<p>Genious is a beautiful coming soon template designed by html5lyaouts. It is creative and well designed website template</p>
<div id="countdown" data-wow-delay=".3s" data-date="Dec 26, 2015 06:00:00"></div>
<a href="#footer" class="subscribe-tag page-scroll">Subscribe</a>
</div>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<div class="about text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title">
<h3>About Us</h3>
</div>
<div class="desc">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
</div>
</div>
<div class="featurebox col-md-12 col-sm-12 col-xs-12">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="feature text-left">
<h4>Our process</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="feature text-left">
<h4>Our Vision</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="feature text-left">
<h4>Our Approach</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="feature text-left">
<h4>Our Objective</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer" id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-title text-center">
<h3>Sign up for our newsletter to get notified!</h3>
<p>Subscibe to get latest notification and news about our website. Remember you can always edit this text and replace it with your words.</p>
</div>
<div class="subscribeform">
<form class="subscribe_form" action="#" method="post">
<input required value="" placeholder="Enter your email..." class="email" id="email" name="email" type="email">
<input class="subscribe" name="email" value="Subscribe!" type="submit">
</form>
</div>
<div class="social text-center">
<ul>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-12 text-center footer-line">
<p>Copyright © 2015.Company name All rights reserved.More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> - Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<script type="text/javascript">
if ($('#countdown').length) {
$('#countdown').countdown({
render: function(data) {
if (data.years >= 1) {
var $days = (data.years*365)+data.days;
} else {
var $days = data.days;
}
$(this.el).html(
'<div class="day">' + this.leadingZeros($days) + ' <span>Days</span></div>'+
'<div class="hour">' + this.leadingZeros(data.hours, 2) + ' <span>Hours</span></div>'+
'<div class="min">' + this.leadingZeros(data.min, 2) + ' <span>Minutes</span></div>'+
'<div class="sec">' + this.leadingZeros(data.sec, 2) + ' <span>Seconds</span></div>'
);
}
});
}
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
Coming上线网站倒计时模板_上线 倒计时 网站维护 comming_html网站模板_网页源码移动端前端_H5模板.rar (18个子文件)
Coming上线网站倒计时模板_上线 倒计时 网站维护 comming
cpts_479_sq
style.css 5KB
js
bootstrap.min.js 36KB
jquery.countdown.min.js 3KB
css
bootstrap.min.css 120KB
font-awesome.min.css 23KB
index.html 7KB
images
bg.jpg 109KB
fonts
FontAwesome.otf 92KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 59KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 70KB
fontawesome-webfont.woff2 55KB
fontawesome-webfont.svg 306KB
fontawesome-webfont.ttf 119KB
共 18 条
- 1
资源评论
wsnbb_2023
- 粉丝: 12
- 资源: 6004
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功