xuexiqiangguo41
/
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="./css/font-awesome.css">
    <script type="text/javascript">

   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")

   		});

    </script>
</head>
<body>
	<div class="top">
		<div class="logo"><img src="./img/logo.png" alt=""></div>
		<div class="search"><i  class="fa fa-search"></i><input type="text" placeholder="强国运动"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></div>
		<div class="level">2000</div>
		<div class="me">我的</div>
	</div>
	<div class="nav">
		<div class="menu">
			<ul>
				<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>
		</div>
		<div class="control">
			<i class="fa fa-align-left"></i>
			<i class="fa fa-magnet"></i>
		</div>
	</div>
	<div id="container">
		<div class="banner">
			<div class="banner_content">
				<img src="./img/show3.jpg" alt="">
				<img src="./img/show4.jpg" alt="">
				<img src="./img/show6.jpg" alt="">
				<img src="./img/show7.jpg" alt="">
				<img src="./img/show1.jpg" alt="">

			</div>
		</div>
		<div class="contraller">
			<div class="item">
				<img src="img/slide2.png" alt="">
				<p>同学会</p>
			</div>
			<div class="item">
				<img src="img/th2.jpg" alt="">
				<p>强国运动</p>
			</div>
			<div class="item">
				<img src="img/th3.jpg" alt="">
				<p>强国云盘</p>
			</div>
			<div class="item">
				<img src="img/th3.png" alt="">
				<p>签到服务</p>
			</div>
			<div class="item">
				<img src="img/th4.jpg" alt="">
				<p>强国专利</p>
			</div>
			<div class="item">
				<img src="img/th4.png" alt="">
				<p>强国词典</p>
			</div>
			<div class="item">
				<img src="img/th8.jpg" alt="">
				<p>强国应用</p>
			</div>
			<div class="item">
				<img src="img/th3.jpg" alt="">
				<p>电动车</p>
			</div>
		</div>
		<div class="title">
			<p>
				<span>新闻头条</span>
				<a href="">更多</a>
			</p>
		</div>
		<div class="news">
			<div class="item">
				<div class="iteminfo">
					<h4>新华时评：全面推进乡村振兴 加快建设农业强国</h4>
					<p>
						<span>阅读：1890</span>
						<span>点赞：1260</span>
						<span>评论：3546/span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/21.jpg" alt="">
				</div>
			</div>
			<div class="item">
				<div class="iteminfo">
					<h4>我国粮食产量连续8年站稳1.3万亿斤台阶</h4>
					<p>
						<span>阅读：7678</span>
						<span>点赞：567</span>
						<span>评论：340</span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/22.jpg" alt="">
				</div>
			</div>
			<div class="item">
				<div class="iteminfo">
					<h4>发展——从党的二十大看中国共产党的成功密码之六</h4>
					<p>
						<span>阅读：4678</span>
						<span>点赞：1600</span>
						<span>评论：468</span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/23.jpg" alt="">
				</div>
			</div>
			<div class="item">
				<div class="iteminfo">
					<h4>以科学繁荣发展造福各国人民</h4>
					<p>
						<span>阅读：3567</span>
						<span>点赞：1200</span>
						<span>评论：5467</span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/24.jpg" alt="">
				</div>
			</div>
			<div class="item">
				<div class="iteminfo">
					<h4>“学习强国”上线“在线免费发热门诊”服务</h4>
					<p>
						<span>阅读：1340</span>
						<span>点赞：1200</span>
						<span>评论：340</span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/25.jpg" alt="">
				</div>
			</div>
			<div class="item">
				<div class="iteminfo">
					<h4>笃定从艺初心，为实现文化强国奋力奔跑</h4>
					<p>
						<span>阅读：1340</span>
						<span>点赞：1600</span>
						<span>评论：3400</span>
					</p>
				</div>
				<div class="itemimg">
					<img src="img/26.jpg" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="btnnav">
		<ul>
			<li><a href="#"><i class="fa fa-feed"></i>强国通</a></li>
			<li><a href="#"><i class="fa fa-feed"></i>百灵</a></li>
			<li class="mid"><a href="#">学习</a></li>
			<li><a href="#"><i class="fa fa-arrow-circle-o-right"></i>电视台</a></li>
			<li><a href="#"><i class="fa fa-feed"></i>电台</a></li>
		</ul>
	</div>

</bobtnnav
</htbtnnav