-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
61 lines (61 loc) · 2.2 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
<div class="content">
<h1 class="logo"></h1>
<div class="info">
<!-- <p>若有兒少失蹤線索, 請電:</p> -->
<!-- <p class="phone">0800049880</p> -->
<!-- <p>失蹤兒童少年資料管理中心</p> -->
</div>
</div>
</header>
<div id="main_wrapper">
<div id="main">
<div class="banner">
<div class="wave"></div>
<div class="text">
<h2 class="banner-title">失蹤兒少開放資料平台</h2>
<h4 class="banner-slogan">串連協尋，立即行動</h4>
<p class="description">
你我每天身邊有XX個孩子失蹤，僅XX個孩子能夠回到父母身邊。失蹤兒的資訊需要立刻傳播，針對失蹤地區投送，以把握黃金救援時段。<br><br>
您的網站，可以成為我們的喉舌，將失蹤兒童資訊傳遞給正確的人。
</p>
</div>
<div class="video"></div>
</div>
<div id="support_by_cat">
<section class="has-site">
<h5>我擁有網站/部落格</h5>
<h6>我要這樣協助失蹤兒:</h6>
<a href="#">利用網站404頁面</a>
<a href="#">利用部落格側邊欄</a>
</section>
<section class="no-site">
<h5>我沒有自己的網站</h5>
<h6>我要這樣協助失蹤兒:</h6>
<a href="#">轉告擁有網站的朋友</a>
<a href="#">在社交網站上宣傳本平台</a>
</section>
<section class="has-skill">
<h5>我擁有程式技術</h5>
<h6>我要這樣協助失蹤兒:</h6>
<a href="#">利用開放資料撰寫程式</a>
<a href="#">提供建議或回報臭蟲</a>
</section>
</div>
</div>
</div>
<footer>
<div class="content">
404 協尋兒少專案 <span class="copyright">© 2013 ALL RIGHTS RESERVED.</span>
</div>
</footer>
</body>
</html>