-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
134 lines (130 loc) · 6.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task06</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<!--头部-->
<header>
<div id="logo"><a href="http://ife.baidu.com">ife.baidu.com</a></div>
<div id="date">
<sapn>2016.03</sapn>
</div>
</header>
<!--中间部分-->
<article class="clearfix">
<section>
<div class="slow_photo">
<img src="img/banner.jpg">
<div class="lt-shade"></div>
<div class="rt-shade"></div>
</div>
<div class="wrap-3w">
<div class="item item1">
<h4>What</h4>
<p>张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花
</p>
</div>
<div class="item item2">
<h4>When</h4>
<p>张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花
</p>
</div>
<div class="item item3">
<h4>How</h4>
<p>张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
张小花张小花张小花张小花张小花
</p>
</div>
</div>
</section>
<aside>
<p class="about">ABOUT</p>
<p class="te">TECHNOLOGE</p>
<p class="loge">about about about about about about about about about about</p>
<p class="num">700</p>
<div class="css-wrap">
<div class="css-num">
<span>3.2</span>
</div>
<div class="css-wd">
<p>CSS</p>
<p>CSSCSSCSSCSS</p>
</div>
</div>
</aside>
</article>
<!--最后的两列布局-->
<div class="btm-wrap clearfix">
<div class="btm-lt">
<p class="lt-title"><span>THE</span> TECHNOLOGE OF FRONT</p>
<h4>前端技术领域</h4>
<p class="lt-cont">
张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花<img
src="img/timg.jpg">张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花张小花
</div>
<div class="btm-rt">
<div class="rt-img">
<img src="img/banner.jpg">
<div class="img-shade">
<p><span>前端技术</span>前端技术前端技术</p>
</div>
</div>
<div class="rt-ord">
<div class="ord-wrap">
<ul>
<li>
<span></span>前端前端 ………………………………………………
<i class="aut">啦啦</i>
</li>
<li>
<span></span>前端前端 ………………………………………………
<i class="aut">啦啦</i>
</li>
<li>
<span></span>前端前端 ………………………………………………
<i class="aut">啦啦</i>
</li>
</ul>
</div>
<div class="rt-btm clearfix">
<div class="rt-btm-left">
<div class="btm-left-num">0</div>
<div class="btm-left-wd">
<p class="th">ONE TWO</p>
<p class="th">THREE FORE FIVE</p>
<p class="th1">hello hello hello
hello hello hello</p>
</div>
</div>
<div class="rt-btm-right">
<p>
<span>“</span>hello world hello world hello world hello world hello world hello world hello
world hello world hello world hello world <span>”</span>
</p>
</div>
</div>
</div>
</div>
</div>
<!--底部-->
<footer class="clearfix">
<div id="footer">ife.baidu.com</div>
</footer>
</div>
</body>
</html>