This repository has been archived by the owner on Apr 14, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
252 lines (230 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="麗山星創 是位於台北市麗山高級中學的電腦科學研究社">
<meta name="author" content="LSSC 麗山星創電腦科學研究社">
<title>LSSC 麗山星創 - LSSC 麗山星創電腦科學研究社</title>
<!-- Bootstrap Core CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="style/stylish-portfolio.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<a class="menu-toggle rounded" href="#">
<i class="fas fa-bars"></i>
</a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a class="js-scroll-trigger" href="#page-top">LSSC 麗山星創</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#page-top">夢想</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#about">初衷</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#services">特色</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#portfolio">課程</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="#contact">聯絡</a>
</li>
</ul>
</nav>
<!-- Header -->
<header class="masthead d-flex">
<div class="container text-center my-auto">
<h1 class="mb-1">Make dream come true!</h1>
<h3 class="mb-5">
<em>紅樓綠窗中的一群人，為了各自的理想而邁開腳步，星創便是夢想的代名詞，</em>
<em>因此我們因夢想而存在，我們是夢想的夢者也是行者，加入我們吧!成為星的創造者。</em>
</h3>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">我想看看!</a>
</div>
<div class="overlay"></div>
</header>
<!-- About -->
<section class="content-section bg-light" id="about">
<div class="container text-center">
<div class="row">
<div class="col-lg-10 mx-auto">
<h2>看看我們的初衷吧!</h2>
<p class="lead mb-5">心跳著，我期待，期待一段彩色的高中生活，漫步在紅樓綠窗間，悠轉的視線徬徨的跳著不安的舞步，嬉鬧聲與之翩然起舞，心中的理想在蠢蠢欲動，夢想的星火在此刻相互共鳴，星創在兩顆充滿夢的星中躍出，我們為了實建那看似不可能的夢想踏上實踐的路程，麗山星創社誕生在這充滿夢想的麗山第十七屆。</p>
<p class="lead mb-5">從最初只有兩人默默做著的實驗與程式，在不知不覺中匯聚了愈來愈多志同道合的夥伴，各方人才的匯聚，創造出了全方位的團隊，開始完成一個又一個的企畫案，程式比賽、機器人的製作、3D遊戲的製作、資訊能力競賽等……在過程中不同的意見交織出一張張絢爛的網，一次次的衝撞，撞出一道道成功的霓虹，成功的喜悅與失敗的教訓成為我們繼續前進的食糧，將每次比賽賺得的獎金投入下一次的計畫，因人數的增加，我們決定創社，開始招募社圓，願與更多同伴，向更高的目標邁進!!</p>
</div>
</div>
</div>
</section>
<!-- Services -->
<section class="content-section bg-primary text-white text-center" id="services">
<div class="container">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">特色</h3>
<h2 class="mb-5">我們的特色!</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="far fa-calendar-alt"></i>
</span>
<h4>
<strong>多堂社課</strong>
</h4>
<p class="text-faded mb-0">一星期有兩堂課四種課程, 至少選一種即可 重點是有超nice的教學，保證學得會</p>
</div>
<div class="col-lg-4 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="fas fa-hands-helping"></i>
</span>
<h4>
<strong>彈性教學</strong>
</h4>
<p class="text-faded mb-0">由學長授課給學員,更能了解學員學習狀況,彈性配置課程</p>
</div>
<div class="col-lg-4 col-md-6 mb-5 mb-md-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="fas fa-server"></i>
</span>
<h4>
<strong>完整資源</strong>
</h4>
<p class="text-faded mb-0">提供完整的主機環境給社員們創作</p>
</div>
</div>
</div>
</section>
<!-- Callout -->
<section class="callout">
<div class="container text-center">
<h2 class="mx-auto mb-5">創社元老的話</h2>
<div class="old-talk">
<div>
<h3><em>戴惟</em> 創辦人兼創社社長</h3>
<p class="lead">狂! 就是要前所未有的狂!</p>
<p class="lead">熱血!就是要做出令人佩服的事情!</p>
<p class="lead">想要!就要以完美的姿態拿到!</p>
</div>
<div>
<h3><em>陳子翊</em> 創辦人</h3>
<p class="lead">對夢想懷抱著熱情，為夢不惜付出一切，讓我們從做夢的人變成築夢的人吧!</p>
</div>
<div>
<h3><em>張燕梅</em> 創辦人兼創社副社長</h3>
<p class="lead">願你們能找到屬於自己的翅膀</p>
</div>
<div>
<h3><em>詹智皓</em> 創辦人兼創社公關兼網管</h3>
<p class="lead">別小看自己的潛力， 遇到困難，就想辦法解決 絕對別放棄!</p>
</div>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="content-section" id="portfolio">
<div class="container">
<div class="content-section-heading text-center">
<h3 class="text-secondary mb-0">星創社課</h3>
<h2 class="mb-5">109學年度的社課</h2>
</div>
<div class="row no-gutters">
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>星期二</h2>
<p class="mb-0">C++ 演算法 / Arduino 自走車</p>
</span>
</span>
<img class="img-fluid" src="img/C++演算法.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="StudyGeek">
<span class="caption">
<span class="caption-content">
<h2>星期三</h2>
<p class="mb-0">深夜怪人讀書會</p>
</span>
</span>
<img class="img-fluid" src="img/深夜怪人讀書會.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>星期四</h2>
<p class="mb-0">網頁設計</p>
</span>
</span>
<img class="img-fluid" src="img/網頁設計.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>星期五</h2>
<p class="mb-0">3D動畫</p>
</span>
</span>
<img class="img-fluid" src="img/3D動畫.jpg" alt="">
</a>
</div>
</div>
</div>
</section>
<!-- Map -->
<section id="contact" class="map">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d643.4083703356788!2d121.57784542353653!3d25.085537166321664!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac60b8720c07%3A0xd9cf6c11a88047bc!2z6bqX5bGx6auY57Sa5Lit5a24!5e0!3m2!1szh-TW!2stw!4v1578556429815!5m2!1szh-TW!2stw"></iframe>
<br />
<small>
<a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d643.4083703356788!2d121.57784542353653!3d25.085537166321664!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac60b8720c07%3A0xd9cf6c11a88047bc!2z6bqX5bGx6auY57Sa5Lit5a24!5e0!3m2!1szh-TW!2stw!4v1578556429815!5m2!1szh-TW!2stw"></a>
</small>
</section>
<!-- Footer -->
<footer class="footer text-center">
<div class="container">
<ul class="list-inline mb-5">
<li class="list-inline-item">
<a class="social-link rounded-circle text-white mr-3" href="https://www.facebook.com/LSSC2017/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="list-inline-item">
<a class="social-link rounded-circle text-white" href="https://github.com/lssc">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
<p><a href="Charter">社團章程</a></p>
<p class="text-muted small mb-0">Copyright © LSSC 麗山星創電腦科學研究社 2019</p>
</div>
</footer>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.1.0/jquery-migrate.min.js"></script>
<!-- Custom scripts for this template -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="style/stylish-portfolio.js"></script>
</body>
</html>