【免费】CSS3纵向滚屏翻页bootstrap模板_纵向滚屏翻页bootstrapcss3动画幻灯单页.rar资源-CSDN文库

共23个文件

js：6个

css：4个

jpg：3个

html

需积分: 0 116 浏览量 2023-09-10 10:33:44 上传评论收藏 638KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS3纵向滚屏翻页bootstrap模板_纵向滚屏翻页bootstrapcss3动画幻灯单页.rar （23个子文件）

style.css 4KB

bootstrap.js 59KB

jquery.smooth-scroll.min.js 3KB

FontAwesome.otf 73KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

wow.js 12KB

glyphicons-halflings-regular.eot 20KB

jquery-1.11.1.js 276KB

fontawesome-webfont.eot 71KB

1.jpg 56KB

font-awesome.css 25KB

1t.jpg 19KB

fontawesome-webfont.woff 82KB

animate.css 71KB

bootstrap.css 129KB

index.html 12KB

2t.jpg 21KB

fontawesome-webfont.svg 248KB

fontawesome-webfont.ttf 138KB

custom.js 2KB

scrollReveal.js 12KB

<!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="" />  <title>The BIG TEMPLATE : RESPONSIVE and FREE</title>  <link href="assets/css/bootstrap.css" rel="stylesheet" />  <link href="assets/css/font-awesome.css" rel="stylesheet" />  <link href="assets/css/animate.css" rel="stylesheet" />  <link href="assets/css/style.css" rel="stylesheet" />  <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>  <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>  <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>  <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>  <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>  <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

评论收藏

内容反馈