-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
executable file
·309 lines (280 loc) · 14 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" xmlns:og='http://ogp.me/ns#'> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="2018 年淡江大學黑客松官方網站，30小時不斷電coding比賽，獎金最高兩萬元，等你來挑戰！">
<title>HackTKU 2018 | 淡江大學黑客松官方網站 </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="2018, hack, hacktku, tku" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="HackTKU 2018 | 淡江大學黑客松官方網站"/>
<meta property='article:author' content='https://www.facebook.com/tkuico/'/>
<meta property="og:type" content="website" />
<meta property="og:image" content="http://hacktku.org/2018/images/HACK_LOGO.png"/>
<meta property="og:image:height" content="500" />
<meta property="og:url" content="http://hacktku.org/2018/"/>
<meta property="og:site_name" content="HackTKU 2018 | 淡江大學黑客松官方網站"/>
<meta property="og:description" content="2018 年淡江大學黑客松官方網站，30小時不斷電coding比賽，獎金最高兩萬元，等你來挑戰！"/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="css/simple-line-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Style -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/lightbox.min.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header role="banner" id="fh5co-header">
<div class="fluid-container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html"><span>HackTKU</span> 2018</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#" data-nav-section="home"><span>首頁</span></a></li>
<li><a href="#" data-nav-section="explore"><span>簡介</span></a></li>
<li><a href="#" data-nav-section="#"><span>時間表</span></a></li>
<li><a href="#" data-nav-section="services"><span>場地資訊</span></a></li>
<li><a href="#" data-nav-section="trusted"><span>合作夥伴</span></a></li>
<li class="call-to-action"><a class="external" href="https://goo.gl/forms/EG8XrxF1XZMw821u1" target="_blank">我要報名</a></li>
</ul>
</div>
</nav>
</div>
</header>
<script src="js/lightbox-plus-jquery.min.js"></script>
<section id="fh5co-home" data-section="home" style="background-image: url(images/background.png); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: 900px;">
</section>
<section id="fh5co-explore" data-section="explore">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate" style="color:#FFFFFF;">簡介</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Introduction</h3>
</div>
</div>
</div>
</div>
</div>
<div class="fh5co-explore">
<div class="container">
<div class="row">
<div class="col-md-6 to-animate-2">
<div class="mt">
<h3 style="color:#A7DDF2;"><i class="icon-code" style="color:#50c5f8;"></i> 活動宗旨</h3>
<p style="color:#FFFFFF;"><strong style="color:#FFE861;">黑客松（Hackathon）</strong><br />是由 Hack 和 Marathon 組合起來的字，也就是一群人聚在一起，長時間絞盡腦汁做出最好成品的活動，提供了無限量食物及兩天一夜的 Coding 時間，不限程式語言，歡迎你來奪得高額獎金！</p>
<p style="color:#FFFFFF;"><strong style="color:#FFE861;">HackTKU</strong><br />淡江黑客松將鼓勵參賽者，發覺生活上所遇到的需求，秉持著「Make the world a better place！讓世界變得更好！」的理念，使科技可以協助人們，創造一個更美好的世界！</p>
</div>
</div>
<div class="col-md-6 to-animate-2">
<!--
<img class="img-responsive" src="images/work_1.png" alt="work">
-->
<div class="mt">
<h3 style="color:#A7DDF2;"><i class="icon-info" style="color:#50c5f8;"></i> 活動資訊</h3>
<ul style="color:#FFFFFF;">
<li>時間：：2018.3.31 - 2018.4.1</li>
<li>地點：淡江大學學生活動中心</li>
<li>主題：讓科技不再冷漠</li>
<li>人數：每組2-5人</li>
<li>參賽資格：各大專院校學生</li>
<li>報名費：100 元/人 ＋ 保證金 800 元/隊</li>
<li>總獎金：35000 元</li>
</ul>
</div>
</div>
<div class="col-md-12 to-animate-2">
<!--
<img class="img-responsive" src="images/work_1.png" alt="work">
-->
<div class="mt">
<h3 style="color:#A7DDF2;"><i class="icon-star" style="color:#50c5f8;"></i> 活動主題</h3>
<p><strong style="color:#FFE861;">第五屆 HackTKU 主題 - 讓科技不再冷漠</strong></p>
<p style="color:#FFFFFF;">在這個資訊爆炸的時代，網路社群早已成為大部分人大部分人生活的一部份。獨自一人時可以隨時隨地透過網路與朋友們聊天，但往往在我們與朋友見面時，會不自覺地拿起手機使用，呈現「 科技冷漠 」的現象！</p>
<p style="color:#FFFFFF;">要如何讓科技成為人與人之間溫暖的橋樑呢？『 讓科技不再冷漠 』以此想法為出發點，期望與各位開發者們一起集思廣益，以「 促進人們交流的社群媒體 」為主軸進行開發，讓人們不再因科技而冷漠</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-#" data-section="#">
<div class="fh5co-#">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate" style="color:#FFFFFF;">時間表</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext">
<h3 class="to-animate">Schedule</h3>
</div>
</div>
</div>
</div>
<div class="row" style="text-align:center;">
<!--
<div class="#">
-->
<div class="col-md-3 col-md-push-1 to-animate-2">
<img src="./images/DAY1.png" style="width:400px"/>
</div>
<div class="col-md-3 col-md-push-3 to-animate-2">
<img src="./images/DAY2.png" style="width:400px"/>
</div>
<!--
</div>
-->
</div>
</div>
</div>
</section>
<section id="fh5co-services" data-section="services">
<div class="fh5co-services">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate" style="color:#FFFFFF;">場地資訊</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext">
<h3 class="to-animate">Venue Information</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-services">
<i class="icon-map-pin to-animate-2"></i>
<div class="fh5co-post to-animate">
<h3 style="color:#A7DDF2;">校園周邊地圖</h3>
<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="250" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-services">
<i class="icon-map-signs to-animate-2"></i>
<div class="fh5co-post to-animate">
<h3 style="color:#A7DDF2;">校內地圖</h3>
<p style="color:#FFFFFF;">活動地點：淡江大學學生活動中心</p>
<a href="images/camp_map.png" data-lightbox="image-1" data-title="淡江大學校內地圖"><img src="images/camp_map.png" width=250 alt=""/></a>
<br>
<span>點擊圖片可放大</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-services">
<i class="icon-train to-animate-2"></i>
<div class="fh5co-post to-animate">
<h3 style="color:#A7DDF2;">交通方式</h3>
<p style="color:#FFFFFF;"><strong style="color:#FFE861;">捷運</strong><br>搭乘淡水信義線（2 號線）至淡水站。</br></p>
<p style="color:#FFFFFF;"><strong style="color:#FFE861;">公車</strong><br>在捷運淡水站搭乘紅 27、紅 28，<br/>至終點站淡江大學下車。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-trusted" data-section="trusted">
<div class="fh5co-trusted">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate" style="color:#FFFFFF;">合作夥伴</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext">
<h3 class="to-animate">Cooperation</h3>
</div>
</div>
</div>
</div>
<div class="row">
<p class="to-animate text-center"><strong style="color:#D19D42;">主辦單位</strong></p>
<div class="col-md-3 col-sm-3 col-xs-6 col-sm-offset-0 col-md-offset-4">
<div class="partner-logo to-animate-2">
<a href="http://www.im.tku.edu.tw/" target="_blank"><img src="images/tkuim-logo-web-big.png" alt="Partners" class="img-responsive"></a>
</div>
</div>
</div>
<div class="row">
<p class="to-animate text-center"><strong style="color:#DDDD87;">協辦單位</strong></p>
<div class="col-md-3 col-sm-3 col-xs-6 col-sm-offset-0 col-md-offset-4">
<div class="partner-logo to-animate-2">
<a href="http://datarget.com.tw/" target="_blank"><img src="images/ComLogoV3.png" alt="Partners" class="img-responsive"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-md-6 to-animate">
<h3 class="section-title" style="color:#4078A0;">About Us</h3>
<p style="color: #494949;">2014 年，我們以 Hackthon 活動的概念為出發點舉辦了第一屆淡江黑客松，旨在提供淡江的同學們在學期間有機會可以藉由實作經驗來實踐課堂上的理論及知識，並透過組隊方式讓同學了解團隊合作之重要性。隨著淡江黑客松的籌備、舉辦越漸成熟與穩健，參賽對象也不僅限於淡江的同學，來自各方的高手共襄盛舉，讓淡江黑客松這場盛會的技術交流，越來越精彩與值得期待。</p>
<p style="color: #494949;">2018 年第五屆 HackTKU，傳承舉辦淡江黑客松的初心，期待同學能以「 技術交流、團隊合作 」的精神，在活動過程中成長，不只能讓同學在競賽中與實務接軌，也藉由同學無窮的想像力，為世界帶來不一樣的驚奇！</p>
<p style="color: #494949;" class="copy-right">© 2018 淡江大學資訊顧問室 </p>
</div>
<div class="col-md-6 to-animate">
<h3 class="section-title" style="color:#4078A0;">Contact Us</h3>
<ul class="contact-info" style="color: #494949;">
<li><i class="icon-map-marker"></i>251 新北市淡水區英專路 151 號（B910 室）</li>
<li><i class="icon-phone"></i></li>
<li><i class="icon-globe2"></i><a href="http://hacktku.org/2018/">http://hacktku.org/2018/</a></li>
<li><i class="icon-mail2"></i><a href="mailto:hacktku@googlegroups.com">hacktku@googlegroups.com</a></li>
<li><i class="icon-facebook"></i><a href="https://www.facebook.com/hacktku/" target="_blank">HackTKU</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>
<script src="js/google_map.js"></script>
<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>
</body>
</html>