-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
215 lines (200 loc) · 7.39 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="2016年淡江大學黑客松官方網站，30小時不斷電coding比賽，獎金最高兩萬元，等你來挑戰！">
<title>HackTKU | 淡江大學黑客松官方網站</title>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">淡江大學黑客松</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a class="page-scroll" href="#intro">簡介</a></li>
<li><a class="page-scroll" href="#schedule">時間表</a></li>
<li><a class="page-scroll" href="#location">場地資訊</a></li>
<li><a class="page-scroll" href="#partner">合作夥伴</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://tkuico.kktix.cc/events/hacktku2016" target="_blank">馬上報名</a></li>
<li><a href="https://www.facebook.com/hacktku" target="_blank">臉書粉專</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="jumbotron">
<div class="container">
<img class="logo" src="logo/logo.png"><br/>
<p><a class="btn btn-primary btn-lg" href="http://tkuico.kktix.cc/events/hacktku2016" target="_blank" role="button">馬上報名</a></p>
</div>
</div>
<section id="intro">
<div class="content1">
<h1 class="title1">簡介</h1>
<h2 class="title2">比賽宗旨</h2>
<p>蘋果公司創辦人史帝夫．賈伯斯曾說：「我喜歡站在科技與人文的交會口。」為了促使全國大專院校學生能夠活動所學，製作出兼具功能性、實用性與user-friendly的應用。HackTKU - 淡江大學黑客松將鼓勵參賽者抱持創新創業精神，秉持「解決現有需求，創造新的需求」之理念，結合科技產業當今最流行的大數據（Big Data）、雲端運算（Cloud Computing）等技術領域，結合生活與科技進行相關應用。</p>
<h2 class="title2">Hack + Marathon</h2>
<p>黑客松（Hackathon）是 Hack 和 Marathon 組合起來的字，也就是一群人聚在一起，長時間絞盡腦汁做出最好成品的活動。淡江大學黑客松提供了無限量食物及 30 小時的 Coding 時間，不限程式語言，歡迎你來奪得高額獎金！</p>
</div>
</section>
<section id="schedule">
<div class="content2">
<h1 class="title1">時間表</h1>
<h2 class="title2">報名日期</h2>
<p>即日起自3月23日止，<a target="_blank" href="http://tkuico.kktix.cc/events/hacktku2016">報名網頁</a>。</p>
<h2 class="title2">比賽時程</h2>
<div class="row">
<div class="col-md-6">
<table class="table">
<tr>
<th class="date">4/2</th>
<th>Sat</th>
</tr>
<tr>
<td>08:00</td>
<td>報到</td>
</tr>
<tr>
<td>08:30</td>
<td>開幕典禮</td>
</tr>
<tr>
<td>09:00</td>
<td>Coding</td>
</tr>
<tr>
<td>12:00</td>
<td>午餐時間</td>
</tr>
<tr>
<td>13:00</td>
<td>Coding</td>
</tr>
<tr>
<td>18:00</td>
<td>晚餐時間</td>
</tr>
<tr>
<td>23:00</td>
<td>宵夜時間</td>
</tr>
</table>
</div>
<div class="col-md-6">
<table class="table">
<tr>
<th class="date">4/3</th>
<th>Sun</th>
</tr>
<tr>
<td>07:00</td>
<td>早餐時間</td>
</tr>
<tr>
<td>12:00</td>
<td>午餐時間</td>
</tr>
<tr>
<td>13:00</td>
<td>Coding</td>
</tr>
<tr>
<td>15:00</td>
<td>開發者交流</td>
</tr>
<tr>
<td>15:15</td>
<td>成果展示</td>
</tr>
<tr>
<td>17:15</td>
<td>開發者交流</td>
</tr>
<tr>
<td>17:30</td>
<td>頒獎</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<section id="location">
<div class="content2">
<h1 class="title1">場地資訊</h1>
<div class="row">
<div class="col-md-6">
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3610.836612616065!2d121.44915501918258!3d25.174994188847663!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442aff8c1544bdb%3A0x1dcf4f494b3362b!2z5reh5rGf5aSn5a24!5e0!3m2!1szh-TW!2sus!4v1456281574268" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="col-md-6">
<h2 class="title2">淡江大學學生活動中心</h2>
<p class="addr">新北市淡水區英專路 151 號</p>
<div class="content3">
<p><i class="fa fa-subway"></i> <strong>捷運</strong><br>搭乘淡水信義線（2 號線）至淡水站。</br></p>
<p><i class="fa fa-bus"></i> <strong>公車</strong><br>在捷運淡水站搭乘紅 27、紅 28，<br/>至終點站淡江大學下車。</p>
</div>
</div>
</div>
</div>
</section>
<section id="partner">
<div class="content4">
<h1 class="title1">合作夥伴</h1>
<h2 class="title2">主辦單位</h2>
<div class="row">
<div class="col-md-12">
<a href="http://www.im.tku.edu.tw/" target="_blank"><img class="logo-partner" src="sponsor/tkuim.png"></a>
</div>
</div>
</div>
<div class="content1">
<h2 class="title2">贊助單位</h2>
<div class="row">
<div class="col-md-6">
<a href="https://www.microsoft.com/zh-tw/" target="_blank"><img class="logo-partner" src="sponsor/microsoft.png"></a>
</div>
<div class="col-md-6">
<a href="http://www.cpic.tku.edu.tw/" target="_blank"><img class="logo-partner" src="sponsor/tkucpic.png"></a>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p class="text-muted" style="text-align: center; font-size: 100%">© 2016 淡江大學資訊顧問室</p>
</div>
</footer>
<!-- Page-Scroll -->
<script>
$(function () {
$('a.page-scroll').click(function() {
var target = $(this.hash);
$('html,body').animate({
scrollTop: target.offset().top
}, 500);
return false;
});});
</script>
</body>
</html>