-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
363 lines (336 loc) · 13 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script src="jquery.js"></script>
<script src="js/common.js"></script>
<title>首页</title>
</head>
<body>
<!--导航-->
<div>
<!--大尺寸的导航-->
<div class="nav_big">
<!--logo-->
<div class="img_nav_big_logo">
<img class="big_nav_log_home" width="350" height="69" src="images/index/logo.png">
<img class="big_nav_log_no_other" width="286" height="57" src="images/index/logo2.png">
</div>
<div class="nav_big_menu">
<ul class="nav">
<li class="nav_home">
<p id="nav_btn_home">首页</p>
</li>
<li><p id="nav_btn_brand">美域高品牌</p>
<dl>
<dt><a href="">品牌诠释</a></dt>
<dt><a href="">专家团队</a></dt>
<dt><a href="">360环境</a></dt>
</dl>
</li>
<li>
<p id="nav_btn_aes">医美整形</p>
<dl>
<dt><a href="">丰胸</a></dt>
<dt><a href="slist.html">颌面</a></dt>
<dt><a href="">眼部</a></dt>
<dt><a href="">鼻部</a></dt>
<dt><a href="">吸脂</a></dt>
<dt><a href="">拉皮</a></dt>
<dt><a href="">秘密</a></dt>
<dt><a href="">其他</a></dt>
</dl>
</li>
<li><p id="nav_btn_face">面部微创</p>
<dl>
<dt><a href="">年轻化</a></dt>
<dt><a href="">胶原蛋白</a></dt>
<dt><a href="">肉毒素</a></dt>
<dt><a href="">玻尿酸</a></dt>
<dt><a href="">PRPⅢ</a></dt>
<dt><a href="">溶脂针</a></dt>
</dl>
</li>
<li><p id="nav_btn_instrument">仪器美容</p>
<dl>
<dt><a href="">祛斑</a></dt>
<dt><a href="">脱毛</a></dt>
<dt><a href="">紧肤</a></dt>
<dt><a href="">嫩肤</a></dt>
<dt><a href="">痤疮</a></dt>
<dt><a href="">美白</a></dt>
<dt><a href="">祛疤</a></dt>
</dl>
</li>
<li><p id="nav_btn_health">健康管理</p>
<dl>
<dt><a href="">干细胞</a></dt>
<dt><a href="">疫苗</a></dt>
<dt><a href="">体检</a></dt>
</dl>
</li>
<li><p id="nav_btn_journal">美丽蜕变</p>
<dl>
<dt><a href="article.html">美丽分享</a></dt>
<dt><a href="">整容日记</a></dt>
</dl>
</li>
<li><p id="nav_btn_contract">联系我们</p>
<dl>
<a href="">地图</a>
</dl>
</li>
<li class="tel"><p>Tel: 0756-2286900</p></li>
</ul>
</div>
</div>
<div class="gap_between_nav">
<img src="./images/index/logo.png">
</div>
<!--小尺寸的导航-->
<div class="nav_small">
<!--log-->
<div class="nav_small_logo">
<img width="286" height="57" src="images/index/logo2.png">
</div>
<!--折叠按钮-->
<div class="nav_small_btn">
<img width="73" height="56" src="images/index/navsub.png">
</div>
<div class="nav_small_menu_hold_parent">
<!--导航菜单-->
<div class="nav_small_menu_hold">
<dl class="menu_list">
<dd class="nav_home">
<p id="nav_btn_home">首页</p>
</dd>
<dd><p id="nav_btn_brand">美域高品牌</p>
<dl>
<dt><a href="">品牌诠释</a></dt>
<dt><a href="">专家团队</a></dt>
<dt><a href="">360环境</a></dt>
</dl>
</dd>
<dd>
<p id="nav_btn_aes">医美整形</p>
<dl>
<dt><a href="">丰胸</a></dt>
<dt><a href="">颌面</a></dt>
<dt><a href="">眼部</a></dt>
<dt><a href="">鼻部</a></dt>
<dt><a href="">吸脂</a></dt>
<dt><a href="">拉皮</a></dt>
<dt><a href="">秘密</a></dt>
<dt><a href="">其他</a></dt>
</dl>
</dd>
<dd><p id="nav_btn_face">面部微创</p>
<dl>
<dt><a href="">年轻化</a></dt>
<dt><a href="">胶原蛋白</a></dt>
<dt><a href="">肉毒素</a></dt>
<dt><a href="">玻尿酸</a></dt>
<dt><a href="">PRPⅢ</a></dt>
<dt><a href="">溶脂针</a></dt>
</dl>
</dd>
<dd><p id="nav_btn_instrument">仪器美容</p>
<dl>
<dt><a href="">祛斑</a></dt>
<dt><a href="">脱毛</a></dt>
<dt><a href="">紧肤</a></dt>
<dt><a href="">嫩肤</a></dt>
<dt><a href="">痤疮</a></dt>
<dt><a href="">美白</a></dt>
<dt><a href="">祛疤</a></dt>
</dl>
</dd>
<dd><p id="nav_btn_health">健康管理</p>
<dl>
<dt><a href="">干细胞</a></dt>
<dt><a href="">疫苗</a></dt>
<dt><a href="">体检</a></dt>
</dl>
</dd>
<dd><p id="nav_btn_journal">美丽蜕变</p>
<dl>
<dt><a href="">美丽分享</a></dt>
<dt><a href="">整容日记</a></dt>
</dl>
</dd>
<dd><p id="nav_btn_contract">联系我们</p>
<dl>
<dt><a href="">地图</a></dt>
</dl>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="img_banner_bg_hold">
<img src="images/index/banner_bg.png">
</div>
<!--整形美容-->
<div class="row row_split row_aesthetic">
<!--图片-->
<div class="col-7 area_aesthetic">
<div class="img_hold img_hold_aesthetic">
<img src="images/index/aesthetic.png">
</div>
</div>
<!--字体-->
<div class="col-5 area_aesthetic">
<div class="font_aesthetic font_margin_left font_margin_top">
<hr class="line">
<h1 class="font_h1">医学整形</h1>
<h2 class="font_h2">AESTHTIC <br>PLASTIC SURGRY</h2>
<hr class="line">
<p class="font_p">丰胸 BREAST | 拉皮 PULL THE SKIN | 鼻部 NOSE<br>
眼部 EYE | 吸脂 LIPOSUCTION | 私密 PRIVATES<br>
颌面 MAXILLOFACIAL | 其他 OTHER<br>
</p>
<div class="btn_about">了解更多<span class="more_gt">></span></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<!--面部微创-->
<div class="row row_facial row_split">
<!--图片-->
<div class="col-7">
<div class="img_hold img_hold_facial">
<img src="images/index/facial.png">
</div>
</div>
<!--字体-->
<div class="col-5 font_facial_hold ">
<div class="font_facial font_margin_left font_margin_top">
<h1 class="font_h1">面部微创</h1>
<h2 class="font_h2">FACIAL MINIMALLY INVASIVE</h2>
<p class="font_p">年轻化 BE YOUNGER | 胶原蛋白 COLLAGEN PROTEIN<br>
肉毒素 BOTULINUM TOXIN | 玻尿酸 HA | PRPⅢ <br>
溶脂针 FAT DISSOLVING NEEDLE<br>
</p>
</div>
<div class="btn_about font_margin_left">了解更多<span class="more_gt">></span></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<!--仪器美容-->
<div class="row row_split">
<!--图片-->
<div class="col-7">
<div class="img_hold img_hold_instrument">
<img width="796" height="488" src="images/index/instrument.png">
</div>
<div class="clearfix"></div>
</div>
<!--字体-->
<div class="col-5">
<div class="font_instrument font_margin_left font_margin_top">
<hr class="line">
<h1 class="font_h1">仪器美容</h1>
<h2 class="font_h2">INSTRUMENT<br>COSMETOLOGY</h2>
<hr class="line">
<p class="font_p">祛斑 FRECKLE REMOVING | 脱毛 HAIR REMOVAL<br>
嫩肤 SKIN REJUVENATION | 紧肤 FIRMING <br>
痤疮 ACNE | 美白 SKIN WHITENING | 祛疤 SCAR<br>
</p>
<div class="btn_about">了解更多<span class="more_gt">></span></div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!--健康管理-->
<div class="row row_health row_split">
<!--图片-->
<div class="col-6" style="float: right">
<div class="img_hold img_hold_health">
<img width="719" height="490" src="images/index/health.png">
</div>
</div>
<!--字体-->
<div class="col-6 font_health_hold foot_margin_right" ;>
<div class="font_health font_margin_left font_margin_top">
<hr class="line">
<h1 class="font_h1">健康管理</h1>
<h2 class="font_h2">HEALTH<br>MANAGEMENT</h2>
<hr class="line">
<p class="font_p">干细胞 STEM CELLS | 疫苗 VACCINE<br>
体检 PHYSICAL EXAMINATION<br>
</p>
<div class="btn_about">了解更多<span class="more_gt">></span></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!--联系我们-->
<div class="row row_split contract_us_box">
<!--联系我们字体-->
<div class="col-4">
<div class="font_margin_left font_margin_top contract_us_box">
<h1 class="font_h1 contract_us ">
联系我们
</h1>
</div>
</div>
<!--图片-->
<div class="col-3">
<div class="font_margin_left">
<p class="font_h2">
MYG LOCATION
</p>
</div>
<div>
<img src="images/index/office.png">
</div>
<div class="font_margin_left foot_margin_right font_margin_top">
<h2 class="company_name">香港美域高集团</h2>
<p class="font_p5">
香港美域高集团控股有限公司立足于香港服务全球爱美及健康管理人士，集整形外科、美容外科、
注射微整科、激光美容、美容美体、内外医疗专科、干细胞治疗等综合一站式服务为主体，
为全球众多客户提供最前沿的医美仪器和全方位的科学抗衰老解决方案。
</p>
</div>
</div>
<!--地图-->
<div class="col-5">
<div class="img_map">
<img src="images/index/map.png">
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row_split"></div>
<!--二维码和联系地址-->
<div class="row_footer">
<div class="col-12">
<div class="img_footer_log">
<img src="images/index/footer_log.png">
</div>
<div class="img_footer_ecode">
<img src="images/index/footer_ecode.png">
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<!--联系地址-->
<div class="footer_addr">
<p>深圳福华一路中心城广场R21090商铺一层 咨询电话：0755-2286900 / 18923367500</p>
<p>Copyright © 2010-2017 粤ICP备15025829号-1 技术支持：生活易科技</p>
</div>
</div>
<script>
$(document).ready(function () {
initPage();
});
</script>
</body>
</html>