├── README.en.md
├── README.md
├── css
    ├── cailiao-bottom.css
    ├── cailiao-container-choose.css
    ├── cailiao-container-feedback.css
    ├── cailiao-container-jump.css
    ├── cailiao-container-search.css
    ├── cailiao-container-table.css
    ├── cailiao-container-where.css
    ├── cailiao-nav.css
    ├── cailiao-title.css
    ├── xiami-container.css
    ├── xiaomi-bottom .css
    ├── xiaomi-login.css
    ├── xiaomi-nav-text.css
    ├── xiaomi-other-way.css
    └── xiaomi-title .css
├── html
    ├── 关于远大.html
    ├── 家居医生.html
    ├── 小米登录.html
    ├── 材料列表页.html
    ├── 材料列表页改.html
    └── 百度链接.html
├── imges
    ├── Icons
    │   ├── Gus.ico
    │   ├── badge.ico
    │   ├── black scorpion.ico
    │   ├── boots.ico
    │   ├── cattle scull.ico
    │   ├── pocket watch.ico
    │   ├── rattlesnake.ico
    │   ├── rope.ico
    │   └── wagon wheel.ico
    ├── baidu background.jpg
    ├── baidu pic.jpg
    ├── doctor logo.png
    ├── doctor pic.png
    ├── index pic.jpg
    ├── list-adm.png
    ├── list-footerLogo.png
    ├── list-loc.png
    ├── list-pic.png
    ├── list-shop.png
    ├── list-tianmao.png
    ├── list-weixin.png
    ├── list-weixin2.png
    ├── other-ways.png
    ├── phone.png
    ├── plus.png
    ├── police.png
    ├── saoma.png
    ├── web logo.ico
    ├── worktwo.png
    ├── xiaomi-logo.png
    ├── xiaomi9.jpeg
    ├── yuanda logo.png
    ├── yuanda pic.jpg
    └── yudan logo.png
└── index.html


/README.en.md:
--------------------------------------------------------------------------------
 1 | # homework
 2 | 
 3 | #### Description
 4 | 前端学习第一天的作业
 5 | 
 6 | #### Software Architecture
 7 | Software architecture description
 8 | 
 9 | #### Installation
10 | 
11 | 1. xxxx
12 | 2. xxxx
13 | 3. xxxx
14 | 
15 | #### Instructions
16 | 
17 | 1. xxxx
18 | 2. xxxx
19 | 3. xxxx
20 | 
21 | #### Contribution
22 | 
23 | 1. Fork the repository
24 | 2. Create Feat_xxx branch
25 | 3. Commit your code
26 | 4. Create Pull Request
27 | 
28 | 
29 | #### Gitee Feature
30 | 
31 | 1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
32 | 2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
33 | 3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
34 | 4. The most valuable open source project [GVP](https://gitee.com/gvp)
35 | 5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
36 | 6. The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # homework
 2 | 
 3 | #### 介绍
 4 | 前端学习第一天的作业
 5 | 
 6 | #### 软件架构
 7 | 软件架构说明
 8 | 
 9 | 
10 | #### 安装教程
11 | 
12 | 1. xxxx
13 | 2. xxxx
14 | 3. xxxx
15 | 
16 | #### 使用说明
17 | 
18 | 1. xxxx
19 | 2. xxxx
20 | 3. xxxx
21 | 
22 | #### 参与贡献
23 | 
24 | 1. Fork 本仓库
25 | 2. 新建 Feat_xxx 分支
26 | 3. 提交代码
27 | 4. 新建 Pull Request
28 | 
29 | 
30 | #### 码云特技
31 | 
32 | 1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
33 | 2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
34 | 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
35 | 4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
36 | 5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
37 | 6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)


--------------------------------------------------------------------------------
/css/cailiao-bottom.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .bottom{
 3 |     background: rgb(81, 81, 81);
 4 |     margin-left: auto;
 5 |     margin-right: auto;
 6 | }
 7 | .bottom-top{
 8 |     width: 1000px;
 9 |     margin-left: auto;
10 |     margin-right: auto;
11 |     padding-top: 30px;
12 |     overflow: hidden;
13 |     margin-bottom: 30px;
14 | }
15 | .bottom-top ul{
16 |     list-style: none;
17 |     float: left;
18 | }
19 | .bottom-top li{
20 |     color: rgb(165,165,165);
21 | }
22 | .bottom-top-logo+li{
23 |     color: white;
24 | }
25 | table{
26 |     padding-left: 150px;
27 |     padding-top: 10px;
28 | }
29 | table a{
30 |     text-decoration: none;
31 |     color: rgb(165, 165, 165);
32 |     font-size: 10px;
33 | }
34 | table td{
35 |     line-height: 30px;
36 |     width: 200px;
37 | }
38 | .bigtd{
39 |     width: 300px;
40 | }
41 | .bottom-bottom{
42 |     border-top: 1px solid rgb(165, 165, 165);
43 |     position: relative;
44 |     overflow: hidden;
45 |     width: 1000px;
46 |     margin-left: auto;
47 |     margin-right: auto;
48 |     color: rgb(165, 165, 165);
49 |     line-height: 50px;
50 | }
51 | .bottom-bottom p:first-child{
52 |     float: left;
53 | }
54 | .copyright{
55 |     position: absolute;
56 |     right: 0;
57 |     top: 0;
58 | }


--------------------------------------------------------------------------------
/css/cailiao-container-choose.css:
--------------------------------------------------------------------------------
 1 | .container-choose{
 2 |     background:#f0f0f4;
 3 |     overflow: hidden;
 4 |     margin-bottom: 10px;
 5 |     padding: 5px;
 6 |     box-sizing: border-box;
 7 | }
 8 | .container-choose li{
 9 |     float: left;
10 |     list-style: none;
11 |     margin: 10px;
12 | }
13 | .container-choose ul{
14 |     width: 100%;
15 |     float: left;
16 | }
17 | .container-choose a{
18 |     text-decoration: none;
19 |     font-size: 15px;
20 |     color: #333;
21 |     border: 2px solid #f0f0f4;
22 | }
23 | .container-choose a:hover{
24 |     background: white;
25 |     border:2px solid orange;
26 | }


--------------------------------------------------------------------------------
/css/cailiao-container-feedback.css:
--------------------------------------------------------------------------------
 1 | .container-feedback{
 2 |     margin-bottom: 30px;
 3 | }
 4 | .container-feedback ul{
 5 |     list-style: none;
 6 | }
 7 | .weichat{
 8 |     display: block;
 9 |     width: 85px;
10 |     height: 85px;
11 |     padding: 2px;
12 |     border: 1px solid #f0f0f4;
13 |     float: left;
14 |     margin-right: 10px;
15 | }
16 | .weichat+li{
17 |     color: rgb(24, 190, 190);
18 |     font-size: 25px;
19 |     margin:10px 0;
20 | }


--------------------------------------------------------------------------------
/css/cailiao-container-jump.css:
--------------------------------------------------------------------------------
 1 | .container-jump
 2 | {
 3 |     margin-top: 20px;
 4 |     margin-bottom: 20px;
 5 | }
 6 | .container-jump a{
 7 |     text-decoration: none;
 8 |     color: #333;
 9 | }
10 | .container-jump ul{
11 |     position: relative;
12 |     overflow: hidden;
13 |     list-style: none;
14 | }
15 | .container-jump li{
16 |     float: left;
17 | }
18 | .page{
19 |     display: block;
20 |     font-size:15px;
21 |     background:#f0f0f4;
22 |     border: 1px solid #f0f0f4;
23 |     width: 115px;
24 |     line-height: 35px;
25 |     text-align:center;
26 |     box-sizing: border-box;
27 | }
28 | .number{
29 |     box-sizing: border-box;
30 |     display: block;
31 |     font-size:15px;
32 |     width: 5px;
33 |     line-height: 15px;
34 |     text-align: center;
35 |     margin: 12px 5px;
36 | }
37 | .number:first-child{
38 |     padding-left: 18px;
39 | }
40 | .number:last-child{
41 |     padding-right: 30px;
42 | }
43 | .number:hover{
44 |     color: orange;
45 |     text-decoration: underline;
46 | }
47 | .text{
48 |     margin: 6px 20px;
49 | }
50 | .inputsecond{
51 |     display: block;
52 |     box-sizing: border-box;
53 |     width: 35px;
54 |     height: 35px;
55 |     border: 2px solid #333;
56 |     float: left;
57 | }
58 | .sure{
59 |     margin:-2px 35px;
60 | }
61 | .buttonsecond{
62 |     display: block;
63 |     box-sizing: border-box;
64 |     background-color:orange;
65 |     color: white;
66 |     line-height: 39px;
67 |     width: 80px;
68 |     border: 1px solid white;
69 |     font-size: 15px;
70 | }


--------------------------------------------------------------------------------
/css/cailiao-container-search.css:
--------------------------------------------------------------------------------
 1 | .container-search li{
 2 |     line-height: 20px;
 3 |     list-style: none;
 4 |     float:left;
 5 |     margin: 5px;
 6 |     font-size: 15px;
 7 |     color: #333;
 8 | }
 9 | .container-search{
10 |     background-color: #f0f0f4;
11 |     margin-top: 20px;
12 |     margin-bottom: 20px;
13 |     position: relative;
14 |     padding: 10px 10px;
15 |     box-sizing: border-box
16 | }
17 | .container-search>input{
18 |     position: absolute;
19 |     top: 9px;
20 |     left: 322px;
21 |     box-sizing: border-box;
22 |     outline: none;
23 |     width: 250px;
24 |     height: 32px;
25 | }
26 | .container-search>button{
27 |     height: 30px;
28 |     position: absolute;
29 |     top: 10px;
30 |     left:528px;
31 |     border:none;
32 |     background: white;
33 | }
34 | .container-search a{
35 |     color: rgb(24, 190, 190);
36 |     position:absolute;
37 |     right: 0;
38 |     top: 16px;
39 |     font-size: 15px;
40 |     text-decoration: none;
41 | }


