<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>The BIG TEMPLATE : RESPONSIVE and FREE</title>
<!-- BOOTSTRAP CORE STYLE CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME CSS -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- ANIMATION STYLES -->
<link href="assets/css/animate.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="home-sec">
<div id="carousel-example" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active ">
<img src="assets/img/1.jpg" alt="" />
<div class="carousel-caption">
<h1 class="slide-h1 wow bounceInDown" data-wow-duration="1s">THE BIG WONDER</h1>
<h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">ULTIMATE TEMPLATE</h2>
</div>
</div>
<div class="item">
<img src="assets/img/1.jpg" alt="" />
<div class="carousel-caption">
<h1 class="slide-h1 wow bounceInDown" data-wow-duration="2s">RESPONSIVE DESIGN</h1>
<h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">FREE TO USE</h2>
</div>
</div>
<div class="item">
<img src="assets/img/1.jpg" alt="" />
<div class="carousel-caption">
<h1 class="slide-h1 wow bounceInDown" data-wow-duration="2s">HANDCRAFTED </h1>
<h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">ONLY FOR YOU</h2>
</div>
</div>
</div>
<!--INDICATORS-->
<ol class="carousel-indicators">
<li data-target="#carousel-example" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example" data-slide-to="1"></li>
<li data-target="#carousel-example" data-slide-to="2"></li>
</ol>
</div>
</div>
<!-- HOME SECTION END-->
<div id="nav">
<ul class="list-unstyled">
<li><a data-toggle="tooltip" data-placement="left" title="Home" href="#home-sec">Home</a></li>
<li><a data-toggle="tooltip" data-placement="left" title="About" href="#about-sec">About</a></li>
<li><a data-toggle="tooltip" data-placement="left" title="Features" href="#features-sec">Features</a></li>
<li><a data-toggle="tooltip" data-placement="left" title="Team" href="#team-sec">Team</a></li>
<li><a data-toggle="tooltip" data-placement="left" title="Contact" href="#contact-sec">Contact</a></li>
</ul>
</div>
<!-- NAV SECTION END-->
<section id="about-sec">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12">
<h1 data-scroll-reveal="enter from the bottom after 0.1s">ABOUT </h1>
<p data-scroll-reveal="enter from the bottom after 0.3s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
</p>
</div>
</div>
</div>
</section>
<!-- ABOUT SECTION END-->
<section id="features-sec">
<div class="container ">
<div class="row pad-btm">
<div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12">
<h1 data-scroll-reveal="enter from the bottom after 0.1s">FEATURES </h1>
<p data-scroll-reveal="enter from the bottom after 0.3s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.5s">
<i class="fa fa-recycle fa-5x"></i>
<h4 >Responsive Design</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet.
</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.7s" >
<i class="fa fa-briefcase fa-5x"></i>
<h4>Easy to Customize</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet.
</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.9s">
<i class="fa fa-history fa-5x"></i>
<h4>Free to Use</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet.
</p>
</div>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<!-- FEATURE SECTION END-->
<section id="team-sec">
<div class="container">
<div class="row pad-btm">
<div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12">
<h1 data-scroll-reveal="enter from the bottom after 0.1s">TEAM </h1>
<p data-scroll-reveal="enter from the bottom after 0.3s">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.4s">
<img src="assets/img/1t.jpg" class="img-circle img-responsive set-img" />
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.5s">
<h2>LEEN
CSS3纵向滚屏翻页bootstrap模板-纵向 滚屏 翻页 bootstrap css3动画 幻灯 单页.rar
版权申诉
98 浏览量
2022-11-20
09:14:21
上传
评论
收藏 643KB RAR 举报
CSS3纵向滚屏翻页bootstrap模板_纵向 滚屏 翻页 bootstrap css3动画 幻灯 单页.rar （23个子文件） 
CSS3纵向滚屏翻页bootstrap模板_纵向 滚屏 翻页 bootstrap css3动画 幻灯 单页 btts_2_rg assets css 
bootstrap.css 129KB animate.css 71KB font-awesome.css 25KB style.css 4KB img 
2t.jpg 21KB 1.jpg 56KB 1t.jpg 19KB fonts fontawesome-webfont.eot 71KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.woff 82KB FontAwesome.otf 73KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB js jquery.smooth-scroll.min.js 3KB jquery-1.11.1.js 276KB custom.js 2KB wow.js 12KB scrollReveal.js 12KB bootstrap.js 59KB
index.html 12KB资源评论
