<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>Front-End Side of Cleopatro</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<ul id="article-li">
	<li class="article-item">
		<span class="article-time">2014.07.23</span>
		<h3 class="article-title"><a href="javascript:;">文章1</a></h3>
	</li>
	<li class="article-item">
		<span class="article-time">2014.07.23</span>
		<h3 class="article-title"><a href="javascript:;">文章2</a></h3>
	</li>
	<li class="article-item">
		<span class="article-time">2014.07.23</span>
		<h3 class="article-title"><a href="javascript:;">文章3</a></h3>
	</li>
</ul>
</body>
</html>