--------------------------------------------------------------------------------
/css/cailiao-container-table.css:
--------------------------------------------------------------------------------
 1 | .container-table{
 2 |     margin-left: auto;
 3 |     margin-right: auto;
 4 |     overflow: hidden;
 5 |     margin-bottom: 30px;
 6 | }
 7 | .container-table>div{
 8 |     width: 240px;
 9 |     box-sizing: border-box;
10 |     background:#f0f0f4;
11 |     float: left;
12 |     border:1px solid #c3c3c5;
13 | }
14 | .container-table>div:not(:last-child){
15 |     margin-right: 13.3333px;
16 | }
17 | .table-inside{
18 |     margin: 15px;
19 |     font-size: 15px;
20 |     weight:210px;
21 |     overflow:hidden;
22 |     position: relative;
23 | }
24 | .table-inside ul{
25 |     list-style: none;
26 |     position: relative;
27 | }
28 | .table-inside a{
29 |     text-decoration: none;
30 |     color: #333;
31 | }
32 | /* .in a:hover{
33 |     color: orange;
34 | } */
35 | 
36 | .table-inside li:not(:last-child){
37 |     margin-bottom: 5px;
38 | }
39 | .table-inside li:last-child{
40 |     margin-top: 10px;
41 | }
42 | .forthline a:first-child{
43 |     font-size: 20px;
44 |     font-weight: bolder;
45 |     margin-right: 15px;
46 | }
47 | .forthline a{
48 |     color: rgb(24, 190, 190);
49 | }
50 | .table-outside:hover a{
51 |     color: orange;
52 | }
53 | 


--------------------------------------------------------------------------------
/css/cailiao-container-where.css:
--------------------------------------------------------------------------------
 1 | .container{
 2 |     margin-left: auto;
 3 |     margin-right: auto;
 4 |     width: 1000px;
 5 |     overflow: hidden;
 6 | }
 7 | .container-where{
 8 |     margin-top: 10px;
 9 |     margin-bottom: 10px;
10 | }
11 | .container-where li{
12 |     line-height: 20px;
13 |     list-style: none;
14 |     float:left;
15 |     margin: 5px;
16 |     font-size: 15px;
17 |     color: #333;
18 | }
19 | .container-where ul{
20 |     margin-left: 12px;
21 | }


--------------------------------------------------------------------------------
/css/cailiao-nav.css:
--------------------------------------------------------------------------------
 1 | .nav-outside{
 2 |     background: rgb(239,239,239);
 3 | }
 4 | .nav .location{
 5 |     width: 19px;
 6 |     height: 19px;
 7 |     display: inline-block;
 8 |     background: url('../imges/list-loc.png');
 9 |     position:absolute;
10 |     left:0;
11 |     top: 50%;
12 |     margin-top: -9.5px;
13 | }
14 | .nav-left a:first-of-type{
15 |     margin-left: 20px;
16 | }
17 | .nav .admin{
18 |     width: 19px;
19 |     height: 19px;
20 |     display: inline-block;
21 |     background: url('../imges/list-adm.png');
22 | }
23 | .nav{
24 |     margin-left: auto;
25 |     margin-right: auto;
26 |     width: 1000px;
27 |     height: 50px;
28 |     position:relative;
29 |     
30 | }
31 | .nav-left{
32 |     position: absolute;
33 |     left: 15px;
34 |     top: 0;
35 |     line-height: 50px;
36 |     font-size: 10px;
37 | }
38 | .nav-right{
39 |     position: absolute;
40 |     right: 15px;
41 |     top: 0;
42 |     line-height: 50px;
43 |     font-size: 10px;
44 | }
45 | .nav-warp{
46 |     text-align:center;
47 |     line-height: 50px;
48 |     font-size: 20px;
49 |     text-decoration: none;
50 |     font-weight: 500;
51 | }
52 | .nav-right .admin{
53 |     position: absolute;
54 |     right: 50px;
55 |     top: 50%;
56 |     margin-top: -9.5px;
57 | }
58 | .nav a{
59 |     text-decoration: none;
60 |     color:#333;
61 | }
62 | .nav-warp a{
63 |     padding:0 30px;
64 | }


--------------------------------------------------------------------------------
/css/cailiao-title.css:
--------------------------------------------------------------------------------
 1 | *{margin: 0;padding:0;}
 2 | .head{
 3 |     text-align: center;
 4 |     height: 80px;
 5 |     background: rgb(24, 190, 190);
 6 | }
 7 | .head-logo
 8 | {
 9 |     height: 80px;
10 | }


--------------------------------------------------------------------------------
/css/xiami-container.css:
--------------------------------------------------------------------------------
 1 | .container{
 2 |     background: rgb(247,247,255);
 3 |     
 4 | }
 5 | .container-inside{
 6 |     width: 1130px;
 7 |     background-image: url(../imges/xiaomi9.jpeg);
 8 |     height: 588px;
 9 |     background-repeat: no-repeat;
10 |     background-position-x: center;
11 |     background-position-y: center;
12 |     margin: 0 auto;
13 |     margin-left: auto;
14 |     margin-right: auto;
15 | }
16 | .container-nav{
17 |     float: right;
18 |     bottom: -63px;
19 |     right: 0;
20 | }
21 | 


--------------------------------------------------------------------------------
/css/xiaomi-bottom .css:
--------------------------------------------------------------------------------
 1 | .bottom li{
 2 |      float: left;
 3 |      list-style: none;
 4 | }
 5 | .bottom a{
 6 |     text-decoration: none;
 7 |     color: rgb(102,102,102);
 8 | }
 9 | .bottom p{
10 |     color: rgb(102,102,102);
11 | }
12 | .bottom{
13 |     width: 1130px;
14 |     margin-left: auto;
15 |     margin-right: auto;
16 | }
17 | .bottom-firstline{
18 |     margin-left: auto;
19 |     margin-right: auto;
20 |     width: 400px;
21 |     line-height: 20px;
22 |     margin-bottom: 20px;
23 | }
24 | .bottom-secondline{
25 |     margin-left: auto;
26 |     margin-right: auto;
27 |     width: 600px;
28 |     line-height: 30px;
29 | }
30 | .bottom{
31 |     margin-top: 100px;
32 |     font-size:13px;
33 |     position: relative;
34 | }
35 | .bottom-firstline a:hover{
36 |     color: black;
37 | }
38 | .bottom-secondline i{
39 |     background-image: url(../imges/police.png);
40 |     display: inline-block;
41 |     width: 20px;
42 |     height: 20px;
43 | }
44 | .bottom-firstline li{
45 |     padding: 0 5px;
46 | }


--------------------------------------------------------------------------------
/css/xiaomi-login.css:
--------------------------------------------------------------------------------
 1 | .container-login>a{
 2 |     color: rgb(255,103,0)
 3 | }
 4 | .container-login a{
 5 |     text-decoration: none;
 6 | }
 7 | .container-login li{
 8 |     float: left;
 9 |     list-style: none;
10 | }
11 | .container-login{
12 |     position: absolute;
13 |     left: 30px;
14 |     top: 295px;
15 |     width: 350px;
16 | }
17 | .container-login ul{
18 |     float: right;
19 | }
20 | .login-way a{
21 |     color: rgb(102,102,102);
22 | }
23 | .login-way a:hover{
24 |     color: rgb(255,103,0);
25 | }


--------------------------------------------------------------------------------
/css/xiaomi-nav-text.css:
--------------------------------------------------------------------------------
 1 | .container-nav{
 2 |     position: relative;
 3 |     width: 410px;
 4 |     height: 525px;
 5 |     background: white;
 6 |     /* border: 1px solid rgb(102,102,102); */
 7 | }
 8 | .text-uesr{
 9 |     width: 350px;
10 |     height: 50px;
11 |     /* border: 1px solid rgb(102,102,102); */
12 |     display: block;
13 |     box-sizing: border-box;
14 |     margin-bottom: 15px;
15 |     padding-left: 20px;
16 | }
17 | .text-password{
18 |     width: 350px;
19 |     height: 50px;
20 |     /* border: 1px solid rgb(102,102,102); */
21 |     display: block;
22 |     box-sizing: border-box;
23 |     margin-bottom: 25px;
24 |     padding-left: 20px;
25 | }
26 | .nav-title li{
27 |     float: left;
28 |     list-style: none;
29 |     line-height: 40px;
30 | }
31 | .nav-title a{
32 |     text-decoration: none;
33 |     color: rgb(102,102,102);
34 |     font-size: 25px;
35 | }
36 | .nav-title a:hover{
37 |     color: rgb(255,103,0);
38 | }
39 | .nav-title-word{
40 |     font-size: 20px;
41 |     padding: 0 40px;
42 | }
43 | .text-go{
44 |     width: 350px;
45 |     height: 50px;
46 |     /* border: 1px solid rgb(102,102,102); */
47 |     background: rgb(255,103,0);
48 |     display: block;
49 |     color:#eee;
50 | }
51 | .nav-title{
52 |     position: absolute;
53 |     left: 7px;
54 |     top: 30px;
55 | }
56 | .nav-text{
57 |     position: absolute;
58 |     left: 30px;
59 |     top: 95px;
60 |     display: inline-block;
61 | }
62 | .nav-title-cut{
63 |     font-size: 30px;
64 |     position: absolute;
65 |     top: 29px;
66 |     left: 170px;
67 | }
68 | .special a{
69 |     color: rgb(255,103,0);
70 | }
71 | .saoma{
72 |     width: 180px;
73 |     height: 180px;
74 |     position: absolute;
75 |     top: 95px;
76 |     left: 107px;
77 | }
78 | .saoma{
79 |     display: none;
80 | }


