-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
248 lines (224 loc) · 11.4 KB
/
main.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
<!DOCTYPE HTML>
<!--
Prologue by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>EECamp 2016</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<div class="top">
<!-- Logo -->
<div id="logo" class="Logo2">
<img src="images/logo.png" class="Logo"></img>
</div>
<nav id="nav">
<ul>
<li><a href="#page1" id="page1-link" class="skel-layers-ignoreHref afterLine beforeLine"><span class="icon fa-comment ">總召的話</span></a></li>
<li><a href="#page2" id="page2-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-info-circle">營隊資訊</span></a></li>
<li><a href="#page3" id="page3-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-user">活動內容</span></a></li>
<li><a href="#page4" id="page4-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-question-circle">常見問題Q&A</span></a></li>
<!-- <li><a href="#page6" id="page6-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-user-plus">報名專區</span></a></li> -->
<li><a href="#page6" id="page6-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-users">錄取結果</span></a></li>
<li><a href="#page7" id="page7-link" class="skel-layers-ignoreHref afterLine2"><span class="icon fa-gratipay ">公益計劃</span></a></li>
<li><a href="#page5" id="page5-link" class="skel-layers-ignoreHref afterLine"><span class="icon fa-envelope">聯絡我們</span></a></li>
</ul>
</nav>
</div>
</div>
<!-- Main -->
<div id="main" class="Main">
<!-- Page1 -->
<section id="page1" class="page1">
<img src="images/Page1.svg" class="pages page1"></img>
</section>
<!-- Page2 -->
<section id="page2" class="page2">
<div>
<img src="images/Page2.svg" class="pages page2"></img>
</div>
</section>
<!-- Page3 -->
<section id="page3" class="page3">
<div>
<img src="images/Page3.svg" class="pages page3"></img>
</div>
</section>
<!-- Page4 -->
<section id="page4" class="page4">
<h1 class="QAh QAC">常見問題Q&A</h1>
<ul class="QAlist">
<!-- Q1 -->
<li>
<input id="C1" type="checkbox">
<label class="collapse" for="C1">
<div class="QAC QAA QAP">
<span class="QQQ">Q1. 參加電機營需要俱備什麼預備知識？實驗及演講會很艱深嗎？</span>
</div>
</label>
<div class="QA QAC">
A：只要是對電機有熱情的高中生都適合來參加，營期間所設計的課程實驗及演講都會從最基本的慢慢講解，學長姐會花時間帶領同學一步一步完成，讓所有同學都能充份的學習。
</div>
<!-- Q2 -->
<li>
<input id="C2" type="checkbox">
<label class="collapse" for="C2">
<div class="QAC QAP">
<span class="QQQ">Q2. 如何報名台大電機營？</span>
</div>
</label>
<div class="QA QAC">
A：請同學下載並妥善填寫報名資料表及家長同意書，並儘速於五月七日（星期六）前，以掛號(郵戳為憑)的方式將兩份資料寄至<br> 10617 台北市大安區羅斯福路四段1號 國立台灣大學電機系系學會 電機營收 <br> 同學可以於5天過後至報名專區做確認，有任何問題皆可直接與總召聯絡，或寄信至[email protected]。
</div>
<!-- Q3 -->
<li>
<input id="C3" type="checkbox">
<label class="collapse" for="C3">
<div class="QAC QAP">
<span class="QQQ">Q3. 小隊員篩選的方式為何？</span>
</div>
</label>
<div class="QA QAC">
A：有活力有自我想法，並從報名資料的自我介紹及相關問題中可以看出對電機有熱忱者會優先錄取。另外，為了所有小隊員的權益找想，能夠全程參與電機營的人也會優先錄取。<br>
《為了平衡營隊的學員組成，男女小隊員將會分開遴選，各招收72名》
</div>
<!-- Q4 -->
<li>
<input id="C4" type="checkbox">
<label class="collapse" for="C4">
<div class="QAC QAP">
<span class="QQQ">Q4. 如果臨時有事不能參加，怎麼辦？</span>
</div>
</label>
<div class="QA QAC">
A：如果在公佈錄取名單後臨時無法參加，請於繳費日期錢寄信至電機營信箱 ([email protected])，註明姓名、學校及身份證字號等基本資料。另外，空出的名額 將會由候補名單中依序遞補。
</div>
<!-- Q5 -->
<li>
<input id="C5" type="checkbox">
<label class="collapse" for="C5">
<div class="QAC QA5 QAP">
<span class="QQQ">Q5. 營期間如果有事可以中途離開嗎？</span>
</div>
</label>
<div class="QA QAC">
A：為確保小隊員的安全考量，營期間還是希望團體一起活動，如果有事要中途離開，請家長與總召聯絡，並說明原因和離開與回歸的時間，讓總召能確保營隊所有人的安全，也避免小隊員喪失自身的權益！
</div>
</ul>
<!-- </div> -->
</section>
<!-- Page6 -->
<section id="page6" class="page6">
<h1 class="page6line1"> 錄取結果 </h1>
<div>
<img class = "result" src="images/result.png"></img>
</div>
<div class="page6line10">
錄取名單已確定，我們將email通知正取的小隊員繳費相關資訊，同時會有隊輔與你們聯絡，為了確保候補的權益，若在 5/28(六) 前未確認繳費，則視為放棄資格，名額將依序由候補同學替補。另外，為了確保您的權益，如果臨時無法上營，請在規定時間內與隊輔連絡或是 email 至台大電機營信箱，空出的名額將依序由候補同學替補。<br>
於 6/30(四) (含當日)前確認退營，我們將全額退費。<br>
於 7/6(三) 確認退營，我們將退還報名費二分之一。<br>
於 7/7(四) 以後確認退營，我們將不予退費。<br>
</div>
<!-- <h1 class="page6line2"> 流程 </h1> -->
<!-- <div class="page6line3"> -->
<!-- 於 5/7(六)前寄送 -->
<!-- <span style="color: #ff0000"> 報名表 </span> -->
<!-- 及 -->
<!-- <span style="color: #0000ff"> 家長同意書 </span> -->
<!-- 至 <br> 10617 台北市羅斯福路四段1號 <br> 國立台灣大學電機系系學會 電機營收<br> -->
<!-- </div> -->
<!-- <img src="images/arrow.png"></img> -->
<!-- <div class="page6line4"> -->
<!-- 錄取名單將於 -->
<!-- <span style="color: #0000cc"> 5/15(日) </span> 公佈 -->
<!-- </div> -->
<!-- <img src="images/arrow.png"></img> -->
<!-- <div class="page6line5"> -->
<!-- 請錄取的小隊員於 -->
<!-- <span style="color: #0000cc"> 5/28(六) </span> 錢繳費並確認 -->
<!-- </div> -->
<!-- <br> -->
<!-- <div class="page6line6"> -->
<!-- 下載資料 -->
<!-- </div> -->
<!-- <a href="assets/registForm.pdf" target="_blank" title="報名資料表" class="signup"> -->
<!-- <span> 報名資料表 </span> -->
<!-- </a> -->
<!-- <br> -->
<!-- <a href="assets/cloth.jpg" target="_blank" title="衣服尺寸對照圖" class="accept"> -->
<!-- <span> 衣服尺寸對照圖 </span> -->
<!-- </a> -->
<!-- <div class="page6line7"> -->
<!-- 報名成功查詢 -->
<!-- </div> -->
<!-- <div class="page6line8"> -->
<!-- <form action="/query" id="searchForm" class="Input"> -->
<!-- <input type="text" name="s" placeholder="請輸入身份證字號..."> -->
<!-- </form> -->
<!-- <div id="result" class="page6line9"> -->
<!-- </div> -->
<!-- </div> -->
</section>
<section id="page7" class="page7">
<h1 class="charityhead"> 公益計劃 </h1>
<div class="charityblock">
<p class="charity">
台大電機營創立至今已將近二十年，創立的宗旨是介紹電機領域給所有對這個領域有興趣的高中生，故從今年首度發起此計劃，期待能讓許多無法負擔營隊費用的高中生，一樣能藉由台大電機營認試電機這個領域。我們會請各高中推薦有意願參與台大電機營的同學，並依序選出十位名額。<br>
</p>
</div>
</section>
<!-- Page5 -->
<section id="page5" class="page5">
<h1 class="page6line1"> 聯絡我們 </h1>
<div class="page5block">
<h1 class="page5line1 page5dec">
總<br>召
</h1>
<div class="page5line2">
毛學涵(0936139430) <br>
楊琇惠(0975786661) <br>
林哲佑(0918836002)
</div>
<h1 class="page5line3 page5dec">
電<br>機<br>營
</h1>
<div class="page5line4">
信箱： [email protected] <br>
電機營粉專：<a href="https://www.facebook.com/eecamp2016/" target="_blank" class="nolink"> 2016臺大電機營EclipsE </a>
</div>
</div>
<!-- <div> -->
<!-- <img src="images/Page5.svg" class="pages page5"></img> -->
<!-- </div> -->
</section>
</div>
<!-- Footer -->
<!-- <div id="footer"> -->
<!-- [> Copyright <] -->
<!-- <ul class="copyright"> -->
<!-- <li>Designer: eddy1021</li> -->
<!-- </ul> -->
<!-- </div> -->
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollzer.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/input.js"></script>
</body>
</html>