bootstrap绿色宽屏样式移动应用程序企业网站模板代码下载.zip资源-CSDN文库

共67个文件

png：33个

js：10个

css：7个

版权申诉

H5源码

公司模版

网站模版

HTML5源码

47 浏览量 2024-11-29 11:10:41 上传评论收藏 1.19MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

bootstrap绿色宽屏样式移动应用程序企业网站模板代码下载.zip （67个子文件）

26043

bootstrap.js 35KB

nicescroll.js 59KB

wow.js 7KB

bootstrap.min.js 35KB

main.js 3KB

scrollTo.js 3KB

ajaxchimp.js 2KB

owl.carousel.min.js 23KB

parallax.js 2KB

jquery.js 94KB

_menu.json 76B

img

close_video.png 1KB

facebook_logo.png 3KB

f_icon1.png 1KB

hero.jpg 585KB

nav_arrow.png 2KB

android_app_hover.png 1KB

f_icon6.png 1KB

f_icon5.png 1KB

icon1.png 1KB

icon4.png 1KB

loading.gif 3KB

logo.png 2KB

paypal_logo.png 3KB

nav_arrow_hover.png 2KB

f_icon4.png 1KB

android_icon.png 2KB

google_logo.png 4KB

sub_icon.png 1KB

f_icon2.png 1KB

android_app.png 1KB

icon5.png 1KB

play_hover.png 1KB

google.png 1KB

twitter.png 1KB

iphone_app.png 1KB

iphone.png 192KB

play.png 1KB

windows_icon.png 1KB

facebook.png 1KB

yahoo_logo.png 3KB

ios_icon.png 2KB

icon3.png 1KB

iphone_app_hover.png 1KB

f_icon3.png 1KB

icon2.png 1KB

css

main.css 16KB

owl.carousel.css 1KB

reset.css 0B

owl.transitions.css 4KB

animate.css 71KB

bootstrap.css 114KB

owl.theme.css 2KB

index.html 11KB

_tree.json 133KB

fonts

opensans-semibold.ttf 44KB

opensans-regular.eot 21KB

opensans-regular.ttf 44KB

opensans-semibold.eot 21KB

opensans-regular.svg 115KB

opensans-bold.svg 114KB

opensans-regular.woff 24KB

opensans-semibold.woff 24KB

opensans-bold.eot 21KB

opensans-bold.woff 25KB

opensans-semibold.svg 114KB

opensans-bold.ttf 45KB