--------------------------------------------------------------------------------
/css/xiaomi-other-way.css:
--------------------------------------------------------------------------------
 1 | .other-way-title p{
 2 |     position: absolute;
 3 |     bottom: 85px;
 4 |     left: 165px;
 5 | }
 6 | .line-left{
 7 |     width: 130px;
 8 |     height: 1px;
 9 |     border:0.5px solid  rgb(102,102,102);
10 |     position: absolute;
11 |     left:35px;
12 |     bottom:92px;
13 |     box-sizing: border-box;
14 | }
15 | .line-right{
16 |     width: 138px;
17 |     height: 1px;
18 |     border:0.5px solid  rgb(102,102,102);
19 |     position: absolute;
20 |     right:35px;
21 |     bottom:92px;
22 |     box-sizing: border-box;
23 | }
24 | .other-way{
25 |     /* border: 1px solid #333; */
26 |     height: 50px;
27 |     position: absolute;
28 |     bottom: 40px;
29 |     left: 30px;
30 |     width: 350px;
31 | }
32 | .other-way li{
33 |     float: left;
34 |     list-style: none;
35 | }
36 | .other-way a{
37 |     display: inline-block;
38 |     width: 30px;
39 |     height: 30px;
40 |     /* border: 1px solid #333; */
41 |     margin: 10px 15px;
42 |     border-radius: 50%;
43 |     position: relative;
44 | }
45 | .other-way ul{
46 |     margin-left: 50px;
47 | }
48 | .other-way i{
49 |     display: inline-block;
50 |     position: absolute;
51 |     background-image: url(../imges/other-ways.png);
52 |     /* width: 18px;
53 |     height: 18px;
54 |     margin: auto;
55 |     left: 0;right: 0;top: 0;bottom: 0; */
56 | }
57 | .way-qq{
58 |     background:rgb(2,136,209);
59 | }
60 | .qq{
61 |     background-position-x: -19px;
62 |     width: 18px;
63 |     height: 18px;
64 |     margin: auto;
65 |     left: 0;right: 0;top: 0;bottom: 0;
66 | }
67 | .way-weibo{
68 |     background: rgb(211,47,47);
69 | }
70 | .weibo{
71 |     background-position-x: -38px;
72 |     width: 18px;
73 |     height: 18px;
74 |     margin: auto;
75 |     left: 0;right: 0;top: 0;bottom: 0;
76 | }
77 | .way-zhifubao{
78 |     background: rgb(0,170,238);
79 | }
80 | .zhifubao{
81 |     background-position-x: -57px;
82 |     width: 22px;
83 |     height: 18px;
84 |     margin: auto;
85 |     left: 0;right: 0;top: 0;bottom: 0;
86 | }
87 | .way-weixin{
88 |     background: rgb(0,210,13);
89 | }
90 | .weixin{
91 |     background-position-x: -85px;
92 |     width: 22px;
93 |     height: 18px;
94 |     margin: auto;
95 |     left: 0;right: 0;top: 0;bottom: 0;
96 | }


--------------------------------------------------------------------------------
/css/xiaomi-title .css:
--------------------------------------------------------------------------------
 1 | *{margin: 0;padding: 0}
 2 | body{
 3 |     font-size: 12px;
 4 |     color: #666;
 5 | }
 6 | .title-logo{
 7 |     margin:0 auto;
 8 |     width: 1130px;
 9 | }
10 | .title-logo a{
11 |     width: 200px;
12 |     height: 98px;
13 | }


--------------------------------------------------------------------------------
/html/关于远大.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |     <link href="../imges/web logo.ico" rel="shortcut icon" type="image/x-icon">
 8 |     <title>关于远大</title>
 9 |     <style>
10 |         *{margin: 0;padding: 0;}
11 |         .top{
12 |             text-align: center;
13 |         }
14 |         .nav-bg{
15 |             background-color: #A2DBF9;
16 |             height: 50px;
17 |         }
18 |         .nav-choose{
19 |             width: 1200px;
20 |             margin-left: auto;
21 |             margin-right: auto;
22 |             height: 100%;
23 |         }
24 |         .nav-choose>a{
25 |             display: block;
26 |             width: 100px;
27 |             height: 100%;
28 |             background: #01AEF0;
29 |             text-align: center;
30 |             line-height:50px;
31 |             color:#fff;
32 |             text-decoration: none;
33 |         }
34 |         .container{
35 |             width: 1200px;
36 |             margin-left: auto;
37 |             margin-right: auto;
38 |             height: 800px;
39 |         }
40 |         .container>p{
41 |             text-indent: 20px;
42 |             margin-top: 10px;
43 |             font-size: 15px;
44 |             color: #666;
45 |         }
46 |         .bottom{
47 |             background-color: #01AEF0;
48 |             text-align: center;
49 |             font-size: 12px;
50 |         }
51 |         .bottom a{
52 |             margin:0 10px;
53 |             text-decoration: none;
54 |             color:#666;
55 |             display: inline-block;     
56 |         }
57 |         .first>a{
58 |             margin-top: 10px;
59 |             margin-bottom: 10px;
60 |         }
61 |         .second>a{
62 |             margin-bottom: 10px;
63 |         }
64 |     </style>
65 | </head>
66 | <body>
67 |     <div class="top">
68 |         <img src="../imges/yuanda logo.png" alt="">
69 |     </div>
70 |     <!-- nav-menu start  -->
71 |     <div class="nav-bg">
72 |         <div class="nav-choose">
73 |             <a href="#">关于远大</a>
74 |         </div>
75 |     </div>
76 |     <!-- nav-menu end -->
77 |     <!-- container start -->
78 |     <div class="container">
79 |         <img src="../imges/yuanda pic.jpg" alt="">
80 |         <p>在去年的全国两会上，他提交了“关于加强中医文化在健康中国及文化自信建设中的作用”提案。办理单位对吴焕淦在提案中提出的建立国家级中医文化博物馆，让中医文化进校园、进社区等建议给予了积极回应。去年8月20日至22日，吴焕淦应邀列席全国政协常委会议，并以“关于改善中药重金属污染现状的建议”为题在分组讨论中发言。</p>
81 |         <p>自2015年以来，国家支持海外中医药中心建设，由北京中医药大学、上海中医药大学、南京中医药大学等中医院校及科研机构承担。吴焕淦的许多同事、学生在捷克、马耳他、摩洛哥等中国中医中心都有驻站工作经历。通过向他们详细了解实际情况后，吴焕淦计划今年提出进一步推进建设海外中医药中心的建议。</p>
82 |         <p>“履职与行医，都要精益求精。”吴焕淦表示，在人民政协成立70周年之际，他将开展更广泛、深入的调研，为中医药事业发展献计献策。（经济日报-中国经济网记者 李治国）</p>
83 | 
84 |     </div>
85 |     <!-- container end -->
86 |     <!-- bottom start -->
87 |     <div class="bottom">
88 |         <div class="first">
89 |             <a href="#">版权所有:工程大学</a>
90 |             <a href="#">技术支持：武汉工程大学计算机系</a>
91 |         </div>
92 |         <div class="second">
93 |             <a href="#">©2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号</a>
94 |         </div>
95 |     </div>
96 |     <!-- bottom end -->
97 | </body>
98 | </html>


