-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
272 lines (253 loc) · 11.6 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css">
<script src="https://use.fontawesome.com/1ffe2e24ee.js"></script>
</head>
<body>
<div class="container">
<!-- 第一部分 -->
<div class="item1">
<h1>Hello World</h1>
<p>
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.
</p>
<div class="register">
<h3>CREATE YOUR ACCOUNT</h3>
<p>IT IS ABSOLUTELY FREE</p>
<input type="text" value="Denis@getcraftwork.com">
<input type="text" placeholder="Create your password">
<button>SICN UP</button>
</div>
</div>
<!-- 第二部分 -->
<div class="item2">
<h3>BOATLOADS OF AWESOME</h3>
<p class="item2_title">Ready-made, customizable, HTML landing page sections</p>
<!-- 四个小盒子 -->
<div class="information">
<div class="box">
<img src="images/picture_01.png">
<span class="box_title">Mobile First</span>
<p class="box_txt">All modulz are built mobile-first for maximum device compatibility</p>
</div>
<div class="box">
<img src="images/picture_02.png">
<span class="box_title">Accessibility</span>
<p class="box_txt">Support for IE8, mobile and tablet devices, screenreaders and color blind.</p>
</div>
<div class="box">
<img src="images/picture_03.png">
<span class="box_title">Fluid Typography</span>
<p class="box_txt">On different screen sizes, fonts automagically scale with the viewport</p>
</div>
<div class="box">
<img src="images/picture_04.png">
<span class="box_title">Customization</span>
<p class="box_txt">Make any design your own using the Style Editor. Personalize fonts, colors, and
layouts to create the custom look you want.</p>
</div>
</div>
</div>
<!-- 第三部分 -->
<div class="item3">
<div class="item3_inform">
<h1>Supportive policies for China's smart car</h1>
<p>
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.
</p>
</div>
<button name="features">CHECK OUT FEATURES</button>
<button name="product">TRY PRODUCT FOR FREE</button>
</div>
<!-- 第四部分 -->
<div class="item4">
<h1>Try Our Awesome Products</h1>
<div class="information2">
<div class="item4_box">
<img src="images/picture_05.png">
<p>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.</p>
</div>
<div class="item4_box">
<img src="images/picture_06.png">
<p>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.</p>
</div>
<div class="item4_box">
<img src="images/picture_07.png">
<p>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.</p>
</div>
</div>
</div>
<!-- 第五部分 -->
<div class="item5">
<div class="item5_box1">
<img src="images/picture_08.png">
<div class="item5_box1_info">
<h1>Learn How to Improve Your Personal Business</h1>
<p>
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.
</p>
</div>
</div>
<div class="item5_box2">
<div class="item5_box2_info">
<h1>Choose Between Two Beautifully Designed Color Schemes</h1>
<p>
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.
</p>
</div>
<img src="images/picture_09.png">
</div>
</div>
<!-- 第六部分 -->
<div class="item6">
<div class="item6_info">
<h1>Our Awesome Crew</h1>
<p>Our unique online teaching style makes learning
easy for everyone. Whether you are trying
to land a new job, brush up on your skills.
</p>
</div>
<div class="photo">
<div class="photo_box1">
<div class="photo_box_content">
<h1>Eath Dutton</h1>
<p>SENIOR VISUAL DESIGNER</p>
<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
</div>
</div>
<div class="photo_box2">
<div class="photo_box_content">
<h1>Eath Dutton</h1>
<p>SENIOR VISUAL DESIGNER</p>
<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
</div>
</div>
<div class="photo_box3">
<div class="photo_box_content">
<h1>Eath Dutton</h1>
<p>SENIOR VISUAL DESIGNER</p>
<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
</div>
</div>
<div class="photo_box4">
<div class="photo_box_content">
<h1>Eath Dutton</h1>
<p>SENIOR VISUAL DESIGNER</p>
<i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<!-- 第七部分 -->
<div class="item7">
<div class="item7_box1">
<h1>FELL FREE TO WRITE US</h1>
<form>
<input type="email" placeholder="E-mail">
<input type="text" placeholder="Subject">
<textarea cols="30" rows="10">Message</textarea>
<input type="button" value="SEND">
</form>
</div>
<div class="item7_box2">
<h1>Contacts</h1>
<p class="item7_box2_txt">
Make any design your own using the Style Editor.
Personalize fonts, colors, and layouts to create
the custom look you want.
</p>
<div class="item7_box2_info">
<div class="item7_box2_info_box">
<img src="images/picture_14.png">
<div>
<span>360 King Street</span>
<span class="time">Feastrvale Trevose. PA 19057</span>
</div>
</div>
<div class="item7_box2_info_box">
<img src="images/picture_15.png">
<span>(755)564-84-12</span>
</div>
<div class="item7_box2_info_box">
<img src="images/picture_16.png">
<span>youname@mail.com</span>
</div>
</div>
</div>
</div>
<!-- 第八部分 -->
<div class="item8">
<div class="item8_box">
<ul>
<li><a href="#" class="now">LEARN MORE</a></li>
<li><a href="#">How it works?</a></li>
<li><a href="#">Meeting tools</a></li>
<li><a href="#">Live streaming</a></li>
<li><a href="#">Contact method</a></li>
</ul>
</div>
<div class="item8_box">
<ul>
<li><a href="#" class="now">ABOUT US</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Privacy police</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
<div class="item8_box">
<ul>
<li><a href="#" class="now">SUPPORT</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">live chat</a></li>
<li><a href="#">Phone call</a></li>
</ul>
</div>
<div class="item8_box">
<ul>
<li><a href="#" class="now">ENJOY YOUR LIFE</a></li>
<li><a href="#">Great web UI kit for designers,</a></li>
<li><a href="#">freelancers or business.</a></li>
<li><a href="#"><img src="images/picture_17.png"></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>