-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (138 loc) · 4.89 KB
/
index.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 lang="en">
<head>
<title>YAOPAI</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="cover">
<section class="container">
<nav class="nav">
<h2 class="logo">爱手写</h2>
<ul class="menu">
<li>关于我们</li>
<li>了解我们</li>
</ul>
</nav>
<section class="main">
<img src="./assets/logo.png" alt="">
<h2 class="m">发现手写乐趣</h2>
<a href="#" class="btn">立即体验</a>
</section>
</section>
</header>
<section class="body tc">
<section class="container">
<ul class="wrap-zl">
<li>
<div class="tag">潇洒风</div>
<div class="alb">
<img src="./assets/images/22_03.png" alt="">
</div>
<img src="./assets/avatar_1.png" alt="" class="avatar">
<p class="name">感性小爸爸</p><i></i>
<p class="sign">我爱手写只是像热爱空气一样,追求自己想要的。</p>
</li>
<li>
<div class="tag">硬派风</div>
<div class="alb">
<img src="./assets/images/22_06.png" alt="">
</div>
<img src="./assets/avatar_1.png" alt="" class="avatar">
<p class="name">感性小爸爸</p><i></i>
<p class="sign">我爱手写只是像热爱空气一样,追求自己想要的。</p>
</li>
<li>
<div class="tag">可爱风</div>
<div class="alb">
<img src="./assets/images/22_14.png" alt="">
</div>
<img src="./assets/avatar_1.png" alt="" class="avatar">
<p class="name">感性小爸爸</p><i></i>
<p class="sign">我爱手写只是像热爱空气一样,追求自己想要的。</p>
</li>
</ul>
</section>
<a href="#" class="btns tc">想看更多个性手写体?</a>
</section>
<section class="panel">
<div class="top">
<h1 class="title">开启手写新姿势</h1>
<h1 class="des">一般人我不告诉他~</h1>
</div>
<ul class="light">
<li class="group">
<img src="./assets/wrap_1.png" alt="">
<h1 class="title">21天练字打卡</h1>
<p class="des">每天给自己一点正能量</p>
<a href="#" class="btn">开启此技能</a>
</li>
<li class="group">
<img src="./assets/wrap_1.png" alt="">
<h1 class="title">21天练字打卡</h1>
<p class="des">每天给自己一点正能量</p>
<a href="#" class="btn">开启此技能</a>
</li>
<li class="group">
<img src="./assets/wrap_1.png" alt="">
<h1 class="title">21天练字打卡</h1>
<p class="des">每天给自己一点正能量</p>
<a href="#" class="btn">开启此技能</a>
</li>
<li class="group">
<img src="./assets/wrap_1.png" alt="">
<h1 class="title">21天练字打卡</h1>
<p class="des">每天给自己一点正能量</p>
<a href="#" class="btn">开启此技能</a>
</li>
</ul>
</section>
<div class="wrap-des">
<ul>
<li>
<div class="icon">
<img src="./assets/icon_1.png" alt="">
</div>
<h2>彰显个性</h2>
<p class="content">在这里定义你的不是颜值,不是工作能力,而是笔尖下的你。</p>
</li>
<li>
<div class="icon">
<img src="./assets/icon_2.png" alt="">
</div>
<h2>遇见你我</h2>
<p class="content">厌倦了复杂的人际关系,来这里读一封Ta写给你的书信。</p>
</li>
<li>
<div class="icon">
<img src="./assets/icon_3.png" alt="">
</div>
<h2>发现机遇</h2>
<p class="content">让爱手写成为你的另一次新生。这次,请努力绽放。</p>
</li>
<li>
<div class="icon">
<img src="./assets/icon_4.png" alt="">
</div>
<h2>影响世界</h2>
<p class="content">当中国汉字在你的笔下熠熠生辉的时候,其实你正在改变世界。</p>
</li>
</ul>
</div>
<footer>
<section class="body">
<img src="./assets/qrcode.png" alt="">
<p>
<a href="#">了解我们</a>
<a href="#">加入我们</a>
<a href="#">谈谈合作</a>
</p>
<p>郑州爱手写信息科技有限公司</p>
</section>
</footer>
</body>
</html>