--------------------------------------------------------------------------------
/html/家居医生.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |     <title>Document</title>
  8 |     <style>
  9 |         *{margin: 0;padding: 0;}
 10 |         .head{
 11 |             background-color: #3eede7;
 12 |             height: 50px;
 13 |             text-align: center;
 14 |         }
 15 |         .title{
 16 |             width: 720px;
 17 |             margin-left: auto;
 18 |             margin-right: auto;
 19 |         }
 20 |         h1,h6{
 21 |             margin-top: 10px;
 22 |         }
 23 |         h1{
 24 |             color: #392f41;
 25 |         }
 26 |         h6{
 27 |             color: gray;
 28 |         }
 29 |         .pic{
 30 |             margin: 30px  0; 
 31 |         }
 32 |         .first{
 33 |             margin: 5px 0;
 34 |         }
 35 |         .second{
 36 |             text-indent: 20px;
 37 |             margin: 10px 0;
 38 |         }
 39 |         .title dt{
 40 |             margin: 10px 0;
 41 |         }
 42 |         .theme{
 43 |             background-color: orange;
 44 |         }
 45 |         tr{
 46 |             text-align: center;
 47 |         }
 48 |         table{
 49 |             width: 720px;
 50 |             border-collapse:collapse; 
 51 |         }
 52 |     </style>
 53 | </head>
 54 | <body>
 55 |     <div class="head">
 56 |         <img class="logo" src="../imges/doctor logo.png" alt="">
 57 |     </div>
 58 |     <div class="title">
 59 |         <h1>温馨法式风 生活家实木复合地板测评</h1>
 60 |         <h6>2016-1-15 00:15:23 来源:PCHOUSE 作者：DANIBOY</h6>
 61 |         <img class="pic" src="../imges/doctor pic.png" alt="">
 62 |         <p class="first">元宵节的夜晚，人们走上街头，看灯赏景。而在中国科学院山西煤炭化学研究所材料楼，全国人大代表、中国科学院山西煤炭化学研究所副所长、碳纤维学术带头人吕春祥，刚刚结束了一天的工作，还未来得及阅读并回复朋友们发来的祝福信息。</p>
 63 |         <dl>
 64 |             <dt>生活家秋色赛尔实木复合地板</dt>
 65 |             <dd>“作为学者代表，要时刻铭记积极为国家建言献策，围绕碳纤维做工作。”碳纤维是与国民经济和国防安全密切相关的战略物资，碳纤维产业是当今新材料界发展最为活跃的产业之一，也是技术集成度高、经济带动力强、发展速度快、综合效益好的新兴产业。2018年，吕春祥受国家新材料产业发展领导小组等单位委托，在中国工程院干勇院士和李仲平院士的领导下，会同国内有关专家，先后就国家“卡脖子”材料、碳纤维及其复合材料领域重大生产性短板装备情况、2018年碳纤维领域研发生产及应用情况进行专题调研，所形成的调研报告为国家战略性决策提供了关键依据。</dd>
 66 |             <dt>生活家秋色赛尔实木复合地板</dt>
 67 |         </dl>
 68 |         <p class="second">吕春祥说：“人大代表有一份沉甸甸的责任，应该时刻将职责铭记在心里、履职在行动上。我还要继续努力，在不断学习中认真做好每一件事。”</p>
 69 |         <table border="1">
 70 |             <th colspan="2" class="theme">生活家秋色赛尔实木复合地板基本信息</th>
 71 |             <tr>
 72 |                 <th>品牌</th>
 73 |                 <td>生活家</td>
 74 |             </tr>
 75 |             <tr>
 76 |                 <th>系列</th>
 77 |                 <td>普罗旺斯系列</td>
 78 |             </tr>
 79 |             <tr>
 80 |                 <th>名称</th>
 81 |                 <td>桦木-秋色赛尔</td>
 82 |             </tr>
 83 |             <tr>
 84 |                 <th>规格</th>
 85 |                 <td>1210*165*1436mm</td>
 86 |             </tr>
 87 |             <tr>
 88 |                 <th>产品类别</th>
 89 |                 <td>多层实木复合</td>
 90 |             </tr>
 91 |             <tr>
 92 |                 <th>主要工艺</th>
 93 |                 <td>平面仿古，手工倒角，手工擦色</td>
 94 |             </tr>
 95 |             <tr>
 96 |                 <th>评测方法</th>
 97 |                 <td>外观纹理、拼接效果、承重性、耐磨性、抗污性、防火阻燃、防水防潮</td>
 98 |             </tr>
 99 |         </table>
100 |     </div>
101 | </body>
102 | </html>


--------------------------------------------------------------------------------
/html/小米登录.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |     <title>小米商城</title>
  8 |     <link rel="stylesheet" href="../css/xiami-container.css">
  9 |     <link rel="stylesheet" href="../css/xiaomi-bottom .css">
 10 |     <link rel="stylesheet" href="../css/xiaomi-login.css">
 11 |     <link rel="stylesheet" href="../css/xiaomi-nav-text.css">
 12 |     <link rel="stylesheet" href="../css/xiaomi-other-way.css">
 13 |     <link rel="stylesheet" href="../css/xiaomi-title .css"> 
 14 |     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
 15 | </head>
 16 | <body>
 17 |     <div class="title">
 18 |         <div class="title-logo">
 19 |             <a href="#"><img src="../imges/xiaomi-logo.png" alt=""></a>
 20 |         </div>
 21 |     </div>
 22 | 
 23 |     <div class="container">
 24 |         <a href="#">
 25 |         <div class="container-inside">
 26 |                   
 27 |        
 28 |         </a>
 29 |         <div class="container-nav">
 30 |             <div class="nav-title-cut">丨</div>
 31 |             <div class="change">
 32 |                 <div class="nav-title">
 33 |                     <ul>
 34 |                         <li class="nav-title-word special"><a href="#">账号登录</a></li>
 35 |                         <!-- <li class="nav-title-cut">丨</li> -->
 36 |                         <li class="nav-title-word"><a href="#">扫码登录</a></li>
 37 |                     </ul>
 38 |                 </div>
 39 |             <div class="nav-tab">
 40 |                 <div class="nav-text">
 41 |                     <input type="text" class="text-uesr" placeholder="邮箱/手机号码/小米ID">
 42 |                     <input type="password" class="text-password" placeholder="密码">
 43 |                     <input type="button" class="text-go" value="登录">
 44 |                 </div>
 45 |                 <div class="saoma">
 46 |                     <img src="../imges/saoma.png" alt="">
 47 |                 </div>
 48 |             </div>
 49 |         </div>
 50 |                 <div class="container-login">
 51 |                     <a href="#">手机短信注册/登录</a>
 52 |                     <ul>
 53 |                         <li class="login-way"><a href="#">忘记密码</a></li>
 54 |                         <li>丨</li>
 55 |                         <li class="login-way"><a href="#">立即注册</a></li>
 56 |                     </ul>
 57 |                 </div>
 58 |                 <div class="line-left">
 59 | 
 60 |                 </div>
 61 |                 <div class="line-right">
 62 | 
 63 |                 </div>
 64 |                 <div class="other-way-title">
 65 |                     <p>其他方式登录</p>
 66 |                 </div>
 67 |                 <div class="other-way">
 68 |                     <ul>
 69 |                         <li><a href="#" class="way-qq"><i class="qq"></i></a></li>
 70 |                         <li><a href="#" class="way-weibo"><i class="weibo"></i></a></li>
 71 |                         <li><a href="#" class="way-zhifubao"><i class="zhifubao"></i></a></li>
 72 |                         <li><a href="#" class="way-weixin"><i class="weixin"></i></a></li>
 73 |                     </ul>
 74 |                 </div>
 75 |         </div>
 76 |     </div>
 77 |     <div class="bottom">
 78 |         <div class="bottom-firstline">
 79 |         <ul>
 80 |             <li><a href="#">简体</a></li>
 81 |             <li>丨</li>
 82 |             <li><a href="#">繁体</a></li>
 83 |             <li>丨</li>
 84 |             <li><a href="#">English</a></li>
 85 |             <li>丨</li>
 86 |             <li><a href="#">常见问题</a></li>
 87 |             <li>丨</li>
 88 |             <li><a href="#">隐私政策</a></li>
 89 |         </ul>
 90 |         </div>
 91 |     <div class="bottom-secondline">
 92 |         <ul>
 93 |             <li><p>小米公司版权所有-京ICP备10046444-</p></li>
 94 |             <li><i></i></li>
 95 |             <li><p>京公网安备11010802020134号-京ICP证110507号</p></li>
 96 |           </ul>
 97 |     </div>
 98 |     </div>
 99 |     <script>
100 |         $(".nav-title-word").click(function(){
101 |             $(this).addClass("special").siblings().removeClass("special");
102 |             console.log($(this).index())
103 |             $(".nav-tab div").eq($(this).index()).show().siblings().hide();  
104 |         })
105 |     </script>
106 | </body>
107 | </html>