<!DOCTYPE html> <html lang="en-us"> <head>  <title>Home</title>  <meta name="description" content=""/> <meta charset="utf-8"> <meta name="author" content=""> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" /> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <link rel="stylesheet" type="text/css" href="css/owl.transitions.css"/> <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"/> <link rel="stylesheet" type="text/css" href="css/animate.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"/> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ajaxchimp.js"></script> <script type="text/javascript" src="js/scrollTo.js"></script> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <script type="text/javascript" src="js/wow.js"></script> <script type="text/javascript" src="js/parallax.js"></script> <script type="text/javascript" src="js/nicescroll.js"></script> <script type="text/javascript" src="js/main.js"></script> </head> <body>  <header> <div class="container"> <div class="logo pull-left animated wow fadeInLeft"> <img src="img/logo.png" alt="" title=""> </div> <nav class="pull-left"> <ul class="list-unstyled"> <li class="animated wow fadeInLeft" data-wow-delay="0s"><a href="#about">About</a></li> <li class="animated wow fadeInLeft" data-wow-delay=".1s"><a href="#app_features">Features</a></li> <li class="animated wow fadeInLeft" data-wow-delay=".2s"><a href="#testimonials">Testimonials</a></li> </ul> </nav> <div class="social pull-right"> <ul class="list-unstyled"> <li class="animated wow fadeInRight" data-wow-delay=".2s"><a href="#"><img src="img/facebook.png" alt="" title=""></a></li> <li class="animated wow fadeInRight" data-wow-delay=".1s"><a href="#"><img src="img/twitter.png" alt="" title=""></a></li> <li class="animated wow fadeInRight" data-wow-delay="0s"><a href="#"><img src="img/google.png" alt="" title=""></a></li> </ul> </div> <span class="burger_icon">menu</span> </div> </header>   <section class="hero" id="hero"> <div class="container"> <div class="caption"> <h1 class="text-uppercase animated wow fadeInLeft">Take Photos Like A Pro.</h1> <p class="text-lowercase animated wow fadeInLeft">With only your iphone and capture app you can take stunning image like a professional Photographer.</p> <a href="#" class="app_store_btn text-uppercase animated wow fadeInLeft"> <i class="iphone_icon"></i> <span>Iphone App</span> </a> <a href="#" class="app_store_btn text-uppercase animated wow fadeInLeft"> <i class="android_icon"></i> <span>Android App</span> </a> </div> </div> </section>   <section class="featured_on"> <div class="container"> <ul class="list-unstyled text-center clearfix"> <li class="col-xs-6 col-sm-6 col-md-3 animated wow fadeInDown"> <img src="img/google_logo.png" alt="" title=""> </li> <li class="col-xs-6 col-sm-6 col-md-3 animated wow fadeInDown" data-wow-delay=".2s"> <img src="img/facebook_logo.png" alt="" title=""> </li> <li class="col-xs-6 col-sm-6 col-md-3 animated wow fadeInDown" data-wow-delay=".3s"> <img src="img/yahoo_logo.png" alt="" title=""> </li> <li class="col-xs-6 col-sm-6 col-md-3 animated wow fadeInDown" data-wow-delay=".4s"> <img src="img/paypal_logo.png" alt="" title=""> </li> </ul> </div> </section>   <section class="about" id="about"> <div class="container"> <div class="row"> <div class="col-md-6 text-center animated wow fadeInLeft"> <div class="iphone"> <img src="img/iphone.png" alt="" titl=""> </div> </div> <div class="col-md-6 animated wow fadeInRight"> <div class="features_list"> <h1 class="text-uppercase">Capture unforgettable moments.</h1> <p>Seuismod ligula ipsum vulputate tellus quisque dictum tortor at purus faucibus tincidunt, pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> <ul class="list-unstyled"> <li class="camera_icon"> <span>Euismod ligula ipsum vulputate tellus.</span> </li> <li class="video_icon"> <span>Morbi non efficitur nibh sit amet est eros.</span> </li> <li class="eye_icon"> <span>Fusce faucibus ante liberonec luctus egestas.</span> </li> <li class="pic_icon"> <span>Quisque pretium malesuada ornare.</span> </li> <li class="loc_icon"> <span>Cras interdum vestibulum dolor.</span> </li> </ul> <a href="#" class="app_store_btn text-uppercase" id="play_video" data-video="http://www.51qianduan.com/embed/Bm3NV3gGB2w?autoplay=1&showinfo=0"> <i class="play_icon"></i> <span>About Video</span> </a> <a href="#hero" class="app_link">Get the app</a> </div> </div> </div> </div> <div class="about_video show_video"> <a href="" class="close_video"></a> </div> </section>   <section class="app_features" id="app_features"> <div class="container"> <div class="row text-center"> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay="0s"> <img src="img/f_icon1.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".1s"> <img src="img/f_icon2.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".2s"> <img src="img/f_icon3.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> </div> <div class="row text-center"> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay="0s"> <img src="img/f_icon4.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".1s"> <img src="img/f_icon5.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> <div class="col-sm-4 col-md-4 details animated wow fadeInDown" data-wow-delay=".2s"> <img src="img/f_icon6.png" alt="" title=""> <h1 class="text-uppercase">malesuada fames turpis.</h1> <p class="text-lowercase">vel ultrices mauris libero id diam. Vivamus tellus sagittis facilisis nisi quis mollis risus quisque ultrices elit.</p> </div> </div> </div> </section>   <section class="testimon

评论收藏

内容反馈

版权申诉