-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog_made.html
142 lines (139 loc) · 3.86 KB
/
Blog_made.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Blog</title>
<link rel="stylesheet" href="Blog_made.css">
</head>
<body>
<div class="main-wrapper">
<header>
<!--页头开始-->
<nav>
<div class="logo"><a href="#">韩大嘴</a></div>
<ul>
<li><a href="#" class="active">首页</a></li>
<li><a href="#">导航</a></li>
<li><a href="#">偶像</a></li>
<li><a href="#">我</a></li>
</ul>
</nav>
<div id="banner">
<div class="inner">
<div class="hr"></div>
<h1>韩大嘴</h1>
<div class="hr"></div>
<p class="sub-heading">My mouth is so special,you see it you wii feel amazed</p>
<button>养我</button>
<div class="more">
更多
</div>
</div>
</div>
</header><!--页头结束-->
<div class="content"><!--内容开始-->
<section class="green-section">
<div class="wrapper">
<div>
<h2>JackMa</h2>
<div class="hr"></div>
<p class="sub-heading">today is difficult，tomorrow is more difficult but the day after tomorrow is beautiful </p>
</div>
<div class="icon-group">
<span class="icon">one</span>
<span class="icon">two</span>
<span class="icon">five</span>
</div>
</div>
</section>
<section class="gray-section">
<div class="article-preview">
<div class="img-section">
<img src="F:/img/pic01.jpg" alt="">
</div>
<div class="text-section">
<h2>Persistence</h2>
<div class="sub-heading">
I am you
</div>
<p>eneger and persistence conquer all the things </p>
</div>
</div>
<div class="article-preview">
<div class="text-section">
<h2>Public Speaking</h2>
<div class="sub-heading">
overcome your fear
</div>
<p>eneger and persistence conquer all the things </p>
</div>
<div class="img-section">
<img src="F:/img/pic02.jpg" alt="">
</div>
</div>
<div class="article-preview">
<div class="img-section">
<img src="F:/img/pic03.jpg" alt="">
</div>
<div class="text-section">
<h2>我要吃你的一切</h2>
<div class="sub-heading">
来吧，孩子
</div>
<p>eneger and persistence conquer all the things </p>
</div>
</div>
</section>
<section class="purple-section">
<div class="heading-wrapper">
<h2>Everytime we said goodbye</h2>
<div class="hr"></div>
<div class="sub-heading">
There is no noble being superior to your fellow men,
true nobility is being superior
to your former self
</div>
</div>
<div class="card-group">
<div class="card">
<h3>Steamed</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
<div class="card">
<h3>ground</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
<div class="card">
<h3>ground</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
<div class="card">
<h3>ground</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
<div class="card">
<h3>ground</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
<div class="card">
<h3>ground</h3>
<p>you are right,i'am in love with your gf's friend.Are you serious?</p>
</div>
</div>
</section>
</div><!--内容结束-->
<footer><!--页脚开始-->
<ul class="share-group">
<li>Fackbook</li>
<li>Wechat</li>
<li>Alibaba</li>
<li>Baidu</li>
<li>Smartisan</li>
</ul>
<div class="copy">
© 韩大嘴 -2020
</div>
</footer><!--页脚结束-->
</div>
</body>
</html>