-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
263 lines (257 loc) · 12.8 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
<!doctype html>
<html>
<head>
<!-- Metas -->
<meta charset="utf-8">
<title>元智大學2016三資迎新 - 霍格華資</title>
<meta name="description" content="元智大學 2016 三資迎新 - 霍格華資。報名截止日：8/18，繳費截止日：8/20，活動時間： 8/22 - 8/26。歡迎資傳、資工、資管的大一新生加入唷！">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
<meta name="author" content="Oschangkai, Zi-Shane">
<meta name="keywords" content="元智大學, 元智, 三資迎新, yzu2016camp, 霍格華資, 2016, 三資, 資工, 資管, 資傳" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="static/assets/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="static/assets/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="static/assets/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="static/assets/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="static/assets/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="static/assets/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="static/assets/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="static/assets/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="static/assets/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="static/assets/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="static/assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="static/assets/favicon/manifest.json">
<meta name="theme-color" content="rgba(0,28,49,1)">
<meta name="msapplication-TileImage" content="static/assets/favicon/ms-icon-144x144.png">
<!-- CSSs -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2/semantic.min.css'>
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/notosanstc.css">
<link rel="stylesheet" href="static/assets/css/indexStyle.css">
<link rel="stylesheet" href="static/assets/css/desktop.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2/semantic.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80552556-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PSXGW4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PSXGW4');</script>
<snav class="ui top vertical sidebar labeled icon menu overlay" style="z-index: 999">
<a class="ui item" href="portal/register">報名頁面</a>
<a class="ui item" href="portal/query">繳費登記與查詢</a>
</snav>
<div class="pusher">
<!-- Navbar -->
<nav class="act1">
<div class="ui secondary menu huge container">
<a class="item" data-scroll-nav="1"><img src="static/assets/img/staff-addWhite-square.png" style="height: 40px; weight: 40px; margin: 0; padding: 0;"></a>
<a class="item mobile" style="margin-left: -1rem;">2016 三資迎新 - 霍格華資</a>
<a class="item desktop" data-scroll-nav="2">關於三資迎新</a>
<a class="item desktop" data-scroll-nav="3">注意事項</a>
<a class="ui item desktop" data-scroll-nav="4">報名資訊</a>
<div class="right menu">
<a class="ui item desktop" href="portal/register">立即報名(報名頁面)</a>
<a class="ui item desktop" href="portal/query">繳費登記與查詢</a>
<a class="ui item mobile" style="margin-left: -1rem;" onclick="$('.ui.labeled.icon.sidebar').sidebar('toggle');">
<i class="content icon large"></i></a>
</div>
</div>
</nav>
<section class="section1" data-scroll-index="1">
<content class="section1-content">
<div style="float: left; height: 35%">
<img src="static/assets/img/banner-chenText.png" class="img-text desktop">
<img src="static/assets/img/banner-chText.png" class="img-text mobile">
</div>
<!-- countDown -->
<div class="ui statistics small" id="countdownDIV" style="float: right; height: 35%">
<div id="countdownMsg" style="text-align:center; line-height:61px;">2016 三資迎新倒數計時器</div>
<div class="statistic">
<div class="value" id="countdownD">0</div>
<div class="label">天</div>
</div>
<div class="statistic">
<div class="value" id="countdownH">0</div>
<div class="label">時</div>
</div>
<div class="statistic">
<div class="value" id="countdownM">0</div>
<div class="label">分</div>
</div>
<div class="statistic">
<div class="value" id="countdownS">0</div>
<div class="label">秒</div>
</div>
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/d-RyBng_8_I" frameborder="0" allowfullscreen></iframe>
</content>
<img src="static/assets/img/castel.png" class="img-logo desktop">
</section>
<section class="dropdownContainer">
<button class="dropdownBtn" data-scroll-goto="2" href="#">
<i class="big angle down icon" style="margin: 0;"></i>
</button>
</section>
<section class="cardSection1">
<content class="cardContent container" data-scroll-index="2">
<h1>關於三資迎新</h1><hr>
<p>
三資迎新是元智大學資訊學院（資工、資傳、資管）系學會於暑假主辦的聯合營隊<br />
不僅有學術課程，也有團隊競賽<br />
藉由活動，帶領資訊學院的新生們提早熟悉大學生活，對元智有初步認識<br />
最重要的是<br />
能在活動中交到許多他系的好友唷！<br />
</p>
<p>
高中三年過去了，即將邁入全新的里程碑：大學<br />
在這全新的里程碑中，有許多不同於國高中的地方<br />
想不想為你大學四年立下一個無與倫比的起點呢？<br />
我們準備了各式各樣的活動來讓你體驗大學生的熱情<br />
五天四夜的行程絕對會帶給你屬於大學生瘋狂!!<br />
在這裡，你能夠對程式設計有初步的認知<br />
更重要的是，還可以認識許多新朋友!!<br />
最不一樣的暑假就讓我們一起走過吧！<br />
</p>
<p>
由資工、資管、資傳三系聯合舉行的迎新<br />
資訊學院的年度盛事<br />
歡迎各位熱血的你來參加!!<br />
</p>
<img src="static/assets/img/slipper.png" class="img-slipper">
</content>
<content class="cardContent" data-scroll-index="3">
<h1>營期注意事項</h1><hr>
<p>
<b>1.</b> 宿營期間，不可擅自離營、不可擅自換宿。<br />
<b>2.</b> 請隨身攜帶健保卡、身分證件、個人隨身藥品、雨具、個人沐浴用品、拖鞋（沐浴時用）、環保碗筷（校內全面禁用免洗碗筷）。<br />
<b>3.</b> 宿營期間嚴禁攜帶危險、違禁物品或武器。<br />
<b>4.</b> 宿營期間，有部分活動會沾濕衣服，請攜帶足夠衣物更換。<br />
<b>5.</b> 宿營期間請避免抽菸、喝酒等行為，以維護其他隊員的權益。<br />
<b>6.</b> 宿營期間，貴重物品請自行妥善保管，避免攜帶大量金錢。<br />
<b>7.</b> 請記得攜帶手機及其他電子產品充電器以防萬一。<br />
<b>8.</b> 由於暑期氣候炎熱，請自備水壺，校園、宿舍內皆有飲水設備。<br />
<b>9.</b> 攜帶高中制服，可於舞會時穿上。<br />
<b>10.</b>請準備不超過100元的小禮物。<br />
<b>11.</b>請準備至少一套全黑的衣物（衣服、褲子、鞋子、襪子）。
</p>
<p><a href="static/assets/pdf/yzu2016camp-List.pdf">物品準備清單(PDF)</a></p>
</content>
<content class="cardContent" data-scroll-index="4">
<h1>報名資訊</h1><hr>
<h2 style="color: rgba(0, 28, 49, 0.85);">活動資訊</h2>
<div style="padding-left: 15px;">
<p>
<b>報名截止日期：</b>8/18(四)中午12時<br />
<b>活動日期：</b>8/22(一) — 8/26(五)<br />
<b>活動地點：</b>元智大學校園<br />
<b>集合入宿時間：</b>8/22 早上9:00～下午01:00於男女二宿一樓廣場<br />
</p>
</div>
<h2 style="color: rgba(0, 28, 49, 0.85);">匯款資訊</h2>
<div style="padding-left: 15px;">
<p>
<b>繳費截止日：</b>8/20(六)<br />
<b>報名費用：</b>4000元整<br />
<b>繳費帳戶：</b>004-001-1000108-6<br />
<b>遠東商銀桃園分行 代碼：</b>8050045<br />
<b>帳戶戶名：</b>元智大學資訊工程學系系學會黃翊唐<br />
<b style="color: #d9534f">以匯款單 或 無摺存款繳費的學員：<br />
請先繳費後再填<a href="portal/register">報名表</a>，並在備註欄填寫匯款人姓名以及郵局局號。<br />
以 ATM 轉帳的學員：<br />
先<a href="portal/register">報名</a>再到
<a href="portal/query">這裡</a>填寫帳號後五碼。
</b>
<b style="color: #d9534f"></b>
</p>
</div>
</content>
<content class="buttonSec">
<a href="portal/register"><button class="ui inverted blue massive button">報名按我！</button></a>
<a href="portal/query"><button class=" ui inverted blue massive button">繳費登記與查詢按我！</button></a>
</content>
</section>
<!-- Footer -->
<style type="text/css">
footer {
height: 100px;
background-color: rgba(0,28,49,1);
color: white;
/* Flexbox */
display: flex;
/* Flexbox - vertical center */
align-items: center;
/* Flexbox - space between all elements */
justify-content: space-between;
/* Give space */
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media screen and (max-width: 648px) {
footer {
flex-direction: column;
height: 120px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
footer {
color: rgba(240, 240, 240, 0.65);
}
footer a:link {
text-decoration:none;
color: rgba(240, 240, 240, 0.65);
}
footer a:visited {
text-decoration:none;
color: rgba(240, 240, 240, 0.65);
}
footer a:active {
text-decoration:none;
}
footer a:hover {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-decoration:none;
color: rgba(240, 240, 240, 0.99);
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"></link>
<footer>
<span>
<a href="https://fb.com/yzu2016camp"><i class="fa fa-facebook-official" style="font-size: 2em; vertical-align: middle;"></i></a>
<a href="https://yzu2016camp.itaclub.asia">Copyright © 元智 2016 三資迎新</a>
</span>
<span>
Logo 設計：2016三資美宣組 Ber興<br />網頁設計：2016三資學術組、<a href="https://www.itaclub.asia/">ITAC</a>
</span>
</footer>
<!--<div includeHTML="static/assets/html/footer.html"></div>-->
</div>
<!-- Scripts -->
<!--<script src="static/assets/js/includeHTML.js"></script>-->
<script src="static/assets/js/scrollIt.min.js"></script>
<script src="static/assets/js/indexMain.js"></script>
<script src="static/assets/js/desktop.js"></script>
</body>