-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (177 loc) · 10.9 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
<!DOCTYPE html>
<html>
<head>
<title>2018 無限資戰 - 元智大學資院聯合迎新</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- W3.CSS Framework CSS -->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="icon" href="favicon.ico">
<!-- Font CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Font Awesome icons CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Page CSS -->
<link rel="stylesheet" type="text/css" href="css/index.css"> </head>
<body class="w3-black">
<!-- Icon Bar (Sidebar - hidden on small screens) -->
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<!-- Avatar image in top left corner -->
<img src="img/hero.jpg" id="hero-avatar">
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>Home</p>
</a>
<a href="#about" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-user w3-xxlarge"></i>
<p>About</p>
</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-envelope w3-xxlarge"></i>
<p>Contact</p>
</a>
<a href="signup.html" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-arrow-right w3-xxlarge"></i>
<p>Sign Up</p>
</a>
</nav>
<!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="#" class="w3-bar-item w3-button navbar-item">Home</a>
<a href="#about" class="w3-bar-item w3-button navbar-item">About</a>
<a href="#contact" class="w3-bar-item w3-button navbar-item">Contact</a>
<a href="signup.html" class="w3-bar-item w3-button navbar-item">Sign Up</a>
</div>
</div>
<!-- Page Content -->
<div class="w3-padding-large" id="main">
<!-- Header/Home -->
<header class="w3-container w3-padding-32 w3-center w3-black" id="home">
<h1 class="w3-jumbo">2018 SUMMER CAMP</h1>
<p>IC X CSE X IM X IN </p>
<!-- <img src="img/hero.jpg" alt="hero" class="w3-image" width="992" height="1108"> -->
<iframe class="w3-rest" src="https://www.youtube.com/embed/BZ2aN9pVez4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</header>
<!-- About Section -->
<div class="w3-content w3-justify w3-text-white w3-padding-64" id="about">
<h2 class="w3-text-light-grey">關於無限資戰</h2>
<p>根據線報指出</p>
<p>原本被收藏在知無領域的無限寶石被神秘的宇宙怪盜所竊取</p>
<p>當他的飛行船飛過地球時被擊落</p>
<p>寶石因此被散落在元智校園中</p>
<p>神盾局在此徵召探員</p>
<p>我們需要你，將在接下來5天的營期中</p>
<p>運用過人的情蒐能力，找出失蹤在校園中的寶石</p>
<p>在這裡，你可以與你最喜歡的英雄夥伴們一同追擊邪惡勢力</p>
<p>也可以在執行任務的同時</p>
<p>認識來自各地的探員與菁英</p>
<p>期待你的加入，能讓我們迅速收復失落的寶石</p>
<p>waKanDa forEver!</p>
<h2 class="w3-padding-16 w3-text-light-grey">營期注意事項</h2>
<p>1. 營隊期間，不可擅自離營、擅自換宿，避免抽菸、喝酒等行為</p>
<p>2. 嚴禁攜帶危險及違禁物品或武器</p>
<p>3. 避免攜帶大量金錢、電腦等貴重物品，若需攜帶請自行妥善保管</p>
<p>4. 由於暑期氣候炎熱，請自行準備水瓶並隨時補充水分，校園、宿舍內皆有飲水設備</p>
<!-- Grid for pricing tables -->
<!-- <h2 id="info" class="w3-padding-16 w3-text-light-grey">活動資訊</h2> -->
<div class="w3-row-padding" id="info-box">
<div class="w3-half w3-margin-bottom">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">活動資訊</li>
<li class="w3-padding-16">報名截止日期：8/17 (五)</li>
<li class="w3-padding-16">活動日期：8/20 (一) ～ 8/24 (五)</li>
<li class="w3-padding-16">活動地點：元智大學校園 </li>
<li class="w3-padding-16">集合入宿日期：8/20 (一)</li>
<li class="w3-padding-16">集合入宿時間：
<br>早上9:30～下午01:00於男女二宿舍一樓廣場
</li>
<li class="w3-padding-16"><a href="assets/Prepare.pdf" target="_blank">攜帶物品清單</a></li>
</ul>
</div>
<div class="w3-half">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">匯款資訊</li>
<li class="w3-padding-16">截止日期：8/18 (六)</li>
<li class="w3-padding-16">費用：NT$ 3900</li>
<li class="w3-padding-16">銀行：遠東銀行 (805)</li>
<li class="w3-padding-16">分行：桃園分行 (0045)</li>
<li class="w3-padding-16">帳戶：0040-0110-000-295</li>
<li class="w3-padding-16">戶名：元智大學資訊管理學系系學會 林裕翔</li>
<li class="w3-padding-16">小提醒：匯款時，可在備註欄加註姓名以利快速辨識</li>
</ul>
</div>
<!-- End Grid/Pricing tables -->
</div>
<!-- Testimonials -->
<h3 align="center" class="w3-padding-24 w3-text-light-grey"> 繳費方式：以
<span class="aqua-highlight">ATM</span> 或
<span class="aqua-highlight"> 匯款單 </span> 轉帳 </h3>
<p>
<span class="w3-large w3-margin-right">填寫報名單→匯款→至登記/查詢系統登記帳號末五碼(ATM)或匯款人姓名(匯款單)
<br>注意，繳費完成才算報名完成唷！</span>
</p>
<!-- End About Section -->
</div>
<!-- Contact Section -->
<div class="w3-padding-64 w3-content w3-text-grey" id="contact">
<h2 class="w3-text-light-grey">Contact Us</h2>
<div class="w3-section">
<a href="https://goo.gl/maps/QEEoCgQG8Ss">
<i class="fas fa-map-marked-alt fa-fw w3-text-white w3-xxlarge w3-margin-right"></i>元智大學</a>
<br>
<i class="fas fa-phone fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> 總召：黃紀嘉
</div>
</div>
<!-- Signup Section -->
<div id="signup" class="w3-content w3-justify w3-text-white w3-padding-64">
<center>
<a href="signup.html">
<button type="button" class="btn btn-primary btn-lg m-2">立即報名</button>
</a>
<a href="check.html">
<button type="button" class="btn btn-success btn-lg m-2">報名查詢及繳費回報</button>
</a>
<br>
<a href="assets/4zi.ics">
<button type="button" class="btn btn-light btn-lg m-2">加入Mac/iOS行事曆</button>
</a>
<a href="http://www.google.com/calendar/event?action=TEMPLATE&dates=20180820%2F20180824&text=%E5%9B%9B%E8%B3%87%E8%BF%8E%E6%96%B0%20-%20%E3%80%8A%E7%84%A1%E9%99%90%E8%B3%87%E6%88%B0%E3%80%8B&location=%E5%85%83%E6%99%BA%E5%A4%A7%E5%AD%B8%2C%20320%E5%8F%B0%E7%81%A3%E6%A1%83%E5%9C%92%E5%B8%82%E4%B8%AD%E5%A3%A2%E5%8D%80%E9%81%A0%E6%9D%B1%E8%B7%AF135%E8%99%9F&details=%E5%A0%B1%E5%90%8D%E8%B2%BB%E7%94%A8%EF%BC%9A3900%E5%85%83%0A%E7%B9%B3%E8%B2%BB%E6%88%AA%E6%AD%A2%E6%97%A5%EF%BC%9A8%2F18(%E5%85%AD)%0A%E9%9B%86%E5%90%88%E5%85%A5%E5%AE%BF%E6%99%82%E9%96%93%20%3A%0A%E6%97%A9%E4%B8%8A9%3A30%20~%20%E4%B8%8B%E5%8D%8801%3A00%0A%40%E7%94%B7%E5%A5%B3%E4%BA%8C%E5%AE%BF%E8%88%8D%E4%B8%80%E6%A8%93%E5%BB%A3%E5%A0%B4%0Ahttps%3A%2F%2Ffb.me%2FYZUCICamp2018">
<button type="button" class="btn btn-light btn-lg m-2">加入Google行事曆</button>
</a>
<!-- <p align="center">四資學術組趕工中，報名功能會盡快上線的。稍等喔(｡ŏ_ŏ)</p>
有問題一次說完啦
一直改改改改改改
-->
</center>
</div>
<!-- Footer -->
<footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">
<p>Copyright © 2018 元智四資迎新學術組 保留一切權利。</p>
<p>網站問題請點下方圖示回報，英雄感謝你！</p>
<div class="w3-cell-row" id="footer-icon-row">
<div class="w3-cell">
<a href="https://fb.me/YZUCICamp2018">
<i class="fab fa-facebook w3-hover-opacity"></i>
</a>
</div>
<div class="w3-cell">
<a href="https://m.me/YZUCICamp2018">
<i class="fab fa-facebook-messenger w3-hover-opacity"></i>
</a>
</div>
<div class="w3-cell">
<i class="fas fa-phone w3-hover-opacity"></i>
</div>
<div class="w3-cell">
<i class="fas fa-envelope w3-hover-opacity"></i>
</div>
</div>
<!-- End footer -->
</footer>
<!-- END PAGE CONTENT -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</body>
</html>