forked from s885219s/2015hackntu
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
437 lines (403 loc) · 18.6 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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Directive by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<link rel="stylesheet" href="assets/css/jquery-ui.css" />
<link rel="stylesheet" href="assets/css/bootstrap.css" rel="stylesheet" />
</head>
<body>
<!--nav-bar-->
<div id="navbar-main" >
<div id="sub_main" class="navbar navbar-fixed-top" >
<div id="nav" class="navbar-collapse collapse container">
<ul>
<li><a href="index.html">首頁</a></li>
<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><a href="#">FAQ</a></li>
<li><a href="#">合作夥伴</a></li>
</ul>
</div>
</div>
</div>
<!-- Header -->
<div id="header">
<div id="apply_button">
<img id="but" class="hvr-bounce-in" src="images/apply_button.png">
</div>
<!-- <span class="logo icon fa-paper-plane-o"></span> -->
<!-- <h1>Hi. This is Directive.</h1>
<p>A responsive HTML5 + CSS3 site template designed by <a href="http://html5up.net">HTML5 UP</a>
<br />
and released for free under the <a href="http://html5up.net/license">Creative Commons license</a>.</p> -->
</div>
<!-- Main -->
<div id="main">
<header class="major container 75%">
<h1>活動介紹</h1>
<!--
<p>Tellus erat mauris ipsum fermentum<br />
etiam vivamus nunc nibh morbi.</p>
-->
</header>
<div class="box alt container">
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/logo.png" alt="" /></div><div class="content">
<h2>主題</h2>
<p>現代城市面臨眾多巨變和挑戰：氣候變遷、人口老化所帶來的衝擊，以及大眾運輸、都市更新引發的問題等。2015HackNTU 與臺北市政府合作，以「智慧城市」為題 ，期望與會者在為期三天的 Hacking中，互相交流、激盪出嶄新的構想，讓這座城市變得更加智慧、友善，走向國際與創新 !<br>現在就加入我們，一起 Hack Into The City！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content1">
<h2>特色</h2>
<p>繼HackNTU五位創辦人2013年，從矽谷引進黑客松活動後，2015HackNTU核心籌備成員也在今年寒假前往矽谷取經。為了更加熟悉矽谷氛圍之外，亦參加了MHacks、SBHacks、TreeHacks、中國武漢大學黑客松Unique Hack Day等等知名校園黑客松，學習國外大規模黑客松的籌辦方式與特色，並加以內化。<br><br>
2015HackNTU希望能從黑客松的發源地，把最Original 也最有 Hacker Spirit 的黑客松帶回國內，除了 Hacking 活動之外將有 Expo 後 Demo的機制，也搭配不同的娛樂休閒活動，目的就是為了提供開發者最舒適工作環境，激發跨領域的合作關係，提供企業、政府與市民開發者們的互利正向循環。一場串聯企業、學界、世界的巨大 Hacking 盛宴，2015HackNTU邀請您一同參與！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/team.png" alt="" /></div><div class="content">
<h2>團隊</h2>
<p>成立於 2013 年，HackNTU 是一個由學生發起的非營利組織，致力於推廣『黑客精神（Hacker Spirit）』，強調探索世界、透過技術解決問題的精神。除了舉行一年一度的黑客松，HackNTU 也籌辦課程講座、技術聚會等活動，凝聚社群、增進交流。<br><br>更多詳情請上HackNTU官方網站：www.hackntu.org</p>
</div>
</section>
</section>
</div>
<header class="major container 75%">
<h1>活動內容</h1>
</header>
<div class="box alt container">
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>獎項</h2><br>
<!-- <h6>除了 Top3 獎項之外，還有 API 獎、人氣獎等豐厚獎品等你來拿！</h6>
--> <p> <h4><b>Top3現金大獎</b></h4>
總獎金新台幣 40 萬元，其中評選第一名的優勝團隊將獨得 20 萬元！<br>
<h4><b>前進矽谷創業中心</b></h4>
Plug&Play API 獎帶你前進美國矽谷！獲獎團隊將能前往 Plug&Play 創業加速育成中心接受為期三個月的新創培訓！<br>
<h4><b>企業招待國外旅遊</b></h4>
Migo 優勝團隊不僅能獲得獎金，還可以受邀至 migo 菲律賓總部參訪，兩天一夜的豐富行程全部免費！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/speaker.png" alt="" /></div><div class="content1">
<h2>技術指導</h2>
<p>準備好接受啟發了嗎？2015HackNTU 請來八位 Make School 講師擔任本次活動的技術指導！<br>
位於美國矽谷的 Make School 是一間致力於以科技改變世界的網路學校，透過結合學校認證機制，提供一流的講師，讓科技人才在未來能獨當一面，成為改變世界的靈魂人物。<br>
千萬別錯過與 Make School 講師們近距離互動的機會！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/registration.png" alt="" /></div><div class="content">
<h2>場地</h2>
<p>臺大綜合體育館B1, 1F, 2F 三層樓，總計近5000坪的空間，並設有245坪的休息區域，寬敞又舒適，還有壁球室、桌球室、游泳池等設施免費開放使用！
<br>為了讓您能夠火力全開、盡情創造，我們還準備了無限量的免費食物與飲料，以及又快又穩的 1 Gbps 雙頻企業級無線網路——綿密覆蓋場地的頻寬，固定制線路低Ping值，讓您Hacking順暢零阻礙。</p>
</div>
</section>
</section>
</div>
<header class="major container 75%">
<h1>活動時程</h1>
<!--
<p>Tellus erat mauris ipsum fermentum<br />
etiam vivamus nunc nibh morbi.</p>
-->
</header>
<center><img class="schedule_photo" src="images/schedule.png" style="padding-bottom:10em;padding-top:5em;"></img></center>
<div class="box alt container">
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/tech.jpg" alt="" /></div><div class="content">
<h2>技術講座</h2>
<!-- <h6>除了 Top3 獎項之外，還有 API 獎、人氣獎等豐厚獎品等你來拿！</h6>
--> <p> 各技術領域的專業講者，將於黑客松活動間開設技術講座，分享技術應用和開發經驗，Google台灣區總經理-簡立峰先生亦於開場致詞！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/special.png" alt="" /></div><div class="content1">
<h2>特別活動</h2>
<p>在 2015HackNTU 黑客松，不只可以專注於開發專案、享受無限供應的食物，我們安排了一系列特別活動和服務，讓你在 Hacking 之外，也能放鬆心情、盡情玩樂！<br><br>
更多最新鮮有趣的體驗都在 2015HackNTU</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/traval.png" alt="" /></div><div class="content">
<h2>會前行程</h2>
<p>想要有更多時間與來自各國的 Hacker 交流嗎？
<br>想要獲得更多 Hacking 靈感嗎？
<br>2015HackNTU 精心設計了會前活動，豐富你的思考、激發更多靈感和創意！
<br><br>現在就報名參加會前活動，豐富你的思考、激發更多靈感和創意！（僅開放通過審核者報名參加，詳情請待官方email通知）</p>
</div>
</section>
</section>
</div>
<header class="major container 75%">
<h1>參加活動</h1>
</header>
<div class = "major box alt container 75%" style="background:#ffffff">
<h3>報名須知</h3>
<p><b>報名方式</b>
<br>採網路個人報名，請上活動通報名頁面填寫資料，表單確認送出後須經過審核，審核通過並完成繳費方可參加
<b>報名流程（國內）</b><br>
Step1：上活動通報名頁面填寫資料申請報名，收到 HackNTU 確認申請信件<br>
Step2：通過審核，收到 HackNTU 認證信件<br>
Step3：於資格審核通過（含核發當日）三日內繳交保證金300元<br>
Step4：收到活動通繳費確認信，完成報名<br>
<br><b>報名資格</b><br>
不限年齡、身分，歡迎所有開發者、設計師，以及其他領域之專才報名！<br>
<br><b>報名費用</b><br>
臺大黑客松秉持非營利組織的精神，整場活動免費參加！<br>
但需酌收三百元保證金以保障活動品質，款項將於 08/21 開幕報到時全額退還。<br>
<br><b>審核標準</b><br>
主要參照報名者的經歷、技術能力、過去開發專案做為評斷標準。<br>
為保障學生與各界好手交流的機會，當相關經歷和技術能力條件相同，審核將以現為學生身份者優先錄取。<br>
<br><b>報名時程</b><br>
國外參加者報名截止：07/14 <br>
第一波錄取名單公布：06/30 <br>
第二波錄取名單公布：07/20 <br>
國內參加者報名截止：07/31 <br>
第三波錄取名單公布：08/04<br> </p>
<h3>相關規章</h3>
<p><b>組隊規則</b>
<br>黑客松進行以至多4人為一組進行，如為單獨報名參加，我們也會在黑客松開始前、 8/21當天安排媒合活動，協助參加者事賽前、活動當天現場組隊。
</p>
<ul class="actions" style="padding-top:30px;">
<li><a href="#" class="button">apply now</a></li>
</ul>
</div>
<header class="major container 75%">
<h1>FAQ</h1>
</header>
<div id="tabs">
<ul>
<li><a href="#tabs-1">報名相關</a></li>
<li><a href="#tabs-2">黑客松相關</a></li>
</ul>
<div id="tabs-1">
<p><b>Q:我已經送出活動通申請表單了，為何還沒收到確認信？</b>
<br>A:報名系統並無自動回信設計，團隊每週定期手動寄發確認信，故表單送出後若沒有馬上收到回音，請耐心等候幾天！<br>
<br><b>Q:審查是採隨到隨審（Rolling Admission）還是統一集中審核？</b>
<br>A:參加資格係按照報名時程分波統一審核，並於錄取名單公布當日統一寄出認證信件。<br>
<br><b>Q:我已經有隊友了，可以採團體報名嗎？</b>
<br>A:非常歡迎組隊參加（最多4 人為一組），但每位隊員都須個別報名、並於報名欄位中註明隊友名單，以便統計人數。</p>
</div>
<div id="tabs-2">
<p><b>Q:我需要自己準備電腦嗎？</b><br>
A:現場提供各種硬體出借，但不包含筆記型電腦，請與會者務必自行攜帶。</p>
</div>
</div>
<header class="major container 75%">
<h1>合作夥伴</h1>
</header>
<div class="box alt container">
<section id="invitation">
<h2>國際夥伴</h2>
<div class="content">
<div class="content-inner">
<div>
<a href="http://www.hackbca.com/" target="_blank">
<img src="images/hackBCA.png">
</a>
<div class="description">Bergen County Academies</div>
</div>
<div>
<a href="http://www.hackshanghai.com/cn/" target="_blank">
<img src="images/hackShanghai.png">
</a>
<div class="description">New York University Shanghai</div>
</div>
<div>
<a href="http://mhacks.org/" target="_blank">
<img src="images/mhacks.png">
</a>
<div class="description">University of Michigan</div>
</div>
<div>
<a href="http://www.ucsbhacks.com/" target="_blank">
<img src="images/sbhacks.png">
</a>
<div class="description">University of California, Santa Barbara</div>
</div>
<div>
<a href="https://www.treehacks.com/" target="_blank">
<img src="images/treehacks.png">
</a>
<div class="description">Stanford University</div>
</div>
<div>
<a href="http://hacks.hustunique.com" target="_blank">
<img src="images/UniqueHackDay.svg">
</a>
<div class="description">Huazhong University of Science and Technology</div>
</div>
<div>
<a href="http://hackthenorth.com/" target="_blank">
<img src="images/hackTheNorth.png">
</a>
<div class="description">University of Waterloo</div>
</div>
<div>
<a href="https://seoul.globalhackathon.io" target="_blank">
<img src="images/globalHackathonSeoul.jpg">
</a>
<div class="description">Global Hackathon Seoul</div>
</div>
<div>
<a href="http://hack.ust.hk" target="_blank">
<img src="images/hackUST.jpg">
</a>
<div class="description">Hong Kong University of Science and Technology</div>
</div>
</div>
</div>
</section>
<section id="support">
<h2>協辦單位</h2>
<div class="content">
<div class="content-inner">
<div>
<img src="images/cep.png">
</div>
<div>
<img src="images/nctu.jpg">
</div>
<div>
<img src="images/nthu.jpg">
</div>
<div>
<img src="images/hackathon_taiwan_circle.png">
</div>
<div>
<img src="images/taiker.png">
</div>
</div>
</div>
</section>
<section id="sponsor">
<h2>贊助單位</h2>
<div class="content">
<div class="content-inner">
<div>
<a href="http://www.tutorabc.com/aspx/mvc" target="_blank">
<img src="images/tutorABC.png">
</a>
</div>
<div>
<a href="https://sudo.com.tw/" target="_blank">
<img src="images/sudo.jpg">
</a>
</div>
</div>
<div class="content-inner">
<div>
<a href="http://tw.cyberlink.com/" target="_blank">
<img src="images/cyberlink.png">
</a>
</div>
<div>
<a href="http://www.plugandplaytechcenter.com/" target="_blank">
<img src="images/plug_and_play.png">
</a>
</div>
<div>
<a href="http://www.job178.com.tw/" target="_blank">
<img src="images/178.png">
</a>
</div>
<div>
<a href="http://fun.gov.taipei/" target="_blank">
<img src="images/taipei_city.png">
</a>
</div>
<div>
<a href="https://migo.tv/intl/" target="_blank">
<img src="images/migo.png">
</a>
</div>
<div>
<a href="http://www.vpon.com/zh-tw/" target="_blank">
<img src="images/vpon.png">
</a>
</div>
<div>
<a href="http://www.accupass.com" target="_blank">
<img src="images/accupass.png">
</a>
</div>
<div>
<a href="http://www.neurosky.com.tw/" target="_blank">
<img src="images/neurosky.png">
</a>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<div id="footer">
<!-- <img src="images/footer.png"> -->
<!-- <div class="container 75%">
<header class="major last">
<h2>Questions or comments?</h2>
</header>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor
orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus.</p>
<form method="post" action="#">
<div class="row">
<div class="6u 12u(mobilep)">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="6u 12u(mobilep)">
<input type="email" name="email" placeholder="Email" />
</div>
</div>
<div class="row">
<div class="12u">
<textarea name="message" placeholder="Message" rows="6"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div> -->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/bootstrap.js"></script>
</body>
</html>