<!DOCTYPE html>
<html>
<head>
<title>Home</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='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#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 -->
</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="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></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">
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<div class="resp-tabs-container">
<h2 class="resp-accordion " role="tab" aria-controls="tab_item-0"><span class="resp-arrow"></span></h2>
<div class="tab-1 resp-tab-content " aria-labelledby="tab_item-0">
<div class="facts">
<img src="images/pc.jpg" class="img-responsive" alt="">
</div>
</div>
<h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-1"><span class="resp-arrow"></span></h2>
<div class="tab-1 resp-tab-content resp-tab-content-active" aria-labelledby="tab_item-1" >
<div class="facts">
<img src="images/pc1.jpg" class="i
五彩导航电影影评博客网站模板
版权申诉
32 浏览量
2021-11-06
12:47:38
上传
评论
收藏 1.02MB RAR 举报
五彩导航电影影评博客网站模板_五彩 导航 电影 影评 博客 blog 整站 影视 个人 标准 企业 bootstrap 手机 响应式.rar （70个子文件） 
五彩导航电影影评博客网站模板_五彩 导航 电影 影评 博客 blog 整站 影视 个人 标准 企业 bootstrap 手机 响应式 cpts_65_gp 
cinema.html 8KB singlepage.html 10KB 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 23KB owl.carousel.css 5KB bootstrap.css 118KB nav.css 7KB index.html 24KB 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 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资源评论
