whcsc.github.io/index.html at master · WHCSC/whcsc.github.io · GitHub

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
<!DOCTYPE HTML>

<!--
	Solid State by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->

<html>

<head>
	<title>文華電研</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link
		href="https://fonts.googleapis.com/css?family=Chilanka|Concert+One|Modak|Noto+Sans+TC|Saira+Stencil+One|Squada+One&display=swap"
		rel="stylesheet">
	<link rel="icon" href="images/icon.png">
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	<style>
		body {
			font-family: 'Concert One', serif;
		}
	</style>
</head>

<body class="is-preload">

	<!-- Page Wrapper -->
	<div id="page-wrapper">

		<!-- Header -->
		<header id="header" class="alt">


			<h2><b><a href="index.html">文華電研</a></b></h2>

			<nav>
				<a href="#menu">菜單</a>
			</nav>
		</header>

		<!-- Menu -->
		<nav id="menu">
			<div class="inner">
				<h2>菜單</h2>
				<ul class="links">
					<li><a href="index.html">主頁</a></li>
					<li><a href="story/index.html">我們的故事</a></li>
					<li><a href="generic.html">幹部&社師介紹</a></li>
					<li><a href="photo/index.html">校外活動照片</a></li>
				</ul>
				<a href="#" class="close">Close</a>
			</div>
		</nav>

		<!-- Banner -->
		<section id="banner">
			<div class="inner">
				<!-- <div class="logo"><span class="icon fa-gem"></span></div>-->
				<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
				<!--<strong><h2><b><a href="http://www.whsh.tc.edu.tw/ischool/publish_page/0/">WH</a>CSC</b></h2></strong>-->
				<h2><span class="element"></span> </h2>
				<script>
					var typed = new Typed('.element', {
						strings: ["^1000We are <strong><font color= #F9E79F>Student</font></strong>", "We are <strong><font color= #F1948A>Hackers</font></strong>", "We are <strong><font color= #82E0AA>Makers</font></strong>", "We are <strong><font color= #A2D9CE>WHCSC</font></strong>", "<b><font color=  #F5B7B1>我</font><font color=#F5B041>們</font><font color= #F9E79F>是</font><font color= #A3E4D7 >文</font><font color= #A9CCE3 >華</font><font color= #D2B4DE>電</font><font color= #A569BD>研</font><font color= #B2BABB >!</font></b>"], //输入内容, 支持html标签
						typeSpeed: 20, //打字速度
						backSpeed: 15, //回退速度
						smartBackspace: true
					});
				</script>
			</div>
		</section>
		<!-- Wrapper -->
		<section id="wrapper">

			<!-- One -->
			<section id="one" class="wrapper spotlight style1">
				<div class="inner">
					<a href="story/index.html" class="image"><img src="images/pic01.jpg" alt="" /></a>
					<div class="content">
						<h2 class="major">我們的故事</h2>
						<p>文華電研成立於民國82年，迄今走過32個年頭，孕育不少有理想、有熱情、有才幹的人才，更不知啟發了多少文華學子對於資訊領域的熱忱， 一路走來我們有起有落，有風光的時刻，也有困難的時期…
						</p>
						<a href="story/index.html" class="special">更多</a>
					</div>
				</div>
			</section>

			<!-- Two -->
			<section id="two" class="wrapper alt spotlight style2">
				<div class="inner">
					<a href="generic.html" class="image"><img src="images/pic02.jpg" alt="" /></a>
					<div class="content">
						<h2 class="major">幹部&社師介紹</h2>
						<p>第31屆社團共有4位幹部
							<li>社團老師 : 張傑富 </li>
							<li>社長/教學(資安) : 蔡承育(<a href="https://www.instagram.com/denmis1080142/">denmis1080142</a>) </li>
							<li>副社長 : 林俊廷 </li>
							<li>網管/教學(C++) : 孫驊辰(<a href="https://www.instagram.com/raysun96_ray/">raysun96_ray</a>) </li>
							<li>美宣/公關 : 賴顗安(<a href="https://www.instagram.com/yian188/">yian188</a>)</li>
						</p>
						<a href="generic.html" class="special">更多</a>
					</div>
				</div>
			</section>

			<!-- Three -->


			<!-- Four -->
			<section id="four" class="wrapper style2">
				<div class="inner">
					<h2 class="major">課程介紹</h2>
					課程總共主要分為兩大類:<br>
					<li>資安(CTF/滲透測試)</li>
					<li>C++(Arduino/競程)</li>
					<br><br>
					偶們ㄉdiscord: <a href="https://discord.gg/ad7gaTw">https://discord.gg/ad7gaTw</a>

					</div>
			</section>

		</section>

		<!-- Footer -->
		<section id="footer">
			<div class="inner">
				<h2 class="major">聯絡方式</h2>
				<ul class="contact">
					<li class="icon solid fa-home">
						Taichung, Taiwan407西屯區寧夏路240號<br />
						文華高中電腦研習社<br />
					</li>
					<li class="icon solid fa-envelope"><a
							href="mailto: club_computer@whsh.tc.edu.tw">club_computer<br>@whsh.tc.edu.tw</a></li>
					<li class="icon brands fa-facebook-f"><a
							href="https://www.facebook.com/whcsc29th/">文華電腦研究社
							（whsh computers studying club）</a></li>
					<li class="icon brands fa-instagram"><a
							href="https://www.instagram.com/whcsc31st/">whcsc31st</a></li>
				</ul>

			</div>
		</section>
	</div>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrollex.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>