网络建站响应式bootstrap网站模板

  • G3_845459
    了解作者
  • 517.9KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-11 11:52
    上传日期
网络建站响应式bootstrap网站模板
20150807084414160.rar
  • 201508072058
  • index.html
    26.4KB
  • images
  • s2.jpg
    20KB
  • img-sprite.png
    43.9KB
  • f1.jpg
    14.6KB
  • client3.png
    4.2KB
  • logo.psd
    189.7KB
  • s5.jpg
    15.8KB
  • s4.jpg
    18.4KB
  • s1.jpg
    16.4KB
  • img-sprite.psd
    824.1KB
  • client5.png
    5KB
  • world.png
    14.6KB
  • banner.jpg
    6.8KB
  • f3.jpg
    12.3KB
  • one.jpg
    24.3KB
  • left_arrow.png
    2.9KB
  • s6.jpg
    12.4KB
  • f2.jpg
    20.4KB
  • up-arrow.png
    1.5KB
  • nav-icon.png
    2.8KB
  • client4.png
    3.8KB
  • client1.png
    4.2KB
  • right_arrow.png
    2.9KB
  • logo.png
    4.7KB
  • client2.png
    4.4KB
  • s3.jpg
    21.8KB
  • js
  • owl.carousel.js
    37KB
  • move-top.js
    1.3KB
  • jquery.min.js
    94.1KB
  • easyResponsiveTabs.js
    5.6KB
  • jquery.flexisel.js
    7.9KB
  • jquery.wmuSlider.js
    11.5KB
  • easing.js
    4.6KB
  • css
  • bootstrap.css
    118.3KB
  • style.css
    27KB
  • owl.carousel.css
    9.1KB
内容介绍
<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <!---- start-smoth-scrolling----> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1200); }); }); </script> <!---- start-smoth-scrolling----> <!-- Custom Theme files --> <link href="css/style.css" rel='stylesheet' type='text/css' /> <!-- Custom Theme files --> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script> <!----webfonts----> <!----//webfonts----> <!----- start-Share-instantly-slider----> <!-- Prettify --> <link href="css/owl.carousel.css" rel="stylesheet"> <script src="js/owl.carousel.js"></script> <script> $(document).ready(function() { $("#owl-demo , #owl-demo1").owlCarousel({ items : 1, lazyLoad : true, autoPlay : true, }); }); </script> <script> $(document).ready(function() { $("#owl-demo3").owlCarousel({ items : 4, lazyLoad : true, autoPlay : true, navigation: false, pagination: false, }); }); </script> <!----- //End-Share-instantly-slider----> <!----start-top-nav-script----> <script> $(function() { var pull = $('#pull'); menu = $('nav ul'); menuHeight = menu.height(); $(pull).on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); }); </script> <!----//End-top-nav-script----> <script src="js/easyResponsiveTabs.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true // 100% fit in a container }); }); </script> </head> <body> <div class="header"> <div class="container"> <div class="logo"> <a href="index.html" rel='nofollow' onclick='return false;'></a> </div> <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href="#home" class="scroll" rel='nofollow' onclick='return false;'>Home <span> </span></a></li> <li class="page-scroll"><a href="#fea" class="scroll" rel='nofollow' onclick='return false;'>Features<span> </span></a></li> <li class="page-scroll"><a href="#screen" class="scroll" rel='nofollow' onclick='return false;'>Screenshots<span> </span></a></li> <li class="page-scroll"><a href="#about" class="scroll" rel='nofollow' onclick='return false;'>About <span> </span></a></li> <li class="page-scroll"><a href="#price" class="scroll" rel='nofollow' onclick='return false;'>Pricing<span> </span></a></li> <li class="page-scroll"><a href="#news" class="scroll" rel='nofollow' onclick='return false;'>News<span> </span></a></li> <li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll" rel='nofollow' onclick='return false;'>Contact </a></li> </ul> <a href="#" id="pull" rel='nofollow' onclick='return false;'></a> </nav> <div class="clearfix"></div> </div> </div> <div class="slider" id="home"> <div class="slider_container"> <div class="wmuSlider example1"> <div class="wmuSliderWrapper"> <article style="position: absolute; width: 100%; opacity: 0;" rel='nofollow' onclick='return false;'> <div class="banner-wrap"> <div class="slider-left"> <h1>Responsive, Elegant <br> & Sharp</h1> <p class="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat quis nostrud exerci tation.</p> <ul class="button"> <li><a href="#" rel='nofollow' onclick='return false;'>Know More</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>Buy Now</a></li> </ul> </div> <div class="slider-right"> </div> <div class="clearfix"> </div> </div> </article> <article style="position: relative; width: 100%; opacity: 1;" rel='nofollow' onclick='return false;'> <div class="banner-wrap"> <div class="slider-left"> <h1>nibh euismod <br> & tincidunt</h1> <p class="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat quis nostrud exerci tation.</p> <ul class="button"> <li><a href="#" rel='nofollow' onclick='return false;'>Know More</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>Buy Now</a></li> </ul> </div> <div class="slider-right"> </div> <div class="clearfix"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;" rel='nofollow' onclick='return false;'> <div class="banner-wrap"> <div class="slider-left"> <h1>magna aliquam <br> & laoreet</h1> <p class="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat quis nostrud exerci tation.</p> <ul class="button"> <li><a href="#" rel='nofollow' onclick='return false;'>Know More</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>Buy Now</a></li> </ul> </div> <div class="slider-right"> </div> <div class="clearfix"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;" rel='nofollow' onclick='return false;'> <div class="banner-wrap"> <div class="slider-left"> <h1>volutpat quis <br> & nostrud</h1> <p class="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat quis nostrud exerci tation.</p> <ul class="button"> <li><a href="#" rel='nofollow' onclick='return false;'>Know More</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>Buy Now</a></li> </ul> </div> <div class="slider-right"> </div> <div class="clearfix"> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;" rel='nofollow' onclick='return false;'> <div class="banner-wrap"> <div class="slider-left"> <h1>magna aliquam <br> & laoreet</h1> <p class="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat quis nostrud exerci tation.</p> <ul class="button"> <li><a href="#" rel='nofollow' onclick='return false;'>Know More</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>Buy Now</a></li> </ul> </div> <div class="slider-right"> </div> <div class="clearfix"> </div> </div> </article> </div> <ul class="wmuSliderPagination"> <li><a href="#" class="" rel='nofollow' onclick='return false;'>0</a></li> <li><a href="#" class="" rel='nofollow' onclick='return false;'>1</a></li> <li><a href="#" class="" rel='nofollow' onclick='return false;'>2</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>3</a></li> </ul> </div> <script src="js/jquery.wmuSlider.js"></script> <script> $('.example1').wmuSlider(); </script>
评论
    相关推荐