<!--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>Magblog a Magazine Category Flat Bootstarp Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Magblog 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>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
<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>
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab,#horizontalTab1,#horizontalTab2').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48014931-1', 'codyhouse.co');
ga('send', 'pageview');
jQuery(document).ready(function($){
$('.close-carbon-adv').on('click', function(){
$('#carbonads-container').hide();
});
});
</script>
</head>
<body>
<!--header-->
<div class="back">
<img src="images/back.png" alt="">
</div>
<div class="container">
<div class="main-top">
<div class="main">
<div class="header">
<div class="header-top">
<div class="header-in">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" ></a>
</div>
<div class="search">
<form>
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="SEARCH">
</form>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-top-on">
<ul class="social-in">
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="facebook"> </i></a></li>
<li><a href="#"><i class="tin"> </i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="header-bottom">
<div class="navigation">
<div>
<label class="mobile_menu" for="mobile_menu">
<span>Menu</span>
</label>
<input id="mobile_menu" type="checkbox">
<ul class="nav">
<li><a class="color1" href="index.html">Home</a></li>
<li><a href="cinema.html" class="color2">cinema</a></li>
<li><a href="magazine.html" class="color3">Magazine</a></li>
<li class="dropdown"><a href="#" class="color4">Topmenu<span> </span></a>
<ul>
<li><a href="cinema.html">cinema</a></li>
<li><a href="magazine.html">Magazine</a></li>
</ul>
</li>
<li><a href="archives.html" class="color5">Archives</a></li>
<li><a href="contact.html" class="color6">Contact us</a></li>
<div class="clearfix"></div>
</ul>
</div>
</div>
</div>
</div>
<!---->
<div class="gallery">
<h1>Top Stories</h1>
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 3,
lazyLoad : true,
autoPlay : true,
pagination : false,
navigation : true,
navigationText : true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel ">
<div class="item g1">
<a href="single.html"><img class="lazyOwl " data-src="images/pi.jpg" alt="name"></a>
<div class="caption">
<h3 class="cinema"><a href="single.html">CINEMA</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="item g1">
<a href="single.html"><img class="lazyOwl" data-src="images/pi2.jpg" alt="name"></a>
<div class="caption">
<h3 class="cinema travel"><a href="single.html">Travel</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="item g1">
<a href="single.html"><img class="lazyOwl" data-src="images/pi1.jpg" alt="name"></a>
<div class="caption">
<h3 class="cinema tele"><a href="single.html">television</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="item g1">
<a href="single.html"><img class="lazyOwl" data-src="images/pi.jpg" alt="name"></a>
<div class="caption">
<h3 class="cinema"><a href="single.html">CINEMA</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
<div class="item g1">
<a href="single.html"><img class="lazyOwl" data-src="images/pi2.jpg" alt="name"></a>
<div class="caption">
<h3 class="cinema travel"><a href="single.html">Travel</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
</div>
<!--//sreen-gallery-cursual---->
</div>
<!---->
<div class="content">
<div class="col-md-8 content-top">
<div class="number">
<div class="feb">
<b>28</b>
<label>FEB</label>
</div>
<h3><a href="single.html">Lorem Ipsum is simply dummy text of the printing </a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing </p>
<!---->
<div class="span_8">
<div class="row_8">
游戏音乐娱乐类网站源码-娱乐博客信息响应式网页模板-支持移动端.zip
版权申诉
198 浏览量
2024-03-25
08:49:38
上传
评论
收藏 1.48MB ZIP 举报
游戏音乐娱乐类网站源码-娱乐博客信息响应式网页模板-支持移动端.zip （71个子文件） 
游戏音乐娱乐类网站源码-娱乐博客信息响应式网页模板-支持移动端 html 
cinema.html 8KB singlepage.html 11KB js 
easyResponsiveTabs.js 6KB main.js 1KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB magazine.html 10KB css style.css 24KB owl.carousel.css 5KB bootstrap.css 118KB nav.css 7KB index.html 25KB archives.html 7KB contact.html 6KB single.html 21KB images 
ci.jpg 29KB
co.png 5KB fa1.jpg 34KB line1.png 4KB pi2.jpg 22KB fa.jpg 38KB pic.jpg 9KB pp11.jpg 3KB pp01.jpg 4KB ci1.jpg 21KB dot.png 3KB pp22.jpg 4KB f4.jpg 8KB f2.jpg 8KB Thumbs.db 512KB ci7.jpg 22KB ci3.jpg 23KB pc3.jpg 56KB f1.jpg 6KB pi1.jpg 21KB logo.png 5KB pp2.jpg 4KB pp.jpg 3KB qu.png 3KB ci4.jpg 22KB line.png 3KB f3.jpg 9KB mi2.jpg 3KB pic2.jpg 9KB ci6.jpg 21KB pc2.jpg 57KB pic3.jpg 9KB pic1.jpg 11KB se.png 4KB pp21.jpg 3KB back.png 24KB pp0.jpg 4KB fa2.jpg 42KB img-sprite.png 9KB up.png 3KB mi3.jpg 3KB ar.png 3KB ar2.png 3KB mi.jpg 3KB pp1.jpg 3KB ci2.jpg 22KB pc1.jpg 77KB fa3.jpg 48KB pp12.jpg 4KB pi.jpg 22KB sin.jpg 91KB mi1.jpg 3KB ci5.jpg 32KB pc.jpg 57KB资源评论
