-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
187 lines (176 loc) · 7.66 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="assets/main.css" />
<title>LuCifer Holiday</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.nav').addClass("menufixed");
$(".toggle").click(function() {
$(this).toggleClass("active");
$(".nav").slideToggle();
});
$(".nav > ul > li:has(ul) > a").append('<div class="arrow-bottom"></div>');
});
</script>
</head>
<body data-spy="scroll">
<span class="toggle">Menu</span>
<div class="nav">
<ul>
<li><a href="#header">LuCifer Holiday四校聯合寒訓</a></li>
<li><a href="#intro">基本簡介</a></li>
<li><a href="#class">活動日程</a></li>
<li><a href="#sign">報名</a></li>
<li><a href="#staff">工作團隊</a></li>
<li><a href="#sponsor">參與單位</a></li>
</ul>
</div>
<div id="header" style="padding-top:50px">
<img src="assets/images/header1.png" height="100%" width="100%">
</div>
<div class="pass"></div>
<div id="intro" style="padding-top:50px">
<img src="assets/images/icon.png" width="10%">
<h1>關於寒訓</h1>
<h3>寒冷的冬天，瘋狂的五天</h3>
<div class="story">
今年寒假!讓我們放下課業壓力參與活動吧!
<br>想學習更高的技術嗎?想認識電資友校的朋友嗎?想放鬆自己與志同道合的朋友瘋狂的度過寒假嗎?那就來寒訓吧!
<br>我們有豐富的課程、好玩刺激的遊戲、戶外參訪的行程以及更多你所不知道卻有趣的活動。
<br>五天行程充實，絕對值回票價，還在等甚麼?趕快報名吧!
</div>
<br>
<h1>LuCifer小故事</h1>
<h3>寧可驕傲的叛變，也不願卑微的折腰。</h3>
<div class="story">
LuCifer(路西法)一開始為天使長，但由於過度驕傲而忘記牠是一個天使而意圖與神同等。有一天，上帝帶聖子巡遊世界，讓眾天使向聖子下跪參拜；路西法因為不滿上帝讓其向聖子下跪，率領三分之一的天使叛變，並認為自己可以推翻上帝，不過牠失敗了，也因此被放逐並失去過去所擁有的所有榮耀，最後路西法在地獄建立了一個類似天堂的世界，並在那裏成為魔王─撒旦，跟隨他的墮落天使們則成為惡魔。
</div>
</div>
<div class="pass"></div>
<div id="class" style="padding-top:50px">
<h1>活動日程</h1>
<table>
<tr>
<th></th>
<th>Day1</th>
<th>Day2</th>
<th>Day3</th>
<th>Day4</th>
<th>Day5</th>
</tr>
<tr>
<td>9:00
<br>~
<br>9:30</td>
<td colspan="5">集合</td>
</tr>
<tr>
<td>9:30
<br>~
<br>10:00</td>
<td>遊戲登入</td>
<td>補充元氣</td>
<td>自我升級</td>
<td>整裝備戰</td>
<td>戰友談心</td>
</tr>
<tr>
<td>10:00
<br>~
<br>12:00</td>
<td>「墮落前的天使」
<br>git教學
<br>-Rice-</td>
<td>「訓練時間」
<br>Web教學
<br>-白羊-</td>
<td>「升級後的苦果」
<br>Web教學
<br>-Rice-</td>
<td>出征！</td>
<td>御前爭功</td>
</tr>
<tr>
<td>12:00
<br>~
<br>13:30</td>
<td colspan="5">LuCifer的信箱
<br>午餐時間</td>
</tr>
<tr>
<td>13:30
<br>~
<br>14:30</td>
<td>「新手教學」
<br>Web教學
<br>-白羊-</td>
<td rowspan="2">「轉職時間」
<br>Web教學
<br>-Rice-</td>
<td rowspan="2">天使的叛變</td>
<td rowspan="2">討伐！</td>
<td>追封大典</td>
</tr>
<tr>
<td>14:30
<br>~
<br>16:30</td>
<td>好友登陸</td>
<td>終焉之時</td>
</tr>
</table>
<h3>我們另外準備特殊行程，想知道的話就報名吧！</h3>
</div>
<div class="pass"></div>
<div id="sign" style="padding-top:50px">
<h1>報名</h1>
<div class="Lft">
活動費用：新台幣500元整
<br> 開放報名：2016.1.3
<br> 報名截止：2016.1.20
</div>
<div class="Center" style="display:block">
<br><a href="https://goo.gl/forms/Z4RkRv4tfz" target="_blank">我要報名寒訓!<br>01/25~01/29</a>
</div>
</div>
<div class="pass"></div>
<div id="staff" style="padding-top:50px">
<h1 style="text-align:center">工作團隊</h1>
<div class="Staff">
<span style="color: #6fa8dc;">執秘組 </span><span style="color: white;">謝碧娟、文珩、王群皓、李紹楓</span>
<br />
<span style="color: #6fa8dc;">公關組 </span><span style="color: white;">葉俊廷、郭乃恩、梁博瑜、于珩</span>
<br />
<span style="color: #6fa8dc;">活動組 </span><span style="color: white;">林家園、陳柏達、郭宗育、蘇傳雅、許育誠、郭亞弦、陳泓諺、蔡宗達</span>
<br />
<span style="color: #6fa8dc;">美宣組 </span><span style="color: white;">邱柏翰、林大元、張喬茵、曾偉嘉</span>
<br />
<span style="color: #6fa8dc;">網管組</span><span style="color: #3d85c6;"> </span><span style="color: white;"> 賴炳宏、許晉捷</span>
<br />
<span style="color: #6fa8dc;">教學組 </span><span style="color: white;">王群皓、黃曉敏、李紹楓</span>
<br />
<span style="color: #6fa8dc;">總務組 </span><span style="color: white;"> 林玉蘭、郭大維、吳承儒、廖允寬、陳凱文</span>
</div>
</div>
<div class="pass"></div>
<div id="sponsor" style="padding-top:50px">
<h1>主辦單位</h1>
<a href="https://www.facebook.com/dacsc17th/?fref=ts"><img src="assets/images/DACSC.jpg"></a>
<p>大安高工電腦研究社</p>
<a href="https://www.facebook.com/HPSHCP/?fref=ts"><img src="assets/images/HPSH.jpg"></a>
<p>和平高中程式研究社</p>
<a href="https://www.facebook.com/ZLCSC103/?fref=ts"><img src="assets/images/ZLCSC.jpg"></a>
<p>中崙高中資訊研究社</p>
<a href="https://www.facebook.com/pages/%E5%B8%AB%E5%A4%A7%E9%99%84%E4%B8%AD-%E7%B6%B2%E8%B7%AF%E7%AE%A1%E7%90%86%E5%B0%8F%E7%B5%84/136630449700766"><img src="assets/images/CNMC.jpg"></a>
<p>師大附中網路管理小組</p>
</div>
<div class="footer">
<p>Made by Rice
<br><a href="https://github.com/danncsc/LuCifer_Holiday" target="_blank">Open Source</a>
</p>
</div>
</body>
</html>