--------------------------------------------------------------------------------
/html/材料列表页.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |     <title>材料库列表页</title>
  8 |     <link rel="stylesheet" href="https://at.alicdn.com/t/font_1066528_4r522h38hf.css">
  9 |     <link href="../imges/web logo.ico" rel="shortcut icon" type="image/x-icon">
 10 |     <style>
 11 |         *{margin:0;padding: 0;}
 12 |         /* head start */
 13 |         .head{
 14 |             text-align: center;
 15 |             height: 80px;
 16 |             background: rgb(24, 190, 190);
 17 |         }
 18 |         .head-logo
 19 |         {
 20 |             height: 80px;
 21 |         }
 22 |         /* head end */
 23 | 
 24 |         /* container start */
 25 |         .container{
 26 |             margin-left: auto;
 27 |             margin-right: auto;
 28 |             width: 1000px;
 29 |             overflow: hidden;
 30 |         }
 31 |         /* container-where start */
 32 |         .container-where{
 33 |             margin-top: 10px;
 34 |             margin-bottom: 10px;
 35 |         }
 36 |         .container-where li{
 37 |             line-height: 20px;
 38 |             list-style: none;
 39 |             float:left;
 40 |             margin: 5px;
 41 |             font-size: 15px;
 42 |             color: #333;
 43 |         }
 44 |         /* container-where end */
 45 | 
 46 |         /* .container-choose start */
 47 |         .container-choose{
 48 |             background:#f0f0f4;
 49 |             overflow: hidden;
 50 |             margin-bottom: 10px;
 51 |             padding: 5px;
 52 |             box-sizing: border-box;
 53 |         }
 54 |         .container-choose li{
 55 |             float: left;
 56 |             list-style: none;
 57 |             margin: 10px;
 58 |         }
 59 |         .container-choose ul{
 60 |             width: 100%;
 61 |             float: left;
 62 |         }
 63 |         .container-choose a{
 64 |             text-decoration: none;
 65 |             font-size: 15px;
 66 |             color: #333;
 67 |             border: 2px solid #f0f0f4;
 68 |         }
 69 |         .container-choose a:hover{
 70 |             background: white;
 71 |             border:2px solid orange;
 72 |         }
 73 |         /* container-choose end */
 74 | 
 75 |         /* container-search start */
 76 |         .container-search li{
 77 |             line-height: 20px;
 78 |             list-style: none;
 79 |             float:left;
 80 |             margin: 5px;
 81 |             font-size: 15px;
 82 |             color: #333;
 83 |         }
 84 |         .container-search{
 85 |             background-color: #f0f0f4;
 86 |             margin-top: 10px;
 87 |             margin-bottom: 10px;
 88 |             position: relative;
 89 |         }
 90 |         .container-search>input{
 91 |             position: absolute;
 92 |             top: 7px;
 93 |             left: 361px;
 94 |             box-sizing: border-box;
 95 |             outline: none;
 96 |         }
 97 |         .container-search>button{
 98 |             height: 15px;
 99 |             position: absolute;
100 |             top: 8px;
101 |             left:490px;
102 |             border:none;
103 |             background: white;
104 |         }
105 |         .container-search a{
106 |             color: rgb(24, 190, 190);
107 |             position:absolute;
108 |             right: 0;
109 |             top: 6px;
110 |             font-size: 15px;
111 |             text-decoration: none;
112 |         }
113 |         /* container-search end */
114 | 
115 |         /* container-table start */
116 |         .container-table{
117 |             margin-left: auto;
118 |             margin-right: auto;
119 |             overflow: hidden;
120 |             margin-bottom: 10px;
121 |         }
122 |         .container-table>div{
123 |             width: 240px;
124 |             box-sizing: border-box;
125 |             background:#f0f0f4;
126 |             float: left;
127 |             border:1px solid #c3c3c5;
128 |         }
129 |         .container-table>div:not(:last-child){
130 |             margin-right: 13.3333px;
131 |         }
132 |         .in{
133 |             margin: 15px;
134 |             font-size: 15px;
135 |             weight:210px;
136 |             overflow:hidden;
137 |             position: relative;
138 |         }
139 |         .in ul{
140 |             list-style: none;
141 |             position: relative;
142 |         }
143 |         .in a{
144 |             text-decoration: none;
145 |             color: #333;
146 |         }
147 |         .in a:hover{
148 |             color: orange;
149 |         }
150 |         .in li:not(:last-child){
151 |             margin-bottom: 5px;
152 |         }
153 |         .in li:last-child{
154 |             margin-top: 10px;
155 |         }
156 |         .forthline a:first-child{
157 |             font-size: 20px;
158 |             font-weight: bolder;
159 |             margin-right: 15px;
160 |         }
161 |         .forthline a{
162 |             color: rgb(24, 190, 190);
163 |         }
164 |         /* container-table end */
165 |         /* container-jump start */
166 | 
167 |         /* container-jump end */
168 |         .container-jump
169 |         {
170 |             margin-top: 20px;
171 |             margin-bottom: 20px;
172 |         }
173 |         .container-jump a{
174 |             text-decoration: none;
175 |             color: #333;
176 |         }
177 |         .container-jump ul{
178 |             position: relative;
179 |             overflow: hidden;
180 |             list-style: none;
181 |         }
182 |         .container-jump li{
183 |             float: left;
184 |         }
185 |         .page{
186 |             display: block;
187 |             font-size:15px;
188 |             background:#f0f0f4;
189 |             border: 1px solid #f0f0f4;
190 |             width: 115px;
191 |             line-height: 35px;
192 |             text-align:center;
193 |             box-sizing: border-box;
194 |         }
195 |         .number{
196 |             box-sizing: border-box;
197 |             display: block;
198 |             font-size:15px;
199 |             width: 5px;
200 |             line-height: 15px;
201 |             text-align: center;
202 |             margin: 12px 5px;
203 |         }
204 |         .number:first-child{
205 |             padding-left: 18px;
206 |         }
207 |         .number:last-child{
208 |             padding-right: 30px;
209 |         }
210 |         .number:hover{
211 |             color: orange;
212 |             text-decoration: underline;
213 |         }
214 |         .text{
215 |             margin: 6px 20px;
216 |         }
217 |         .inputsecond{
218 |             display: block;
219 |             box-sizing: border-box;
220 |             width: 35px;
221 |             height: 35px;
222 |             border: 2px solid #333;
223 |             float: left;
224 |         }
225 |         .sure{
226 |             margin:-2px 35px;
227 |         }
228 |         .buttonsecond{
229 |             display: block;
230 |             box-sizing: border-box;
231 |             background-color:orange;
232 |             color: white;
233 |             line-height: 37px;
234 |             width: 80px;
235 |             border: 1px solid white;
236 |             font-size: 15px;
237 |         }
238 |         /* container-feedback start */
239 |         .container-feedback{
240 |             margin-bottom: 20px;
241 |         }
242 |         .container-feedback ul{
243 |             list-style: none;
244 |         }
245 |         .weichat{
246 |             display: block;
247 |             width: 85px;
248 |             height: 85px;
249 |             padding: 2px;
250 |             border: 1px solid #f0f0f4;
251 |             float: left;
252 |             margin-right: 10px;
253 |         }
254 |         .weichat+li{
255 |             color: rgb(24, 190, 190);
256 |             font-size: 25px;
257 |             margin:10px 0;
258 |         }
259 |         /* container-feedback end */
260 |         /* container end */
261 |         /* bottom start */
262 |         .bottom{
263 |             background: rgb(81, 81, 81);
264 |             margin-left: auto;
265 |             margin-right: auto;
266 |         }
267 |         .bottom-top{
268 |             width: 1000px;
269 |             margin-left: auto;
270 |             margin-right: auto;
271 |             padding-top: 30px;
272 |             overflow: hidden;
273 |             margin-bottom: 30px;
274 |         }
275 |         .bottom-top ul{
276 |             list-style: none;
277 |             float: left;
278 |         }
279 |         .bottom-top li{
280 |             color: rgb(165,165,165);
281 |         }
282 |         .bottom-top-logo+li{
283 |             color: white;
284 |         }
285 |         table{
286 |             padding-left: 150px;
287 |         }
288 |         table a{
289 |             text-decoration: none;
290 |             color: rgb(165, 165, 165);
291 |             font-size: 10px;
292 |         }
293 |         table td{
294 |             line-height: 30px;
295 |             width: 200px;
296 |         }
297 |         .bigtd{
298 |             width: 300px;
299 |         }
300 |         .bottom-bottom{
301 |             border-top: 1px solid rgb(165, 165, 165);
302 |             position: relative;
303 |             overflow: hidden;
304 |             width: 1000px;
305 |             margin-left: auto;
306 |             margin-right: auto;
307 |             color: rgb(165, 165, 165);
308 |             line-height: 50px;
309 |         }
310 |         .bottom-bottom p:first-child{
311 |             float: left;
312 |         }
313 |         .copyright{
314 |             position: absolute;
315 |             right: 0;
316 |             top: 0;
317 |         }
318 |         /* bottom end */
319 |     </style>
320 | </head>
321 | <body>
322 |     <div class="head">
323 |         <img class="head-logo" src="../imges/doctor logo.png" alt="">
324 |     </div>
325 |     <!-- where start -->
326 |     <div class="container container-where">
327 |             <ul>
328 |                 <li>首页</li>
329 |                 <li><i class="iconfont icon-jiantou"></i></li>
330 |                 <li>预防装修污染</li>
331 |                 <li><i class="iconfont icon-jiantou"></i></li>
332 |                 <li>材料库</li>
333 |             </ul>
334 |     </div>
335 |     <!-- wherer end -->
336 | 
337 |     <!-- choose start -->
338 |     <div class="container container-choose">
339 |             <ul>
340 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
341 |                 <li><a href="#">全部</a></li>
342 |                 <li><a href="#">地板</a></li>
343 |                 <li><a href="#">涂料</a></li>
344 |                 <li><a href="#">墙纸</a></li>
345 |                 <li><a href="#">瓷砖</a></li>
346 |                 <li><a href="#">粘胶剂</a></li>
347 |                 <li><a href="#">油漆</a></li>
348 |                 <li><a href="#">家具</a></li>
349 |                 <li><a href="#">板材</a></li>
350 |                 <li><a href="#">饰品</a></li>
351 |                 <li><i class="iconfont icon-ico_arrows_unfold"></i></li>
352 |             </ul>
353 |             <ul>
354 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
355 |                 <li><a href="#">全部</a></li>
356 |             </ul>
357 |             <ul>
358 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
359 |                 <li><a href="#">材质</a></li>
360 |                 <li><a href="#">实木</a></li>
361 |                 <li><a href="#">复合</a></li>
362 |                 <li><a href="#">强化</a></li>
363 |                 <li><a href="#">其他</a></li>
364 |             </ul>
365 |             <ul>
366 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
367 |                 <li><a href="#">品牌</a></li>
368 |                 <li><a href="#">圣象</a></li>
369 |                 <li><a href="#">大自然</a></li>
370 |                 <li><a href="#">生活家</a></li>
371 |                 <li><a href="#">北美枫情</a></li>
372 |                 <li><a href="#">德尔</a></li>
373 |                 <li><a href="#">博典</a></li>
374 |                 <li><a href="#">船王</a></li>
375 |             </ul>
376 |     </div>
377 |         <!-- choose end -->
378 |         <!-- search start  -->
379 |     <div class="container container-search">
380 |         <ul>
381 |             <li>发布时间</li>
382 |             <li><i class="iconfont icon-jiantou1"></i></li>
383 |             <li>价格</li>
384 |             <li><i class="iconfont icon-shangjiantou"></i></li>
385 |             <li>环保节能</li>
386 |             <li><i class="iconfont icon-jiantou1"></i></li>
387 |         </ul>
388 |         <input class="input" type="text">
389 |         <button><i class="iconfont icon-sousuo"></i>搜索</button>
390 |         <a href=""><i class="iconfont icon-iconfontquestion"></i>了解家居医生建材环保评级标准</a>
391 |     </div>
392 |     <!-- search end -->
393 |     <!-- table start -->
394 |     <div class="container container-table">
395 |         <div>
396 |             <div class="in">
397 |                 <img src="../imges/list-pic.png" alt="">
398 |                 <ul>
399 |                     <li><a href="#">德尔    都市系列</a></li>
400 |                     <li><a href="#">木地板 - 复合地板</a></li>
401 |                     <li><a href="#">单价： 128元/m²</a></li>
402 |                     <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
403 |                 </ul>
404 |             </div>
405 |         </div>
406 |         <div>
407 |                 <div class="in">
408 |                         <img src="../imges/list-pic.png" alt="">
409 |                         <ul>
410 |                             <li><a href="#">德尔    都市系列</a></li>
411 |                             <li><a href="#">木地板 - 复合地板</a></li>
412 |                             <li><a href="#">单价： 128元/m²</a></li>
413 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
414 |                         </ul>
415 |                     </div>
416 |         </div>
417 |         <div>
418 |                 <div class="in">
419 |                         <img src="../imges/list-pic.png" alt="">
420 |                         <ul>
421 |                             <li><a href="#">德尔    都市系列</a></li>
422 |                             <li><a href="#">木地板 - 复合地板</a></li>
423 |                             <li><a href="#">单价： 128元/m²</a></li>
424 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
425 |                         </ul>
426 |                     </div>
427 |         </div>
428 |         <div>
429 |                 <div class="in">
430 |                         <img src="../imges/list-pic.png" alt="">
431 |                         <ul>
432 |                             <li><a href="#">德尔    都市系列</a></li>
433 |                             <li><a href="#">木地板 - 复合地板</a></li>
434 |                             <li><a href="#">单价： 128元/m²</a></li>
435 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
436 |                         </ul>
437 |                     </div>
438 |         </div>
439 |     </div>
440 |     <div class="container container-table">
441 |             <div>
442 |                 <div class="in">
443 |                     <img src="../imges/list-pic.png" alt="">
444 |                     <ul>
445 |                         <li><a href="#">德尔    都市系列</a></li>
446 |                         <li><a href="#">木地板 - 复合地板</a></li>
447 |                         <li><a href="#">单价： 128元/m²</a></li>
448 |                         <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
449 |                     </ul>
450 |                 </div>
451 |             </div>
452 |             <div>
453 |                     <div class="in">
454 |                             <img src="../imges/list-pic.png" alt="">
455 |                             <ul>
456 |                                 <li><a href="#">德尔    都市系列</a></li>
457 |                                 <li><a href="#">木地板 - 复合地板</a></li>
458 |                                 <li><a href="#">单价： 128元/m²</a></li>
459 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
460 |                             </ul>
461 |                         </div>
462 |             </div>
463 |             <div>
464 |                     <div class="in">
465 |                             <img src="../imges/list-pic.png" alt="">
466 |                             <ul>
467 |                                 <li><a href="#">德尔    都市系列</a></li>
468 |                                 <li><a href="#">木地板 - 复合地板</a></li>
469 |                                 <li><a href="#">单价： 128元/m²</a></li>
470 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
471 |                             </ul>
472 |                         </div>
473 |             </div>
474 |             <div>
475 |                     <div class="in">
476 |                             <img src="../imges/list-pic.png" alt="">
477 |                             <ul>
478 |                                 <li><a href="#">德尔    都市系列</a></li>
479 |                                 <li><a href="#">木地板 - 复合地板</a></li>
480 |                                 <li><a href="#">单价： 128元/m²</a></li>
481 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
482 |                             </ul>
483 |                         </div>
484 |             </div>
485 |         </div>
486 |     <!-- table end -->
487 |     <!-- jump start-->
488 |     <div class="container container-jump">
489 |         <ul>
490 |                 <li><a class="page" href="#">上一页</a></li>
491 |                 <li><a class="number" href="#">1</a></li>
492 |                 <li><a class="number" href="#">2</a></li>
493 |                 <li><a class="number" href="#">3</a></li>
494 |                 <li><a class="number" href="#">4</a></li>
495 |                 <li><a class="number" href="#">5</a></li>
496 |                 <li><a class="page" href="#">下一页</a></li>
497 |                 <li class="text">共有10页，去第</li>
498 |                 <li><input class="inputsecond" type="text"></li>
499 |                 <li class="text">页</li>
500 |                 <li class="sure"><button class="buttonsecond">确定</button></li>
501 |         </ul>
502 |     </div>
503 |     <!-- jump end-->
504 |     <!-- feedback start -->
505 |     <div class="container container-feedback">
506 |         <ul>
507 |             <li class="weichat"><img src="../imges/list-weixin.png" alt=""></li>
508 |             <li>检测建材 需求反馈</li>
509 |             <li>亲爱的用户，我们正在不断的完善和更新建材库，</li>
510 |             <li>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</li>
511 |         </ul>
512 |     </div>
513 |     <!-- feedback end -->
514 |     <!-- bottom start -->
515 |     <div class="bottom">
516 |         <div class="bottom-top">
517 |             <ul>
518 |                 <li class="bottom-top-logo"><img src="../imges/list-footerLogo.png" alt=""></li>
519 |                 <li>为环境健康把好每一关</li>
520 |                 <li>家居医生致力于中国人的家居健康问题，通过专业的研究</li>
521 |                 <li>和测评，倾力协助大众打造绿色、环保的人居生活环境</li>
522 |             </ul>
523 |             <table>
524 |                 <tr>
525 |                     <td><a href="#">关于我们</a></td>
526 |                     <td class="bigtd"><a href="#">版权说明</a></td>
527 |                     <td><img src="../imges/list-weixin2.png" alt=""><a href="#">官方微信</a></td>
528 |                 </tr>
529 |                 <tr>
530 |                     <td><a href="#">联系我们</a></td>
531 |                     <td class="bigtd"><a href="#">客户隐私</a></td>
532 |                     <td><img src="../imges/list-tianmao.png" alt=""><a href="#">天猫旗舰店</a></td>
533 |                 </tr>
534 |                 <tr>
535 |                     <td><a href="#">加入我们</a></td>
536 |                     <td class="bigtd"><a href="#">免责声明</a></td>
537 |                     <td><img src="../imges/list-shop.png" alt=""><a href="#">有赞商城</a></td>
538 |                 </tr>
539 |             </table>
540 |         </div>
541 |         <div class="bottom-bottom">
542 |             <p>深圳建筑科学研究院股份有限公司     家居医生网</p>
543 |             <p class="copyright">粤ICP备08011321号©Copyright All Rights Reserved</p>
544 |         </div>
545 |     </div>
546 |     <!-- bottom end -->
547 | </body>
548 | </html>


