<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一个精美的网页</title>
<link rel="stylesheet" href="./css/index.css">
<style type="text/css">
.first{
background: url(./img/前端学院设计图_02.png);
background-size: 100% 100%;
}
.three{
background: url(./img/前端学院设计图_20.png);
background-size: 100% 100%;
}
</style>
</head>
<body >
<div class="first" >
<div class="first_header">
<h1>Hello World</h1>
</div>
<div class="first_word">
<p>China is speeding up strategic plan. standards, traffic rules. laws and regulations<br>
on accident-incurred liabilities for its smart car industry, Economic Information <br>
Daily reported Thursday.</p>
</div>
<div class="f_in_table">
<form action="#">
<div class="f_e"><input type="email" name="" value="denis@getcraftworkcom"/></div>
<div class="f_p"><input type="password" name="" value="Create your password"/></div>
<div class="f_s"><input type="submit" value="Submit form" /></div>
</form>
</div>
</div>
</div>
<div class="second">
<div class="pic"><img src="./img/前端学院设计图_05.png" alt=""></div>
<div class="s_in">
<div class="s_in_d">
<img src="./img/前端学院设计图_09.png" alt="">
<div class="s_in_id_w">
<h3>Mobile First</h3>
<p>All modulz are built mobile-first for maximum
device compatibility</p>
</div>
</div>
<div class="s_in_d in2">
<img src="./img/前端学院设计图_12.png" alt="">
<div class="s_in_id_w">
<h3>Accessibility</h3>
<p>Support for IEB, mobile and tablet devices.
screen readers and color blind</p>
</div>
</div>
<div class="s_in_d"> <img src="./img/前端学院设计图_16.png" alt="">
<div class="s_in_id_w">
<h3>Fluid Typography</h3>
<p>On different screen sizes. fonts automagically
scale with the viewport</p>
</div>
</div>
<div class="s_in_d in2" > <img src="./img/前端学院设计图_17.png" alt="">
<div class="s_in_id_w">
<h3>Customization</h3>
<p>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>
<div class="three">
<div class="three_l">
<div class="three_l_w">
<h3>
Supportive policies for China's smart car
</h3>
<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 Intelli-
gent and Connected Vehicles.</p>
</div>
<div class="three_l_f">
<button class="btn" value="">
CHECK OUT FEATURES
</button>
<button class="btn" value="">
TRY PRODUCT FOR FREE
</button>
</div>
</div>
<div class="three_r">
<img src="./img/第三页右_03.png" alt="">
</div>
</div>
<div class="fouth">
<div class="f_top">
<h1>Try Our Awesome Products</h1>
</div>
<div class="f_word">
<div class="w1">
<img src="./img/前端学院设计图_27.png" alt="">
<p>Li Jun. a China Academy of Engi-
neering academician and also
director of the alliances experts'
committee. said that China will
also launch design guidance for
smart cars. smart map architec-
ture and standards for test
grounds</p>
</div>
<div class="w1">
<img src="./img/前端学院设计图_29.png" alt="">
<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 SC. internet of
cars, big data. artificial intelligence
and new-energy vehicles
</p>
</div>
<div class="w1">
<img src="./img/前端学院设计图_31.png" alt="">
<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.
Learn How to Improve Your
Personal Business</p>
</div>
</div>
<div class="f_c1">
<img src="./img/前端学院设计图_37.png" alt="">
<div class="f_c1_w1">
<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="f_c2">
<img src="./img/前端学院设计图_41.png" alt="">
<div class="f_c1_w2">
<h1>Choose Between Two Beautifully
Designed Color Schemes.
</h1>
<p> China will come up with its own smart
car standards. traffic rules, laws and reg-
ulations relating to safety. according to
the China Industry Innovation Alliance
for the Intelligent and Connected
Vehicles.</p>
</div>
</div>
</div>
<div class="fifth">
<div class="fifth_word">
<h1 class="">Our Awesome Crew</h1>
<p>our unique online teaching style makes learning easy for everyone. Whether you<br>
are trying to land a new job. brush up on your skills.</p>
</div>
<div class="fifth_pep">
<div class="fifth_pep_pic"><img src="./img/赵思远_45.png" alt=""></div>
<div class="fifth_pep_pic"><img src="./img/前端学院设计图_45.png" alt=""></div>
<div class="fifth_pep_pic"><img src="./img/前端学院设计图_49.png" alt=""></div>
<div class="fifth_pep_pic"><img src="./img/前端学院设计图_51.png" alt=""></div>
</div>
</div>
<div class="fix">
<div class="fix_l">
<h1>FELL FR
一个漂亮的网页.rar （29个子文件） 
一个漂亮的网页 css 
index.css 11KB
css_html_text.html 10KB img 
最后_06.png 2KB 前端学院设计图_29.png 3KB 最后_09.png 2KB 前端学院设计图_27.png 4KB 前端学院设计图_17.png 2KB 赵思远_45.png 88KB 前端学院设计图_12.png 1KB 前端学院设计图_45.png 150KB 前端学院设计图_02.png 1.04MB 前端学院设计图_41.png 290KB 前端学院设计图_09.png 1KB 前端学院设计图_31.png 4KB 最后_11.png 1KB 前端学院设计图_05.png 15KB 前端学院设计图_37.png 331KB 前端学院设计图_20.png 991KB 前端学院设计图_68.png 1KB 前端学院设计图_23.png 6KB 前端学院设计图_61.png 1KB 前端学院设计图_59.png 1KB 前端学院设计图_51.png 119KB 前端学院设计图_16.png 3KB 前端学院设计图_65.png 1KB 前端学院设计图_63.png 1KB 前端学院设计图_56.png 1KB 前端学院设计图_49.png 135KB 第三页右_03.png 79KB资源评论
