棕色科技资讯网站模板是一款简洁时尚的科技类HTML网站模板下载。.zip源码资源下载

共55个文件

jpg：28个

html：8个

js：6个

版权申诉

html

5星 · 超过95%的资源 74 浏览量 2022-02-24 08:04:39 上传评论收藏 815KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

棕色科技资讯网站模板是一款简洁时尚的科技类HTML网站模板下载。.zip （55个子文件）

棕色科技资讯网站模板是一款简洁时尚的科技类HTML网站模板下载。

moban623

fonts

LobsterTwo-Italic.ttf 244KB

LobsterTwo-Regular.ttf 248KB

OpenSans-Regular.ttf 212KB

portfolio.html 10KB

images

4.jpg 25KB

img-sp.png 7KB

11.jpg 5KB

14.jpg 5KB

21.jpg 9KB

17.jpg 4KB

9-.jpg 18KB

11-.jpg 14KB

8-.jpg 28KB

15.jpg 3KB

sp.png 5KB

3.jpg 17KB

img-sprite.png 6KB

20.jpg 7KB

pattern.jpg 12KB

16.jpg 5KB

6.jpg 22KB

18.jpg 3KB

10.jpg 23KB

7-.jpg 24KB

icons.svg 1KB

1.jpg 10KB

7.jpg 20KB

9.jpg 20KB

10-.jpg 30KB

22.jpg 10KB

banner.jpg 38KB

co.png 2KB

2.jpg 7KB

8.jpg 22KB

19.jpg 4KB

5.jpg 42KB

14-.jpg 16KB

pages.html 19KB

contact.html 8KB

bootstrap.js 66KB

jquery.flexisel.js 8KB

jquery-1.11.1.min.js 94KB

responsiveslides.min.js 3KB

jquery.swipebox.min.js 7KB

easyResponsiveTabs.js 6KB

about.html 12KB

css

style5.css 3KB

bootstrap.css 138KB

common.css 948B

style.css 49KB

swipebox.css 4KB

single.html 10KB

index.html 22KB

<!DOCTYPE html> <html> <head> <title>Home</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Quickly Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>   <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},1000); }); }); </script>  </head> <body>  <div class="banner-body"> <div class="container">  <div class="header"> <div class="header-nav"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><span>Q</span>uickly</a> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom active"><a href="index.html">Home</a></li> <li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li> <li class="hvr-bounce-to-bottom"><a href="Portfolio.html">Portfolio</a></li> <li class="hvr-bounce-to-bottom"><a href="Pages.html">Pages</a></li> <li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li> </ul> <div class="sign-in"> <ul> <li><a href="login.html">Sign In </a>/</li> <li><a href="register.html">Register</a></li> </ul> </div> </div> </nav> </div>  <script src="js/classie.js"></script> <script src="js/uisearch.js"></script> <script> new UISearch( document.getElementById( 'sb-search' ) ); </script>  </div>   <div class="header-bottom"> <div class="header-bottom-top"> <ul> <li><a href="#" class="g"> </a></li> <li><a href="#" class="p"> </a></li> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="twitter"> </a></li> </ul> </div> <div class="clearfix"> </div>  <div class="banner">  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  <div id="top" class="callbacks_container wow fadeInUp" data-wow-delay="0.5s"> <ul class="rslides" id="slider3"> <li> <div class="banner-inf"> <h3>soluta nobis est eligendi cumque</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, ante interdum vehicula pretium, dui enim porta lectus, non euismod tortor ante eu libero</p> <a href="single.html">See More</a> </div> </li> <li> <div class="banner-inf"> <h3>euismod nobis est eligendi cumque</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, ante interdum vehicula pretium, dui enim porta lectus, non euismod tortor ante eu libero</p> <a href="single.html">See More</a> </div> </li> <li> <div class="banner-inf"> <h3>tortor nobis est eligendi cumque</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, ante interdum vehicula pretium, dui enim porta lectus, non euismod tortor ante eu libero</p> <a href="single.html">See More</a> </div> </li> </ul> </div> </div>   <div class="banner-bottom"> <ul id="flexiselDemo1"> <li> <div class="banner-bottom-grid"> <img src="images/1.jpg" alt=" " class="img-responsive" /> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p> <div class="more"> <a href="single.html" class="hvr-bounce-to-bottom sint">Read More</a> </div> </div> </li> <li> <div class="banner-bottom-grid"> <img src="images/2.jpg" alt=" " class="img-responsive" /> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p> <div class="more"> <a href="single.html" class="hvr-bounce-to-bottom sint">Read More</a> </div> </div> </li> <li> <div class="banner-bottom-grid"> <img src="images/3.jpg" alt=" " class="img-responsive" /> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p> <div class="more"> <a href="single.html" class="hvr-bounce-to-bottom sint">Read More</a> </div> </div> </li> </ul> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo1").flexisel({ visibleItems: 3, animationSpeed: 1000, autoPlay: false, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 1 }, landscape: { changePoint:640, visibleItems:2 }, tablet: { changePoint:768, visibleItems: 3 } } }); }); </script> <script type="text/javascript" src="js/jquery.flexisel.js"></script> </div>   <div class="blog">

评论收藏

内容反馈

版权申诉