--------------------------------------------------------------------------------
/html/材料列表页改.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |     <title>材料库列表页改</title>
  8 |     <link rel="stylesheet" href="https://at.alicdn.com/t/font_1066528_4r522h38hf.css">
  9 |     <link rel="stylesheet" href="../css/cailiao-title.css">
 10 |     <link rel="stylesheet" href="../css/cailiao-nav.css">
 11 |     <link rel="stylesheet" href="../css/cailiao-container-where.css">
 12 |     <link rel="stylesheet" href="../css/cailiao-container-choose.css">
 13 |     <link rel="stylesheet" href="../css/cailiao-container-search.css">
 14 |     <link rel="stylesheet" href="../css/cailiao-container-jump.css">
 15 |     <link rel="stylesheet" href="../css/cailiao-container-feedback.css">
 16 |     <link rel="stylesheet" href="../css/cailiao-bottom.css">
 17 |     <link rel="stylesheet" href="../css/cailiao-container-table.css">
 18 |     <link href="../imges/web logo.ico" rel="shortcut icon" type="image/x-icon">
 19 | </head>
 20 | <body>
 21 |     <div class="head">
 22 |         <img class="head-logo" src="../imges/doctor logo.png" alt="">
 23 |     </div>
 24 |     <div class="nav-outside">
 25 |             <div class="nav">
 26 |                 <div class="nav-left">
 27 |                     <span class="location"></span>
 28 |                     <a href="#">深圳</a>
 29 |                     <a href="#"><切换></a>
 30 |                 </div>
 31 |                 <div class="nav-warp">
 32 |                     <a href="#">首页</a>
 33 |                     <a href="#">咨询</a>
 34 |                     <a href="#">测评</a>
 35 |                     <a href="#">商城</a>
 36 |                 </div>
 37 |                 <div class="nav-right">
 38 |                     <span class="admin"></span>
 39 |                     <a href="#">个人中心</a>
 40 |                 </div>
 41 |             </div>
 42 |          </div>
 43 |     <!-- where start -->
 44 |     <div class="container container-where">
 45 |             <ul>
 46 |                 <li>首页</li>
 47 |                 <li><i class="iconfont icon-jiantou"></i></li>
 48 |                 <li>预防装修污染</li>
 49 |                 <li><i class="iconfont icon-jiantou"></i></li>
 50 |                 <li>材料库</li>
 51 |             </ul>
 52 |     </div>
 53 |     <!-- wherer end -->
 54 | 
 55 |     <!-- choose start -->
 56 |     <div class="container container-choose">
 57 |             <ul>
 58 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
 59 |                 <li><a href="#">全部</a></li>
 60 |                 <li><a href="#">地板</a></li>
 61 |                 <li><a href="#">涂料</a></li>
 62 |                 <li><a href="#">墙纸</a></li>
 63 |                 <li><a href="#">瓷砖</a></li>
 64 |                 <li><a href="#">粘胶剂</a></li>
 65 |                 <li><a href="#">油漆</a></li>
 66 |                 <li><a href="#">家具</a></li>
 67 |                 <li><a href="#">板材</a></li>
 68 |                 <li><a href="#">饰品</a></li>
 69 |                 <li><i class="iconfont icon-ico_arrows_unfold"></i></li>
 70 |             </ul>
 71 |             <ul>
 72 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
 73 |                 <li><a href="#">全部</a></li>
 74 |             </ul>
 75 |             <ul>
 76 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
 77 |                 <li><a href="#">材质</a></li>
 78 |                 <li><a href="#">实木</a></li>
 79 |                 <li><a href="#">复合</a></li>
 80 |                 <li><a href="#">强化</a></li>
 81 |                 <li><a href="#">其他</a></li>
 82 |             </ul>
 83 |             <ul>
 84 |                 <li><a style="color:rgb(140,212,212)" href="#">类别</a></li>
 85 |                 <li><a href="#">品牌</a></li>
 86 |                 <li><a href="#">圣象</a></li>
 87 |                 <li><a href="#">大自然</a></li>
 88 |                 <li><a href="#">生活家</a></li>
 89 |                 <li><a href="#">北美枫情</a></li>
 90 |                 <li><a href="#">德尔</a></li>
 91 |                 <li><a href="#">博典</a></li>
 92 |                 <li><a href="#">船王</a></li>
 93 |             </ul>
 94 |     </div>
 95 |         <!-- choose end -->
 96 |         <!-- search start  -->
 97 |     <div class="container container-search">
 98 |         <ul>
 99 |             <li>发布时间</li>
