-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy path6.html
115 lines (114 loc) · 5.63 KB
/
6.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="css/style-6.css"
</head>
<body>
<div class="body-wrap">
<footer class="footer">
<div class="tag"><p>ife-baidu.com</p></div>
<div class="date">2016.3</div>
</footer>
<div class="title-wrap">
<div class="title-pic">
<figure class="title-fig">
<img src="img/title2.jpg" alt="Title"/>
</figure>
<div class="title-cover" id="left-cover"></div>
<div class="title-cover" id="right-cover"></div>
</div>
<div class="title-box">
<h2><strong>A</strong>BOUT</h2>
<h2><strong>T</strong>ECHNOLOGE</h2>
<p>
about technology about technology about technology
</p>
<h1 id="title-number">700</h1>
<h1 id="title-number2">3.2</h1>
<div class="title-text">
<p id="title-des">CSS</p>
<p id="title-des2">CSSSSCSCSCSCSS</p>
</div>
</div>
</div>
<div class="head-passage-wrap">
<div class="head-passage" id="what">
<h3>What</h3>
<p>Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend</p>
</div>
<div class="head-passage" id="when">
<h3>When</h3>
<p>Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend</p>
</div>
<div class="head-passage" id="how">
<h3>How</h3>
<p>Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend</p>
<br/>
<ul>
<li>What-------- <span>30%</span></li>
<li>What-------- <span>40%</span></li>
<li>What-------- <span>50%</span></li>
</ul>
</div>
</div>
<div class="passage-wrap" style="margin-right: 0px;">
<div class="passage-title">
<h1>
<strong>THE</strong> TECHNOLOGE of FRONT
</h1>
<p>Frontend Tech</p>
</div>
<div class="passage-content">
<figure>
<img src="img/decoration1.jpg" alt="passagepic1"/>
</figure>
<span>F</span>
<p>
rontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend v Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend Frontend
</p>
</div>
</div>
<div class="right-wrap">
<figure class="right-pic">
<img src="img/decoration1.jpg" alt="passagepic2"/>
</figure>
<div class="pic-hint">
<div class="hint-bar"></div>
<span class="hint-title">Front Tech</span> <span class="hint-content">front tech</span>
</div>
<div class="text-wrap">
<p><span class="triangle"></span>frontendfrontendfrontend................<span class="qianduan">frontend</span></p>
<p><span class="triangle"></span>frontendfrontendfrontendfrontend.............<span class="qianduan">frontend</span></p>
<p><span class="triangle"></span>frontendfrontendfrontendfrontend............<span class="qianduan">frontend</span></p>
<div class="decorate-text-wrap">
<p class="decorate-text">
<span class="mark-left">“</span>world hello world hello world hello world hello world hello world hello world hello world<span class="mark-right">”</span>
</p>
</div>
<div class="tick">
<div class="tick-wrap">
<span class="zero">0</span>
<div class="two">
<p class="three">ONE TWO</p>
<p class="three">THREE FOUR FIVE</p>
<p class="hw">hello world hello world hello world</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>