-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (52 loc) · 2.22 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智美口腔</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="clinic-name">智美口腔</div>
<img class="icon" src="messageIcon.jpg" alt="">
</header>
<main>
<div id="slider">
<img src="主页图片1.jpg" alt="主页图片1">
<img src="主页图片2.jpg" alt="主页图片2">
<img src="主页图片3.png" alt="主页图片3">
<img src="主页图片4.jpg" alt="主页图片4">
</div>
<input type="text" class="indexInput" placeholder="请输入搜索内容">
<div class="popularization">
<h2><a href="http://example.com/1">智美历程</a></h2>
<p> <class="description">我们有着丰富的经历————</p>
<h2><a href="http://example.com/2">智美医师</a></h2>
<p> <class="description">这里有专业和负责的智美医师————</p>
<h2><a href="http://example.com/3">智美业务</a></h2>
<p> <class="description">我们广泛开展的业务与合作伙伴————</p>
<h2><a href="http://example.com/4">智美科研</a></h2>
<p> <class="description">我们在诊疗与服务的创新式的发展————</p>
</div>
</main>
<aside class="indexAside">
<h3>热门话题</h3>
<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>
</ul>
</aside>
<footer>
<nav>
<button onclick="goTo('feature')">服务</button>
<button class="active" onclick="goTo('home')">首页</button>
<button onclick="goTo('profile')">我的</button>
</nav>
</footer>
<script src="app.js"></script>
</body>
</html>