-
Notifications
You must be signed in to change notification settings - Fork 1
/
article.html
55 lines (55 loc) · 5.08 KB
/
article.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<title>方大圆</title>
</head>
<body>
<div class="side-bar">
<div class="header">
<a href="index.html" class="logo">方大圆</a>
<div class="intro">Lorem ipsum dolor sit amet</div>
</div>
<div class="nav">
<a href="#" class="item">关于我</a>
<a href="#" class="item">联系我</a>
<a href="#" class="item">捐助我</a>
</div>
<div class="tag-list">
<a href="#" class="item">#夸夸夸</a>
<a href="#" class="item">#你你你</a>
<a href="#" class="item">#我我我</a>
</div>
</div>
<div class="main">
<div class="article-list">
<div class="article">
<h1 class="title">Lorem ipsum dolor sit amet</h1>
<div class="status">发布于：2017-07-10 | 阅读：3500 | 标签： #你你你 #我我我</div>
<div class="content">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis eius quas deleniti quidem consequatur cupiditate quo neque, recusandae laudantium sit deserunt, quasi reiciendis tempore adipisci consectetur a modi magni sequi!</div>
<div>Ipsum, a, expedita? Qui sed minima ad vero, dolorem esse cum explicabo pariatur voluptatum ipsam aperiam enim dignissimos magnam labore consequuntur odit tempore ab quo, aut, cupiditate molestiae officia. Voluptatibus.</div>
<div>Cum, veritatis, eum. Veniam natus dicta, quasi molestiae dolore ducimus laudantium error eaque, minus facilis voluptatum qui, incidunt est. Officia, tempore libero et. Nisi nulla assumenda, rerum repudiandae velit distinctio.</div>
<div>Deserunt nesciunt accusamus quibusdam consectetur similique, cupiditate nam ut iure! Beatae odio doloribus temporibus provident dolores dolore consequuntur error similique, rerum et architecto cumque inventore reprehenderit aspernatur aliquam natus quasi.</div>
<div>Beatae, maxime. Inventore nostrum mollitia veritatis fugit alias, cumque neque consequatur provident itaque id eum aliquam illum est iusto. Doloremque totam pariatur non, animi quidem sit possimus magnam at ratione?</div>
<div>Dolorem dignissimos, ipsa, maiores consequatur laudantium enim error ad magni amet sit reiciendis optio quasi nobis laboriosam nostrum dolore, mollitia ea dolor repellat vel non maxime omnis quibusdam illum. Consectetur.</div>
<div>Debitis tempore iusto ipsa consequatur reprehenderit, vel eligendi aperiam nisi facere quis enim, sequi. Porro nesciunt voluptates quaerat et vel, maiores nihil maxime illum labore non laborum doloribus excepturi officia.</div>
<div>Fugiat laborum perferendis, inventore non et saepe, omnis voluptas quas error odio, veritatis, asperiores consectetur. Numquam quos fugiat tempore, repudiandae ut, enim sit laudantium iusto adipisci distinctio perferendis, asperiores nihil!</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis deleniti laboriosam, ipsam molestias veniam eius sequi excepturi, delectus maxime repellat consequuntur id, tempora alias beatae odit sunt! Labore, iusto quam.</div>
<div>Facere sapiente perspiciatis rem ut est accusantium asperiores, tenetur quisquam necessitatibus, a doloremque pariatur ex facilis excepturi eveniet! Nemo in sint amet esse, id nobis perspiciatis harum provident doloremque suscipit!</div>
<div>Fugit necessitatibus veniam laudantium, quas modi voluptatibus earum facilis qui atque esse magni eaque sit veritatis nam quam voluptatem, dicta asperiores repellendus ducimus iste! Recusandae quis numquam inventore reiciendis amet.</div>
<div>Aspernatur, eligendi assumenda deleniti tempore, hic fugit quia delectus in facere aliquid a sapiente culpa quas rem corporis officia! Earum recusandae optio vitae voluptatem illo quaerat, facilis repudiandae veritatis excepturi.</div>
<div>Quam sit aspernatur officiis. Reiciendis quidem officiis, soluta aliquid eius quibusdam assumenda, aperiam hic fugit, explicabo facere voluptates vitae porro? Laborum eligendi exercitationem quidem, iure blanditiis minima architecto, earum. Explicabo!</div>
<div>Nesciunt, dolorem id totam harum architecto tenetur molestiae quo atque expedita, nemo esse. Ipsam debitis sint nisi animi, voluptatibus expedita perferendis deleniti facilis vero. Possimus fuga enim quos culpa soluta!</div>
<div>Blanditiis rerum veniam dignissimos, odio labore quidem minima quaerat impedit pariatur eum dolorem nesciunt soluta beatae magnam harum voluptates placeat, quos. Nemo, libero, velit. Rem aliquid similique quasi, magni sunt?</div>
<div>Cupiditate sequi sit quam veritatis aperiam, odio deleniti expedita ut quia placeat nisi ullam aliquid beatae consectetur, at tempora nostrum ipsum, rem perspiciatis eum id. Eligendi, quos eos quasi reiciendis.</div>
</div>
</div>
</div>
</div>
</body>
</html>