master

分支 (1)

管理

管理

master

BootstrapFilmWeb
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/css_imgmove.css"/>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/css_index.css"/>
	</head>
	<body>
		<div id="container_all">


			<div id="nav">
				<ul class="nav nav-tabs navbar-fixed-top"><!--固定在上面-->
					<li class="logo"><a href="##"><span class="glyphicon glyphicon-film"></span></a></li>
					<li class="active"><a href="index.html">首页</a></li>
	 				<li><a href="today/today.html">今日热点</a></li>
	 				<li><a href="comment/comment.html">电影评论</a></li>
	 				<li><a href="new_movie/new_movie.html">新片动态</a></li>
	 				<li><a href="tellus/tellus.html">联系我们</a></li>
	 				<li class="pull-right"><a href="https://www.douban.com/"><span class="glyphicon glyphicon-link"></span>友情链接</a></li>
	 				<li class="pull-right"><a href="##"><span class="glyphicon glyphicon-hd-video"></span>高清电影</a></li>
				</ul>
			</div>


			<div id="search">
				<div class="col-lg-4">
				    <div class="input-group">
					    <span class="input-group-btn">
					        <button class="btn btn-default btn-block disabled" type="button">
					        	<span class="glyphicon glyphicon-search"></span>
					        </button>
					     </span>
					     <input  type="text" class="form-control" placeholder="变形金刚5">
					     <span class="input-group-btn">
					        <button class="btn btn-default" type="button">Go!</button>
					     </span>
				    </div><!-- /input-group -->
  				</div><!-- /.col-lg-6 -->
			</div>


			<div id="banner">
				<div id="container">
					   <div id="list" style="left:-1380px;">
					     <img src="images/5.jpg" alt="5.pg"/>
					     <img src="images/1.jpg" alt="5.pg"/>
					     <img src="images/2.jpg" alt="5.pg"/>
					     <img src="images/3.jpg" alt="5.pg"/>
					     <img src="images/4.jpg" alt="5.pg"/>
					     <img src="images/5.jpg" alt="5.pg"/>
					     <img src="images/1.jpg" alt="5.pg"/>
					   </div>
						<div id="buttons">
						     <span index="1"class="on"> </span>
						     <span index="2"></span>
						     <span index="3"></span>
						     <span index="4"></span>
						     <span index="5"></span>
						</div>
					   <a href="javascript:;" class="arrow" id="prev">&lt;</a>
					   <a href="javascript:;" class="arrow" id="next">&gt;</a>
 				</div>
			</div>


			<div id="today">

  <!--<li><a href="#">海报欣赏</a></li>
				  <li><a href="#"></a></li>
				  <li><a href="#">影片策划</a></li>
				  <li><a href="#">电视情报 </a></li>
				  <li><a href="#">全球拾趣</a></li>-->
				<p class="h2">今日热点</p>
				<hr />
				<p class="h5"><a href="today/today.html">海报欣赏</a>&nbsp;<span>|</span>&nbsp;<a href="today/today.html#h2">新闻点击</a>&nbsp;<span>|</span>&nbsp;<a href="today/today.html#h3">影片策划</a>&nbsp;<span>|</span>&nbsp;,<a href="#">电视情报</a>&nbsp;<span>|</span>&nbsp;<a href="#">全球拾趣</a></p>
				<hr />
				<div id="today_left">

							<div id="today_left_top">
								<div class="small_box">
									<img src="images/smallbox.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox2.jpg"/>
									<a class="item1" href="#">蔡尚君谈黄渤:能保持警醒的人凤毛麟角</a>
									<p class="item2">专访"冰之下"导演 称汤唯没演是"没缘分"</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox3.jpg"/>
									<a class="item1" href="#">评"变形金刚5"：还是熟悉的迈克尔贝 </a>
									<p class="item2" >特效动作堪称史诗级 角色深度逻辑性欠佳</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox4.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
							</div>
							<div id="today_left_bottom">
								<div class="small_box">
									<img src="images/smallbox4.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox5.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2">"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox6.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
								<div class="small_box">
									<img src="images/smallbox5.jpg"/>
									<a class="item1" href="#">《变形金刚5》内地首周8.55亿夺冠</a>
									<p class="item2" >"异形"冲击3亿 "木乃伊""女侠"双破6亿</p>
								</div>
							</div>


						</div>

			</div>

			<div class="button">

				<a href="today/today.html">更多信息</a>
			</div>


			<div id="comment">
				<p class="h2">电影评论</p>
				<hr />
				<p class="h5"><a href="#">热门评论</a>&nbsp;<span>|</span>&nbsp;<a href="#">评论排行</a>&nbsp;<span>|</span>&nbsp;<a href="#">我的评论</a>&nbsp;<span>|</span>&nbsp;,<a href="#">特约影评</a>&nbsp;<span>|</span>&nbsp;<a href="#">我的见解</a></p>
				<hr />

				<div id="comment_wrapper">
					<div id="comment_left">
						<div class="comment_left_box">
								<img src="images/comment_box1.png"/>
								<div class="comment_left_box_font">
									<a href="#">《父子雄兵》：大鹏与范伟 两代人的对话与和解 </a>
									<p>很多人认为，父子题材的喜剧已经拍不出什么新鲜感了，而由... </p>
								</div>
						</div>

						<div class="comment_left_box">
								<img src="images/comment_box2.png"/>
								<div class="comment_left_box_font">
									<a href="#">《变形金刚5》有何看点？全球首映独家观影测评 </a>
									<p>今年，《变形金刚》系列电影迎来了第十个年头，《变形金刚... </p>
								</div>
						</div>

						<div class="comment_left_box">
								<img src="images/comment_box3.png"/>
								<div class="comment_left_box_font">
									<a>梅峰《不成问题的问题》:老舍短篇影像化的成功 </a>
									<p>由梅峰导演的《不成问题的问题》改编自著名作家老舍在... </p>
								</div>
						</div>

					</div>
					<div id="comment_mind">
						<a href="#" class="glyphicon glyphicon-play"></a>
						<div id="comment_mind_text">
							<span class="glyphicon glyphicon-play-circle">&nbsp;今日影评</span><span id="cctv">CCTV6周一至周五每日播出 </span>
							<p><span class="glyphicon glyphicon-fire"></span>电影频道传媒关注单元亮点剖析 “新”的格局</p>
							<p>十三部入围作品先后亮相，比拼结果蓄势待发，经过为期四天的集中观影与评选，第20届上海国际电影节电影频道传... </p>
						</div>

					</div>
					<div id="comment_right">
						<div id="">

						</div>
						<div id="comment_right_list">
							<img src="images/table_img.jpg"/>
							<table class="table table-striped table-bordered table-hover">
								<tr><th>影片名</th><th>热度排名</th></tr>
								<tr><td>悟空传</td><td>1</td></tr>
								<tr><td>变形金刚5</td><td>2</td></tr>
								<tr><td>蜘蛛侠</td><td>3</td></tr>
								<tr><td>逆势营救</td><td>4</td></tr>
							</table>
							<span class="glyphicon glyphicon-chevron-right">
								<a href="#">更多</a>
							</span>
						</div>
					</div>
				</div>
			</div>

			<div class="button">
				<a href="comment/comment.html">更多信息</a>
			</div>

			<div id="new_movie">
				<p class="h2">新片动态</p>
				<hr />
				<div id="new_movie_wrapper">
					<div id="new_movie_left">
						<div id="new_movie_left_top">
							<div class="new_movie_box">
								<img src="images/new_movie_img1.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《悟空传》天团出道特辑</a>
							</div>
							<div class="new_movie_box">
								<img src="images/new_movie_img2.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《原谅他77次》曝“伤感内容”特辑</a>
							</div>
							<div class="new_movie_box">
								<img src="images/new_movie_img3.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《英伦对决》首曝国际版预告</a>
							</div>
						</div>
						<div id="new_movie_left_bottom">

							<div class="new_movie_box">
								<img src="images/new_movie_img4.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《表情奇幻冒险》角色预告之Jailbreak</a>
							</div>
							<div class="new_movie_box">
								<img src="images/new_movie_img5.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《神偷奶爸3》幕后特辑</a>
							</div>
							<div class="new_movie_box">
								<img src="images/new_movie_img6.jpg"/>
								<a href="#"><span class="glyphicon glyphicon-expand"></span></a>
								<a href="#">《亚人》曝光正式预告</a>
							</div>
						</div>
					</div>
					<div id="new_movie_right">
						<div id="new_movie_right_top">
							<a href="#">杨洋刘亦菲《三生三世》北美定档8月11</a>
							<ul class="list">
								<li>光明日报：文化类栏目应当追求“慢”与“深”</li>
								<li> 内地与香港文化逐步形成全方位、多渠道交流格局</li>
								<li>  上海电影节以电影之名 为人文之城增添核心资源</li>
								<li>  《分贝人生》亚新奖载誉 王小帅以新人状态创作</li>
							</ul>
						</div>
						<div id="new_movie_right_bottom">
							<a href="#">杨洋刘亦菲《三生三世》北美定档8月11</a>
							<ul class="list">
								<li>光明日报：文化类栏目应当追求“慢”与“深”</li>
								<li> 内地与香港文化逐步形成全方位、多渠道交流格局</li>
								<li>  上海电影节以电影之名 为人文之城增添核心资源</li>
								<li>  《分贝人生》亚新奖载誉 王小帅以新人状态创作</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="button">

				<a href="">更多信息</a>
			</div>

			<div id="footer_top">
				<span class="glyphicon glyphicon-film">
					光影漫步
				</span>
				<ul class="small_nav">
					<li><a href="#">关于我们</a></li>
					<li><a href="#">网站地图</a></li>
					<li><a href="#">诚聘英才</a></li>
					<li><a href="#">版权声明</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">合作媒体</a></li>
				</ul>
				<ul class="message">
					<li><a href="#">备案编号0000</a></li>
					<li><a href="#">备案编号0002</a></li>
					<li><a href="#">出版物经营许可证</a></li>
					<li><a href="#">电影发行许可证</a></li>
					<li><a href="#">经营性演出许可证</a></li>

				</ul>
				<ul class="message">
					<li><a href="#">企业法人营业执照</a></li>
					<li><a href="#">增值电信业务经营许可证</a></li>
					<li><a href="#">京ICP备0000号</a></li>
					<li><a href="#">京公网安备000</a></li>

				</ul>

			</div>
			<div id="footer_bottom">
				<ul>
					<li><a href="#">CopyRight © 2017</a></li>
					<li><a href="#">|</a></li>
					<li><a href="#">济南大学</a></li>
					<li><a href="#">|</a></li>
					<li><a href="#">计软1503</a></li>
				</ul>
			</div>

		</div>

	</body>
</html>