<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<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>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- 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},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner-body -->
<div class="banner-body">
<div class="container">
<!-- header -->
<div class="header">
<div class="header-nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<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>
<!-- Collect the nav links, forms, and other content for toggling -->
<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><!-- /.navbar-collapse -->
</nav>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
</div>
<!-- //header -->
<!-- header-bottom -->
<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>
<!-- banner -->
<div class="banner">
<!-- Slider-starts-Here -->
<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>
<!--//End-slider-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>
<!-- //banner -->
<!-- banner-bottom -->
<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>
<!-- //banner-bottom -->
<!-- blog -->
<div class="blog">
棕色科技资讯网站模板是一款简洁时尚的科技类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 js 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 login.html 7KB single.html 10KB register.html 8KB index.html 22KB资源评论
weixin_521371482022-06-28用户下载后在一定时间内未进行评价，系统默认好评。
