<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Duplex a Magazine Category Flat Bootstarp responsive Website Template| Home :: w3layouts</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="Duplex 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>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery.min.js"></script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/scripts.js" type="text/javascript"></script>
<!--js-->
<!--/js-->
<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>
<!-- 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>
<!-- slider -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
$("#slider").responsiveSlides({
auto: true,
manualControls: '#slider3-pager',
});
});
</script>
<!-- slider -->
</head>
<body>
<div id="home" class="header">
<div class="header-top">
<!-- container -->
<div class="container">
<div class="top-nav">
<ul class="nav1">
<li><a href="login.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="nav-right">
<p>Subscribe by <a href="#">RSS</a> or <a href="mailto:example@email.com">Emaiil</a> for updates!
</div>
<div class="clearfix"> </div>
<!-- script-for-menu -->
</div>
<!-- //container -->
</div>
<div class="container">
<div class="header-bottom">
<!-- container -->
<div class="head-logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="logo-right">
<img src="images/468x60.gif" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
<!-- //container -->
</div>
</div>
<!-- //header -->
<!-- bg-banner -->
<div class="container">
<div class="bg-banner">
<div class="banner-bottom-bg">
<div class="banner-bg">
<!-- banner -->
<div class="banner">
<div class="banner-grids">
<div class="banner-top">
<span class="menu">MENU</span>
<ul class="nav banner-nav">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown1"><a href="culture.html">Culture</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="lifestyle.html">Lifestyle</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="archives.html">Archives</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="sports.html">Sport</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="travel.html">Travel</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="celebrity.html">Celebrity</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="fullwidth.html">Full Width </a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="404.html">World News</a>
<ul class="dropdown2">
<li><a href="lifestyle.html">Lifestyle</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="fullwidth.html">Fullwidth</a></li>
<li><a href="404.html">Worldnews</a></li>
</ul>
</li>
<li class="dropdown1"><a href="contact.html">Contact</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(" ul.nav").slideToggle("slow" , function(){
});
});
</script>
</div>
<div class="ban-top">
<div class="col-md-6 bann-left">
<div class="slider">
<!-- Slideshow 3 -->
<ul class="rslides" id="slider">
<li><img src="images/1.jpg" class="img-responsive" alt=""></li>
<li><img src="images/2.jpg" class="img-responsive" alt=""></li>
<
[web前端]&[课程设计]&[网站源码]-深度文娱报道响应式网页模板.7z （95个子文件） 
[web前端]&[课程设计]&[网站源码]-深度文娱报道响应式网页模板 html 
register.html 12KB lifestyle.html 30KB celebrity.html 33KB js 
responsiveslides.min.js 3KB jquery.easydropdown.js 12KB easyResponsiveTabs.js 6KB jquery.responsiveTabs.js 20KB jquery.flexisel.js 8KB jquery.min.js 94KB scripts.js 4KB travel.html 30KB css style.css 39KB bootstrap.css 118KB nav.css 10KB etalage.css 5KB login.html 12KB 404.html 11KB fullwidth.html 24KB sports.html 23KB index.html 34KB archives.html 30KB contact.html 12KB single.html 29KB images 
pic5.jpg 63KB 4c.jpg 16KB pic6.jpg 46KB
r-ar.png 3KB 2.jpg 81KB 404.jpg 65KB 27.jpg 45KB 10.jpg 48KB 28.jpg 63KB Thumbs.db 469KB menu-arrow.png 3KB 25.jpg 55KB 13.jpg 60KB 3c.jpg 11KB arrow.png 4KB pic8.jpg 36KB 30.jpg 38KB 6.jpg 53KB 22.jpg 45KB 15.jpg 55KB logo.png 8KB 16.jpg 43KB pp2.jpg 60KB 1.jpg 37KB 1c.jpg 11KB 6b.jpg 12KB 17.jpg 74KB pic4.jpg 32KB twterr.png 4KB 21.jpg 67KB pic2.jpg 33KB 23.jpg 48KB 26.jpg 42KB up-ar.png 3KB pic3.jpg 32KB 12.jpg 27KB left-arw.png 4KB pp5.jpg 125KB smal.png 3KB 32.jpg 42KB 5.jpg 72KB pic1.jpg 47KB 1b.jpg 13KB pp4.jpg 79KB rght-arw.png 4KB pp3.jpg 111KB 8.jpg 38KB 24.jpg 67KB ar.png 3KB 20.jpg 58KB 18.jpg 52KB 29.jpg 54KB 31.jpg 30KB 19.jpg 42KB pp1.jpg 135KB 2b.jpg 11KB arh.png 3KB pic7.jpg 67KB banner1.png 5KB 5c.jpg 14KB 3.jpg 35KB 7.jpg 30KB
125x125.gif 701B 4b.jpg 15KB 468x60.gif 1KB 9.jpg 54KB 2c.jpg 13KB 4.jpg 111KB 5b.jpg 11KB sc5.jpg 10KB 3b.jpg 12KB culture.html 19KB资源评论
