-
Notifications
You must be signed in to change notification settings - Fork 0
/
formal-web.html
336 lines (287 loc) · 8.22 KB
/
formal-web.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="formal-web.css">
<meta charset="UTF-8">
<title>Welcome<--></title>
</head>
<body>
<!--第一个界面-->
<div class="header">
<div class="mb">
</div>
<div class="text1">
Hello World
</div>
<div class="text2">
China is speeding up strategic plan, standards, traffic rules, laws and regulations on accident-incurred liabilities for its smart car industry, Economic Information Daily reported Thursday.
</div>
<div class="hcontain">
<input name=" input1" type="text" class="input1">
<input name=" password1" type="password" class="input1">
</div>
<div class="hctext">CREATE YOUR ACCOUNT</div>
<div class="hctext2">IT IS ABSOLUTELY FREE</div>
<input type="button" name="button1" value="SIGN UP" class="input2">
<div class="hctext2" id="password">Create your password</div>
</div>
<div class="hctext" id="input1">[email protected] </div>
<!--第二个界面-->
<div class="container">
<p>BOATLOADS OF AWESOME</p>
<p class="bigp">Ready-made, customizable, HTML landing page sections</p>
<div class="cardcontainer">
<div class="card">
<img src="images/前端学院设计图_07.gif" style="float: left;" >
<div class="ccontainer">
<div class="ctext1">
Mobile First
</div>
<div class="ctext2">
All modulz are built mobile-first for maximum device compatibility.
</div>
</div>
</div>
<div class="card">
<img src="images/前端学院设计图_05.gif" style="float: left;">
<div class="ccontainer">
<div class="ctext1">
Accessibility
</div>
<div class="ctext2">
All modulz are built mobile-first for maximum device compatibility.
</div>
</div>
</div>
<div class="card">
<img src="images/前端学院设计图_12.png" style="float: left;">
<div class="ccontainer">
<div class="ctext1">
Fluid Typography
</div>
<div class="ctext2">
All modulz are built mobile-first for maximum device compatibility.
</div>
</div>
</div>
<div class="card">
<img src="images/前端学院设计图_14.gif" style="float: left;">
<div class="ccontainer">
<div class="ctext1">
Customization
</div>
<div class="ctext2">
All modulz are built mobile-first for maximum device compatibility.
</div>
</div>
</div>
</div>
</div>
<!--第三个界面-->
<div class="header san">
<div class="mb mb3">
</div>
<div class="santcontain">
<div class="santext1">
Supportive policies for China's smart car
</div>
<div class="santext2">
China will come up with its own smart car standards, traffic rules, laws and regulations relating to safety, according to the China Industry Innovation Alliance for the Intelligent and Connected Vehicles.
</div>
</div>
<input type="button" name="button3" class="input2 button3 " value="CHECK OUT FEATURES">
<input type="button" name="button2" class="input1 button2" value="TRY PRODUCT FOR FREE">
<div class="hcontain sancontain"></div>
<img src="img/Screen.png" class="sanimg">
</div>
<!--第四个界面-->
<div class="container si">
<p class="bigp">
Try Our Awesome Products
</p>
<div class="cardcontainer">
<div class="card sicard">
<img src="images/19.gif">
<div class="ctext2 sitext">
Li Jun, a China Academy of Engineering academician and also director of the alliance's experts' committee, said that China will also launch design guidance for smart cars, smart map architecture and standards for test grounds.
</div>
</div>
<div class="card sicard">
<img src="images/21.gif">
<div class="ctext2 sitext">
Li said the smart car industry is able to enlarge the current car industry by 1 trillion yuan ($158.15 billion) and also able to boost fast development in 5G, internet of cars, big data, artificial intelligence and new-energy vehicles
</div>
</div>
<div class="card sicard">
<img src="images/24.gif">
<div class="ctext2 sitext">
Zhang Junyi, a partner with NIO Capital, said that the smart car is the trend for the car industry and China's auto sector will usher in a new key development stage with the improvement of infrastructure, technology, policies and laws.
</div>
</div>
</div>
</div>
<!--第五个界面-->
<div class="container wu">
<div class="wucontainbox">
<img src="img/leaf.png" class="leaf">
<div class="wutextbox wutbox1">
<div class="ctext1 wutext1">
Learn How to Improve Your Personal Business
</div>
<div class="ctext2 wutext1">
Li Jun, a China Academy of Engineering academician and also director of the alliance's experts' committee, said that China will also launch design guidance for smart cars, smart map architecture and standards for test grounds.
</div>
</div>
<div class="wutextbox wutbox2">
<div class="ctext1 wutext2">
Choose Between Two Beautifully Designed Color Schemes.
</div>
<div class="ctext2 wutext1">
China will come up with its own smart car standards, traffic rules, laws and regulations relating to safety, according to the China Industry Innovation Alliance for the Intelligent and Connected
</div>
</div>
<img src="img/bird.png" class="bird">
</div>
</div>
<!--第六个界面-->
<div class="container liu">
<p class="bigp">
Our Awesome Crew
</p>
<div class="ctext2 liutext1">
Our unique online teaching style makes learning easy for everyone. Whether you are trying to land a new job, brush up on your skills.
</div>
<div class="container liuc">
<div class="card liuccard">
<img src="img/1.png" style="float: left;">
<div class="mb liumb">
</div>
<div class="liutext2">
Ethan Dutton
</div>
<div class="liutext3">
SENIOR VISUAL DESIGNER
</div>
<div class="liuimgbox">
<img src="images/30.gif" style="margin-right:10px;">
<img src="images/32.gif" style="margin-right:10px;">
<img src="images/35.gif" style="margin-right:10px;">
</div>
</div>
<div class="card liuccard">
<img src="img/2.png" >
</div>
<div class="card liuccard" >
<img src="img/3.png">
</div>
<div class="card liuccard" >
<img src="img/4.png">
</div>
</div>
</div>
<!--第七个界面-->
<div class="container qi">
<div class="liuc">
<div class="qicontainer ">
<div class="qi1">
</div>
<div class="qi1text1">
FELL FREE TO WRITE US
</div>
<input type="text" name="qi1" class="qiinput">
<input type="text" name="qi2" class="qiinput">
<input type="text" name="qi3" class="qiinput qiinput2">
<p class="qiinputtext ">
E-mail
</p>
<p class="qiinputtext qiinputtext2">
Subject
</p>
<p class="qiinputtext qiinputtext3">
Message
</p>
<input type="button" name="qibutton" value="SEND" class="qibutton">
</div>
<div class="qicontainer qicontainer2">
<p class="qip">
Contact
</p>
<div class="ctext2 qitext2">
Make any design your own using the Style Editor. Personalize fonts, colors, and layouts to create the custom look you want
</div>
<div>
<div class="card qicard">
<img src="images/45.gif" style="float: left; margin-right: 10px;">
<div class="qitext1 qic2t">
360 King Street
Feastrvale Trevose, PA 19057
</div>
</div>
<div class="card qicard">
<img src="images/48.gif" style="float: left; margin-right: 10px;">
<div class="qitext1 qic2t">
(755) 564-84-12
</div>
</div>
<div class="card qicard">
<img src="images/51.gif" style="float: left; margin-right: 10px;">
<div class="qitext1 qic2t">
</div>
</div>
</div>
</div>
</div>
</div>
<!--第八个界面-->
<div class="container footer">
<div class="fcard">
<div class="ftext1">
LEARN MORE
</div>
<div class="ftext2">
How it works?
Meeting tools
Live streaming
Contact method
</div>
</div>
<div class="fcard">
<div class="ftext1">
ABOUT US
</div>
<div class="ftext2">
About us
Features
Privacy police
Terms & Conditions
</div>
</div>
<div class="fcard">
<div class="ftext1">
SUPPORT
</div>
<div class="ftext2">
F.A.Q.
Contact us
Live chat
Phone call
</div>
</div>
<div class="fcard fcard2">
<div class="ftext1">
ENJOY YOUR LIFE
</div>
<div class="ftext2 ftext22">
Great web UI kit for designers, freelancers or business.
</div>
<img src="images/03.png">
<img src="images/05.png">
<img src="images/07.png">
<img src="images/09.png">
<img src="images/11.png">
<img src="images/13.png">
</div>
</div>
</body>
</html>