index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<header class="head"></header>
		<div class="banner">
			<a href="taobao.com">
				
			</a>
		</div>
		<!---->
		<div class="main-content">
			<div class="wrapper wrapper-950 clearfix">
				<div class="topic-list clearfix">
					
					<!--最开始部分-->
					<div class="topic-init">
						<div class="topic-item">
							<div class="cover-area">
								<img src="img/600x330.jpg"/>
							</div>
							<div class="datail-area">
								<p class="title">随身的精灵-富士X70简单开箱</p>
								<p class="con-preview">自从入了5D3，每次出门都会带着，特别是有了娃之后，对焦追焦
									都是相当给力，加上室内昏暗环境下，只要配上35 1.4夜之眼，
									也能出一些想不到的好片子；为了不浪费器材，偶尔也会带着出门扫街，但久而</p>
							</div>
							<div class="info-area">
								<div class="user">
									<div class="potrait">
										
									</div>
									<div class="nickname">小糖君</div>
								</div>
								<div class="favor">
									<i class="iconfont"></i>1023
									<i class="iconfont"></i>22
								</div>
							</div>
						</div>
						<div class="topic-item">
							<div class="cover-area">
								<img src="img/cover/2.jpg"/>
							</div>
							<div class="datail-area">
								<p class="title">随身的精灵-富士X70简单开箱</p>
								<p class="con-preview">自从入了5D3，每次出门都会带着，特别是有了娃之后，对焦追焦
									都是相当给力，加上室内昏暗环境下，只要配上35 1.4夜之眼，
									也能出一些想不到的好片子；为了不浪费器材，偶尔也会带着出门扫街，但久而</p>
							</div>
							<div class="info-area">
								<div class="user">
									<div class="potrait">
										
									</div>
									<div class="nickname">小糖君</div>
								</div>
								<div class="favor">
									<i class="iconfont"></i>1023
									<i class="iconfont"></i>22
								</div>
							</div>
						</div>
						<div class="topic-item">
							<div class="cover-area">
								<img src="img/cover/3.jpg"/>
							</div>
							<div class="datail-area">
								<p class="title">随身的精灵-富士X70简单开箱</p>
								<p class="con-preview">自从入了5D3，每次出门都会带着，特别是有了娃之后，对焦追焦
									都是相当给力，加上室内昏暗环境下，只要配上35 1.4夜之眼，
									也能出一些想不到的好片子；为了不浪费器材，偶尔也会带着出门扫街，但久而</p>
							</div>
							<div class="info-area">
								<div class="user">
									<div class="potrait">
										
									</div>
									<div class="nickname">小糖君</div>
								</div>
								<div class="favor">
									<i class="iconfont"></i>1023
									<i class="iconfont"></i>22
								</div>
							</div>
						</div>
						
						
					</div>
					<!--实时更新内容-->
					<div class="topic-new"></div>
				</div>
				<!--右边js控制框-->
				<div class="topic-category">
					<div class="topic-tags">
						<h3 class="title">目录分类</h3>
						<ul class="tag-wrap clearfix">
							<li class="tag-item"><a href="">精选</a></li>
							<li class="tag-item"><a href="">原创</a></li>
							<li class="tag-item"><a href="">热门</a></li>
							<li class="tag-item"><a href="">美妆&穿搭</a></li>
							<li class="tag-item"><a href="">礼物</a></li>
							<li class="tag-item"><a href="">美食</a></li>
							<li class="tag-item"><a href="">设计感</a></li>
							<li class="tag-item"><a href="">生活</a></li>
							<li class="tag-item"><a href="">学生党</a></li>
							<!---->
						</ul>
						<div class="sugar-app">
							<img src="img/side-download-banner@2x.png" alt="" />
							<a href="javascript:;" class="app-link"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--footer-->
		<footer class="foot">
			
		</footer>
		<script src="js/jquery.1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>