-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathartical.html
67 lines (64 loc) · 6.91 KB
/
artical.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
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" media="(max-width:768px)" href="./css/mobile.css">
<title>池彬的博客</title>
</head>
<body>
<div class="side-bar">
<div class="header">
<a href="index.html" class="logo">池彬哦</a>
<div class="intro">我要做个人网站...</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">#heihiei</a>
</div>
</div>
<div class="main">
<div class="artical">
<h1 class="title">这是我的第一篇博客</h1>
<div class="status">发布于2020年07月05日 | 阅读：3500 |标签：#Tesla #HTML</div>
<div class="content">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea eos eum dolores et quasi accusantium harum at animi nemo magni, provident error, culpa doloremque temporibus, officiis perferendis cum ipsam omnis?
Nemo, qui? Quae impedit vitae ea! Repellendus consequuntur vitae deserunt nemo recusandae ipsum dolorem quos repudiandae reiciendis magnam voluptatem earum, beatae fuga tempora odit harum similique laudantium cumque impedit commodi.
Nihil non nostrum corporis rerum, nesciunt, autem eveniet ratione itaque asperiores ab sint sed minus sequi beatae facilis fuga deleniti veniam vero! Esse vel aperiam eos! Omnis earum consequatur voluptates.
Fuga deserunt error repellendus, magnam quas ea. Vitae iusto, omnis eligendi nesciunt, commodi in sapiente accusantium placeat molestiae accusamus provident temporibus numquam nostrum. Ipsa dolor blanditiis dolorum magnam omnis eaque!
Quaerat quis expedita mollitia porro quod, tempora, optio dolorem corrupti soluta fugit, quasi et totam eos doloribus ipsam temporibus qui ab commodi esse cupiditate nisi! Suscipit, nobis? Autem, porro magnam?
Nobis mollitia vel quibusdam unde? Saepe nobis quasi quaerat autem enim eaque libero pariatur non! Delectus id doloremque consequatur dolores tempore, harum labore, officia soluta neque, beatae culpa excepturi voluptate.
Delectus quod aliquam officiis repudiandae cum expedita porro numquam sit obcaecati, accusantium doloribus, quos, architecto vero minus magni dicta saepe totam sapiente natus nihil! Officia molestiae facere sint repellendus esse!
Ipsum repellendus ipsam accusamus consequuntur iure qui asperiores hic sunt dolores expedita fuga ut molestiae beatae libero eveniet quos commodi, aliquam porro aspernatur nobis. Earum beatae commodi provident saepe eum.
<br/>
<br/>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea eos eum dolores et quasi accusantium harum at animi nemo magni, provident error, culpa doloremque temporibus, officiis perferendis cum ipsam omnis?
Nemo, qui? Quae impedit vitae ea! Repellendus consequuntur vitae deserunt nemo recusandae ipsum dolorem quos repudiandae reiciendis magnam voluptatem earum, beatae fuga tempora odit harum similique laudantium cumque impedit commodi.
Nihil non nostrum corporis rerum, nesciunt, autem eveniet ratione itaque asperiores ab sint sed minus sequi beatae facilis fuga deleniti veniam vero! Esse vel aperiam eos! Omnis earum consequatur voluptates.
Fuga deserunt error repellendus, magnam quas ea. Vitae iusto, omnis eligendi nesciunt, commodi in sapiente accusantium placeat molestiae accusamus provident temporibus numquam nostrum. Ipsa dolor blanditiis dolorum magnam omnis eaque!
Quaerat quis expedita mollitia porro quod, tempora, optio dolorem corrupti soluta fugit, quasi et totam eos doloribus ipsam temporibus qui ab commodi esse cupiditate nisi! Suscipit, nobis? Autem, porro magnam?
Nobis mollitia vel quibusdam unde? Saepe nobis quasi quaerat autem enim eaque libero pariatur non! Delectus id doloremque consequatur dolores tempore, harum labore, officia soluta neque, beatae culpa excepturi voluptate.
Delectus quod aliquam officiis repudiandae cum expedita porro numquam sit obcaecati, accusantium doloribus, quos, architecto vero minus magni dicta saepe totam sapiente natus nihil! Officia molestiae facere sint repellendus esse!
Ipsum repellendus ipsam accusamus consequuntur iure qui asperiores hic sunt dolores expedita fuga ut molestiae beatae libero eveniet quos commodi, aliquam porro aspernatur nobis. Earum beatae commodi provident saepe eum.
<br/>
<br/>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea eos eum dolores et quasi accusantium harum at animi nemo magni, provident error, culpa doloremque temporibus, officiis perferendis cum ipsam omnis?
Nemo, qui? Quae impedit vitae ea! Repellendus consequuntur vitae deserunt nemo recusandae ipsum dolorem quos repudiandae reiciendis magnam voluptatem earum, beatae fuga tempora odit harum similique laudantium cumque impedit commodi.
Nihil non nostrum corporis rerum, nesciunt, autem eveniet ratione itaque asperiores ab sint sed minus sequi beatae facilis fuga deleniti veniam vero! Esse vel aperiam eos! Omnis earum consequatur voluptates.
Fuga deserunt error repellendus, magnam quas ea. Vitae iusto, omnis eligendi nesciunt, commodi in sapiente accusantium placeat molestiae accusamus provident temporibus numquam nostrum. Ipsa dolor blanditiis dolorum magnam omnis eaque!
Quaerat quis expedita mollitia porro quod, tempora, optio dolorem corrupti soluta fugit, quasi et totam eos doloribus ipsam temporibus qui ab commodi esse cupiditate nisi! Suscipit, nobis? Autem, porro magnam?
Nobis mollitia vel quibusdam unde? Saepe nobis quasi quaerat autem enim eaque libero pariatur non! Delectus id doloremque consequatur dolores tempore, harum labore, officia soluta neque, beatae culpa excepturi voluptate.
Delectus quod aliquam officiis repudiandae cum expedita porro numquam sit obcaecati, accusantium doloribus, quos, architecto vero minus magni dicta saepe totam sapiente natus nihil! Officia molestiae facere sint repellendus esse!
Ipsum repellendus ipsam accusamus consequuntur iure qui asperiores hic sunt dolores expedita fuga ut molestiae beatae libero eveniet quos commodi, aliquam porro aspernatur nobis. Earum beatae commodi provident saepe eum.
</div>
</div>
</body>
</html>