100 |             <li><i class="iconfont icon-jiantou1"></i></li>
101 |             <li>价格</li>
102 |             <li><i class="iconfont icon-shangjiantou"></i></li>
103 |             <li>环保节能</li>
104 |             <li><i class="iconfont icon-jiantou1"></i></li>
105 |         </ul>
106 |         <input class="input" type="text">
107 |         <button><i class="iconfont icon-sousuo"></i>搜索</button>
108 |         <a href=""><i class="iconfont icon-iconfontquestion"></i>了解家居医生建材环保评级标准</a>
109 |     </div>
110 |     <!-- search end -->
111 |     <!-- table start -->
112 |     <div class="container container-table">
113 |         <div class="table-outside">
114 |             <div class="table-inside">
115 |                 <img src="../imges/list-pic.png" alt="">
116 |                 <ul>
117 |                     <li><a href="#">德尔    都市系列</a></li>
118 |                     <li><a href="#">木地板 - 复合地板</a></li>
119 |                     <li><a href="#">单价： 128元/m²</a></li>
120 |                     <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
121 |                 </ul>
122 |             </div>
123 |         </div>
124 |         <div class="table-outside">
125 |                 <div class="table-inside">
126 |                         <img src="../imges/list-pic.png" alt="">
127 |                         <ul class="table-th">
128 |                             <li><a href="#">德尔    都市系列</a></li>
129 |                             <li><a href="#">木地板 - 复合地板</a></li>
130 |                             <li><a href="#">单价： 128元/m²</a></li>
131 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
132 |                         </ul>
133 |                     </div>
134 |             </div>
135 |             <div class="table-outside">
136 |                 <div class="table-inside">
137 |                         <img src="../imges/list-pic.png" alt="">
138 |                         <ul class="table-th">
139 |                             <li><a href="#">德尔    都市系列</a></li>
140 |                             <li><a href="#">木地板 - 复合地板</a></li>
141 |                             <li><a href="#">单价： 128元/m²</a></li>
142 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
143 |                         </ul>
144 |                     </div>
145 |             </div>
146 |             <div class="table-outside">
147 |                 <div class="table-inside">
148 |                         <img src="../imges/list-pic.png" alt="">
149 |                         <ul class="table-th">
150 |                             <li><a href="#">德尔    都市系列</a></li>
151 |                             <li><a href="#">木地板 - 复合地板</a></li>
152 |                             <li><a href="#">单价： 128元/m²</a></li>
153 |                             <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
154 |                         </ul>
155 |                     </div>
156 |             </div>
157 |     </div>
158 |     <div class="container container-table">
159 |             <div class="table-outside">
160 |                 <div class="table-inside">
161 |                     <img src="../imges/list-pic.png" alt="">
162 |                     <ul class="table-th">
163 |                         <li><a href="#">德尔    都市系列</a></li>
164 |                         <li><a href="#">木地板 - 复合地板</a></li>
165 |                         <li><a href="#">单价： 128元/m²</a></li>
166 |                         <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
167 |                     </ul>
168 |                 </div>
169 |             </div>
170 |             <div class="table-outside">
171 |                     <div class="table-inside">
172 |                             <img src="../imges/list-pic.png" alt="">
173 |                             <ul class="table-th">
174 |                                 <li><a href="#">德尔    都市系列</a></li>
175 |                                 <li><a href="#">木地板 - 复合地板</a></li>
176 |                                 <li><a href="#">单价： 128元/m²</a></li>
177 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
178 |                             </ul>
179 |                         </div>
180 |             </div>
181 |             <div class="tabe-outside">
182 |                     <div class="table-inside">
183 |                             <img src="../imges/list-pic.png" alt="">
184 |                             <ul class="table-th"> 
185 |                                 <li><a href="#">德尔    都市系列</a></li>
186 |                                 <li><a href="#">木地板 - 复合地板</a></li>
187 |                                 <li><a href="#">单价： 128元/m²</a></li>
188 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
189 |                             </ul>
190 |                         </div>
191 |             </div>
192 |             <div class="table-outside">
193 |                     <div class="table-inside">
194 |                             <img src="../imges/list-pic.png" alt="">
195 |                             <ul class="table-th">
196 |                                 <li><a href="#">德尔    都市系列</a></li>
197 |                                 <li><a href="#">木地板 - 复合地板</a></li>
198 |                                 <li><a href="#">单价： 128元/m²</a></li>
199 |                                 <li class="forthline"><a href="#">环保评级：B</a><a href="#">(可以使用)</a></li>
200 |                             </ul>
201 |                         </div>
202 |             </div>
203 |         </div>
204 |     <!-- table end -->
205 |     <!-- jump start-->
206 |     <div class="container container-jump">
207 |         <ul>
208 |                 <li><a class="page" href="#">上一页</a></li>
209 |                 <li><a class="number" href="#">1</a></li>
210 |                 <li><a class="number" href="#">2</a></li>
211 |                 <li><a class="number" href="#">3</a></li>
212 |                 <li><a class="number" href="#">4</a></li>
213 |                 <li><a class="number" href="#">5</a></li>
214 |                 <li><a class="page" href="#">下一页</a></li>
215 |                 <li class="text">共有10页，去第</li>
216 |                 <li><input class="inputsecond" type="text"></li>
217 |                 <li class="text">页</li>
218 |                 <li class="sure"><button class="buttonsecond">确定</button></li>
219 |         </ul>
220 |     </div>
221 |     <!-- jump end-->
222 |     <!-- feedback start -->
223 |     <div class="container container-feedback">
224 |         <ul>
225 |             <li class="weichat"><img src="../imges/list-weixin.png" alt=""></li>
226 |             <li>检测建材 需求反馈</li>
227 |             <li>亲爱的用户，我们正在不断的完善和更新建材库，</li>
228 |             <li>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</li>
229 |         </ul>
230 |     </div>
231 |     <!-- feedback end -->
232 |     <!-- bottom start -->
233 |     <div class="bottom">
234 |         <div class="bottom-top">
235 |             <ul>
236 |                 <li class="bottom-top-logo"><img src="../imges/list-footerLogo.png" alt=""></li>
237 |                 <li>为环境健康把好每一关</li>
238 |                 <li>家居医生致力于中国人的家居健康问题，通过专业的研究</li>
239 |                 <li>和测评，倾力协助大众打造绿色、环保的人居生活环境</li>
240 |             </ul>
241 |             <table>
242 |                 <tr>
243 |                     <td><a href="#">关于我们</a></td>
244 |                     <td class="bigtd"><a href="#">版权说明</a></td>
245 |                     <td><img src="../imges/list-weixin2.png" alt=""><a href="#">官方微信</a></td>
246 |                 </tr>
247 |                 <tr>
248 |                     <td><a href="#">联系我们</a></td>
249 |                     <td class="bigtd"><a href="#">客户隐私</a></td>
250 |                     <td><img src="../imges/list-tianmao.png" alt=""><a href="#">天猫旗舰店</a></td>
251 |                 </tr>
252 |                 <tr>
253 |                     <td><a href="#">加入我们</a></td>
254 |                     <td class="bigtd"><a href="#">免责声明</a></td>
255 |                     <td><img src="../imges/list-shop.png" alt=""><a href="#">有赞商城</a></td>
256 |                 </tr>
257 |             </table>
258 |         </div>
259 |         <div class="bottom-bottom">
260 |             <p>深圳建筑科学研究院股份有限公司     家居医生网</p>
261 |             <p class="copyright">粤ICP备08011321号©Copyright All Rights Reserved</p>
262 |         </div>
263 |     </div>
264 |     <!-- bottom end -->
265 | </body>
266 | </html>


