-
Notifications
You must be signed in to change notification settings - Fork 0
/
task1_7_1.html
142 lines (129 loc) · 4.32 KB
/
task1_7_1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>task1_7_1</title>
<link href="./css/task1_7_1.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="logo">
<p>新世界</p>
</div>
<div class="nav_bar">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">最新活动</a></li>
<li><a href="#">项目介绍</a></li>
<li><a href="#">爱心社区</a></li>
<li><a href="#">关于我们</a></li>
<li><img width="14px" height="15px" src="./image/task7/login.png"/><a href="#" id="login">登录</a></li>
</ul>
</div>
</header>
<div class="container_main">
<div class="top_view">
<div class="top_view_mask">
<h2>Time of new life</h2>
<p>新时代，年轻的人们让我一起体验新生活，享受新生活</p>
<a href="#" class="top_view_btn"><span>开始体验</span></a>
</div>
</div>
<div class="guideline">
<div class="guide">
<img class="guide_icon" src="./image/task7/icon5.png"/>
<p>打造全新世界观，让你更</p>
<p>爱你的生活</p>
</div>
<div class="guide_border"></div>
<div class="guide">
<img class="guide_icon" src="./image/task7/icon4.png"/>
<p>丰富多彩的公益活动，发</p>
<p>挥新世界的主人公意识</p>
</div>
<div class="guide_border"></div>
<div class="guide">
<img class="guide_icon" src="./image/task7/icon3.png"/>
<p>时尚的新理念，超前体验</p>
<p>未知的生活</p>
</div>
<div class="guide_border"></div>
<div class="guide">
<img class="guide_icon" src="./image/task7/icon2.png"/>
<p>完善的培养机制，培养你</p>
<p>全新的世界观</p>
</div>
</div>
<div class="faq">
<img class="faq_icon" src="./image/task7/icon1.png"/>
<p>关于新世界你不知道的还有什么？</p>
</div>
<div class="search_bar">
<div class="search_bar_cover">
<h3>查找新世界城市活动信息</h3>
<div class="search_bar_slash"></div>
<p>每个城市的有不同的活动信息，请自主查询您所需要了解的城市</p>
<div class="search_bar_list">
<ul>
<li>
<select>
<option>中国</option>
<option>美帝</option>
</select>
</li>
<li>
<select>
<option>北京市</option>
<option>天津市</option>
<option>河北省</option>
<option>陕西省</option>
<option>内蒙古自治区</option>
<option>辽宁省</option>
</select>
</li>
<li>
<select>
<option>北京</option>
<option>天津</option>
</select>
</li>
<li><a href="#"><span>搜索</span></a></li>
</ul>
</div>
</div>
</div>
<div class="show_slot">
<div class="pic_container">
<div class="pic_frame">
<img src="./image/task7/pic-1.jpg"/>
<h4>北京活动</h4>
<p>新社区大联盟</p>
</div>
<div class="pic_frame">
<h3>上海活动</h3>
<p>夜上海新景观探索</p>
<img src="./image/task7/pic-2.jpg"/>
</div>
<div class="pic_frame">
<img src="./image/task7/pic-3.jpg"/>
<h4>深圳活动</h4>
<p>全新海岸线观点站</p>
</div>
<div class="pic_frame">
<img src="./image/task7/pic-4.jpg"/>
<h4>香港活动</h4>
<p>奢侈消费大派送</p>
</div>
</div>
</div>
<div class="show_slot">
</div>
<div class="show_slot">
</div>
<div class="join_us">
</div>
</div>
<footer></footer>
</body>
</html>