-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (117 loc) · 5.34 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
<!DOCTYPE HTML>
<!--
Theory by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
--><html><head><title>TCIRC</title><meta charset="utf-8"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="assets/css/main.css"></head><body>
<!-- Header -->
<header id="header"><div class="inner">
<a href="index.html" class="logo">TCIRC</a>
<nav id="nav"><a href="index.html">首頁</a>
<a href="generic.html">社團活動</a>
<a href="elements.html">社團資源</a>
</nav><a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
</div>
</header><!-- Banner --><section id="banner"><h1>中一中電研</h1>
<p>臺中一中電腦研習社</p>
</section><!-- One --><section id="one" class="wrapper"><div class="inner">
<div class="flex flex-3">
<article><header><h3>課程講義</h3>
</header>
<footer><a href="#" class="button special">More</a>
</footer></article><article><header><h3>成果發表</h3>
</header>
<footer><a href="#" class="button special">More</a>
</footer></article><article><header><h3>Online Judge</h3>
</header>
<footer><a href="https://judge.tcirc.tw/" target="_blank" class="button special">Judge</a>
</footer></article></div>
</div>
</section><!-- Two --><section id="two" class="wrapper style1 special"><div class="inner">
<header><h2>社團幹部</h2>
<p>41th 社團幹部介紹</p>
</header><div class="flex flex-4">
<div class="box person">
<div class="image round">
<img src="images/tcirc/4135.jpg" alt="Person 1" width="168" height="168"></div>
<h3>李晏丞</h3>
<p>社長</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4134.jpg" alt="Person 2" width="168" height="168"></div>
<h3>陳宥家</h3>
<p>副社&教學</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4133.jpg" alt="Person 3" width="168" height="168"></div>
<h3>田欣然</h3>
<p>網管&文書</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4132.jpg" alt="Person 4" width="168" height="168"></div>
<h3>黃子恩</h3>
<p>公關</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4131.jpg" alt="Person 5" width="168" height="168"></div>
<h3>蔡孟廷</h3>
<p>教學長</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4130.jpg" alt="Person 6" width="168" height="168"></div>
<h3>邱德原</h3>
<p>教學</p>
</div>
<div class="box person">
<div class="image round">
<img src="images/tcirc/4136.jpg" alt="Person 6" width="168" height="168"></div>
<h3>廖冠捷</h3>
<p>總務</p>
</div>
</div>
</div>
</section><!-- Three --><section id="three" class="wrapper special"><div class="inner">
<header class="align-center"><h2> 學長的網站 </h2>
<p>中一中電研的傳承</p>
</header><div class="flex flex-2">
<article><div class="image fit">
<img src="images/38th.png" alt="Pic 01" width="576" height="196"></div>
<header><h3>38th</h3>
</header>
<footer><a href="old/38/index.html" target="_blank" class="button special">38th</a>
</footer></article>
<article><div class="image fit">
<img src="images/39th.png" alt="Pic 02" width="576" height="196"></div>
<header><h3>39th</h3>
</header>
<footer><a href="old/39/index.html" target="_blank" class="button special">39th</a>
</footer></article>
<article><div class="image fit">
<img src="images/40th.png" alt="Pic 03" width="576" height="196"></div>
<header><h3>40th</h3>
</header><p>
<footer><a href="old/40/index.html" target="_blank" class="button special">40th</a>
</footer></article>
<article><div class="image fit">
</article>
</div>
</div>
</section><!-- Footer --><footer id="footer"><div class="inner">
<div class="flex">
<ul class="icons"><li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">linkedIn</span></a></li>
<li><a href="#" class="icon fa-pinterest-p"><span class="label">Pinterest</span></a></li>
<li><a href="#" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
</ul></div>
</div>
</footer><div class="copyright">
<!-- Site made with: <a href="https://templated.co/">TEMPLATED.CO</a> -->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script><script src="assets/js/skel.min.js"></script><script src="assets/js/util.js"></script><script src="assets/js/main.js"></script></body></html>