--------------------------------------------------------------------------------
/html/百度链接.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |     <link href="../imges/web logo.ico" rel="shortcut icon" type="image/x-icon">
 8 |     <title>百度链接</title>
 9 |     <style>
10 |         *{margin: 0;padding: 0;}
11 |         .title{
12 |             color: black;
13 |             background-color: #e0ffff;
14 |             text-align: center;
15 |             line-height: 50px;
16 |         }
17 |         .back{
18 |             width: 400px;
19 |             background-image: url('../imges/baidu background.jpg');
20 |             margin-left: auto;
21 |             margin-right: auto;
22 |             padding: 20px;
23 |         }
24 |         .input{
25 |             width: 280px;
26 |             height: 30px;
27 |             border: 1px solid black;
28 | 
29 |         }
30 |         .button{
31 |             height: 30px;
32 |             width: 80px;
33 |             border: 1px solid springgreen;
34 |             background-color: aqua;
35 |         }
36 |         .title2{
37 |             color: blue;
38 |             margin-top: 20px;
39 |             margin-left: 20px;
40 |         }
41 |         .img{
42 |             width: 400px;
43 |         }
44 |         ul{
45 |             list-style: none;
46 |         }
47 |         li{
48 |             line-height: 50px;
49 |         }
50 |     </style>
51 | </head>
52 | <body>
53 |     <h3 class="title">个人网站</h3>
54 |     <div class="back">
55 |         <div class="ground">
56 |         <input class="input" type="text">
57 |         <button class="button">
58 |             百度一下
59 |         </button>
60 |          </div>
61 |          <h3 class="title2">About Us</h3>
62 |          <img class="img" src="../imges/baidu pic.jpg" alt="">
63 |          <ul>
64 |              <li>关于单纯的信任</li>
65 |              <li>关于拥抱的心疼</li>
66 |              <li>关于青春 那件傻事的余震</li>
67 |              <li>就用这一首歌来作证</li>
68 |              <li>2015年 周笔畅 反思青春 温情解读关于（我们）</li>
69 |          </ul>
70 |          <div class="a">
71 |              <a href="https://www.baidu.com">去百度</a>
72 |              <a href="https://www.taobao.com">去淘宝</a>
73 |          </div>
74 |     </div>
75 | </body>
76 | </html>


--------------------------------------------------------------------------------
/imges/Icons/Gus.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/Gus.ico


--------------------------------------------------------------------------------
/imges/Icons/badge.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/badge.ico


--------------------------------------------------------------------------------
/imges/Icons/black scorpion.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/black scorpion.ico


--------------------------------------------------------------------------------
/imges/Icons/boots.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/boots.ico


--------------------------------------------------------------------------------
/imges/Icons/cattle scull.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/cattle scull.ico


--------------------------------------------------------------------------------
/imges/Icons/pocket watch.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/pocket watch.ico


--------------------------------------------------------------------------------
/imges/Icons/rattlesnake.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/rattlesnake.ico


--------------------------------------------------------------------------------
/imges/Icons/rope.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/rope.ico


--------------------------------------------------------------------------------
/imges/Icons/wagon wheel.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/Icons/wagon wheel.ico


--------------------------------------------------------------------------------
/imges/baidu background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/baidu background.jpg


--------------------------------------------------------------------------------
/imges/baidu pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/baidu pic.jpg


--------------------------------------------------------------------------------
/imges/doctor logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/doctor logo.png


--------------------------------------------------------------------------------
/imges/doctor pic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/doctor pic.png


--------------------------------------------------------------------------------
/imges/index pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/index pic.jpg


--------------------------------------------------------------------------------
/imges/list-adm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-adm.png


--------------------------------------------------------------------------------
/imges/list-footerLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-footerLogo.png


--------------------------------------------------------------------------------
/imges/list-loc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-loc.png


--------------------------------------------------------------------------------
/imges/list-pic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-pic.png


--------------------------------------------------------------------------------
/imges/list-shop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-shop.png


--------------------------------------------------------------------------------
/imges/list-tianmao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-tianmao.png


--------------------------------------------------------------------------------
/imges/list-weixin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-weixin.png


--------------------------------------------------------------------------------
/imges/list-weixin2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/list-weixin2.png


--------------------------------------------------------------------------------
/imges/other-ways.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/other-ways.png


--------------------------------------------------------------------------------
/imges/phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/phone.png


--------------------------------------------------------------------------------
/imges/plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/plus.png


--------------------------------------------------------------------------------
/imges/police.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/police.png


--------------------------------------------------------------------------------
/imges/saoma.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/saoma.png


--------------------------------------------------------------------------------
/imges/web logo.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/web logo.ico


--------------------------------------------------------------------------------
/imges/worktwo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/worktwo.png


--------------------------------------------------------------------------------
/imges/xiaomi-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/xiaomi-logo.png


--------------------------------------------------------------------------------
/imges/xiaomi9.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/xiaomi9.jpeg


--------------------------------------------------------------------------------
/imges/yuanda logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/yuanda logo.png


--------------------------------------------------------------------------------
/imges/yuanda pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/yuanda pic.jpg


--------------------------------------------------------------------------------
/imges/yudan logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shengrongbin/github-homework/b6cd2c9aaccb6572fa5496f5c4d6f617b91eb870/imges/yudan logo.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7 |     <link href="imges/web logo.ico" rel="shortcut icon" type="image/x-icon">
  8 |     <title>诗意生活</title>
  9 |     <style>
 10 |         *{margin:0;padding: 0}
 11 |         .title1{
 12 |             color: white;
 13 |             background-color: pink;
 14 |             text-align: center;
 15 |             line-height: 50px;
 16 |         }
 17 |         .title2{
 18 |             line-height: 50px;
 19 |         }
 20 |         .title2:hover{
 21 |             color: rgb(109, 107, 107);
 22 |             cursor: pointer;
 23 |         }
 24 |         div{
 25 |             margin-left: auto;
 26 |             margin-right: auto;
 27 |             margin-top: 10px;
 28 |             width: 500px;
 29 |         }
 30 |         .img{
 31 |             width: 500px;
 32 |         }
 33 |         .contiant{
 34 |             line-height: 50px;
 35 |         }
 36 |         .contiant:hover{
 37 |             color: pink;
 38 |             cursor: pointer;
 39 |         }
 40 |         .about{
 41 |             line-height: 50px;
 42 |         }
 43 |         .about:hover{
 44 |             color: rgb(155, 149, 150);
 45 |             cursor: pointer;
 46 |         }
 47 |         li{
 48 |             line-height: 50px;
 49 |         }
 50 |         li:hover{
 51 |             color: pink;
 52 |             cursor: pointer;
 53 |         }
 54 |         dt,dd{
 55 |             line-height: 50px;
 56 |         }
 57 |         dl:hover{
 58 |             color: pink;
 59 |             cursor: pointer;
 60 |         }
 61 |         a{
 62 |             text-decoration: none;
 63 |             color: #333;
 64 |         }
 65 |         .button{
 66 |             float: left;
 67 |             position: fixed;
 68 |             left: 200px;
 69 |             top: 400px;
 70 |         }
 71 |         td{
 72 |             line-height: 30px;
 73 |             border: 1px solid #333;
 74 |             margin-left: auto;
 75 |             margin-right: auto;
 76 |         }
 77 |         table{
 78 |             border-collapse: collapse;
 79 |         }
 80 |     </style>
 81 | </head>
 82 | <body>
 83 |     <h3 class="title1">
 84 |         诗意生活
 85 |     </h3>
 86 |     <div class="button">
 87 |         <table>
 88 |            <tr><td><a href="html/百度链接.html">百度链接</a></td></tr>
 89 |            <tr><td><a href="html/关于远大.html">关于远大</a></td></tr>
 90 |            <tr><td><a href="html/家居医生.html">家居医生</a></td></tr>
 91 |            <tr><td><a href="html/材料列表页.html">材料列表页</a></td></tr>
 92 |            <tr><td><a href="html/材料列表页改.html">材料列表页改</a></td></tr>
 93 |            <tr><td><a href="html/小米登录.html">小米登录</a></td></tr>
 94 |         </table>
 95 |     </div>
 96 |     <div>
 97 |         <h4 class="title2">除了生活还有诗和远方</h4>
 98 |         <img class="img" src="imges/index pic.jpg" alt="">
 99 |         <p class="contiant">人生至少有两次冲动，一次为了奋不顾身的爱情，一次为了说走就走的旅行。终于发现，我所拥有的，竟是如此繁华。一个人，才不会孤单。人生最好的旅行，就是你在一个陌生的地方，发现一种久违的感动。有一种旅行，不为跋涉千里的向往，只为漫无目的的闲逛，不为人 山人海的名胜，只为怡然自乐的街景。</p>
100 |         <h4 class="about">关于旅行:</h4>
101 |         <ul>
102 |             <li>因为有梦，所以勇敢出发，选择出发，便只顾风雨兼程。</li>
103 |             <li>如果你不出去走走，你就会以为这就是世界。</li>
104 |             <li>当你下定决心准备出发时，最困难的时刻就已经过去了。那么，出发吧。</li>
105 |         </ul>
106 |         <dl>
107 |             <dt>尼采说:</dt>
108 |             <dd>对待生命你不妨大胆点，因为它终将离你远去</dd>
109 |         </dl>
110 |         
111 |     </div>
112 | </body>
113 | </html>


--------------------------------------------------------------------------------