NicholasCWL.github.io/about.html at master · MokuMoki/NicholasCWL.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
161
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<title>About Us</title>
	<link rel="icon" href="assets/favicon.png" type="image/png" />
	<link href="https://fonts.googleapis.com/css?family=Bevan|Source+Sans+Pro:bold" rel="stylesheet" />
	<link href="style.css" rel="stylesheet" type="text/css" />

	<!-- Scroll Top Control https://codepen.io/Askwithloud/pen/yNRPWB -->
	<link href="css/scrolltopcontrol.css" rel="stylesheet" type="text/css" />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

	<script type="text/javascript" src="assets/logo_hover.js"></script>
</head>

<body>
<table class="menubar">
	<tr>
		<td id="title">
			<a id="sounddiv" href="index.html">
				<img onmouseover="playclip();" src="assets/logo.png" alt="logo" width="100px"/>
			</a>
			<audio><source src="assets/ggez.mp3" /></audio>
			<a id="logo" href="index.html">APU EXTREME ESPORTS CLUB</a>
		</td>
		<td id="navmenubar">
			<ul>
			<li><a href="index.html">HOME</a></li>
			<li class="divider">|</li>
			<li><a href="events.html">EVENTS</a></li>
			<li class="divider">|</li>
			<li><a href="tutorials.html">GAMING TUTORIALS</a></li>
			<li class="divider">|</li>
			<li><a href="about.html">ABOUT</a></li>
			<li class="divider">|</li>
			<li><a href="register.html">REGISTER</a></li>
			</ul>
		</td>
	</tr>
</table>
	<table class="thumbnail" cellspacing="0px">
		<tr>
			<td><img id="img1" src="assets/about/about.png" alt="" style="object-position:250px -90px;"/></td>
		</tr>
	</table>
	<table cellspacing="10px" width="100%">
	<tr>
	<td class="content" width="80%">
		<div id="content">
		<h1 class="h1">About APU Extreme Esports Club</h1>
		The club started from a humble beginning…<br/><br/>
		On June 10, 2016, the secondary school principal of club founder, Mr Lau, made a shocking announcement to consider including Esports as a club activity. He was pondering about the idea of setting up an esports club in the school, considering it started to gain traction as one of the official competitive sports in the world.<br/><br/>
		<div align="center" style="font-style:italic;">
			<img src="assets/about/about-announcement.jpg" alt="Mr Lau Announcement Post"/><br/>
			The announcement made by Mr Lau.
		</div><br/>
		However, due to the lack of support from public, there is no further news development for the esports club getting established after the first post. Not giving up hope, the club founder created a secret group, named STEC (and subsequently renamed multiple times to avoid legal issues) which often held gaming sessions in school computer lab to sharpen the members esports skills.<br/><br/>
		As the club founder left his secondary school and started to study in Asia Pacific University, he realized that the University already started to include esports as part of the academic platform, while esports club is already a thing since forever. Therefore, with the intend of not causing conflict of interest, he founded the Extreme Esports club, which have similar objectives to achieve the same goal but very different ideology.<br/><br/>
		<h2 class="h2">Club Mission</h2>
			<div align="center" style="font-family:Times, Times New Roman, serif; font-style: italic; font-size:48px; color:lightgray; line-height: 60px;">&ldquo;&nbsp;Encourage esports players to think out of the box<br/>in order to achieve the goal they want&nbsp;&bdquo;</div><br/>
		<h2 class="h2">Club Vision</h2>
			<div align="center" style="font-family:Times, Times New Roman, serif; font-style: italic; font-size:48px; color:lightgray;">&ldquo;&nbsp;To be the best esports team in the world&nbsp;&bdquo;</div><br/>
		<h2 class="h2">Club Objectives</h2>
			<div style="font-family:Times, Times New Roman, serif; font-style: italic; font-size:36px; color:lightgray; line-height: 48px;">
				1. Promote team work &nbsp;
				<img src="assets/about/team_member.gif" alt="Salty gif" width="38px" /><img src="assets/about/team_member.gif" alt="Salty gif" width="38px" /><img src="assets/about/team_member.gif" alt="Salty gif" width="38px" /><img src="assets/about/team_member.gif" alt="Salty gif" width="38px" /><br/>
				2. Sprinkle salt &nbsp;
				<img src="assets/about/salty.gif" alt="Salty gif" width="48px" /><br/>
				3. Pwn noobs &nbsp;
				<img src="assets/about/pwn_rekt.gif" alt="Salty gif" width="36px" /><br/>
				4. <img src="assets/about/objective.gif" alt="Salty gif" width="36px"/>Capture the objective<br/>
			</div><br/>

			<br/><br/><br/><br/><br/>
			<div style="font-size: 12px;">*Despite the fact is so obvious, we would like to clarify that most of the story above (Except the Mr Lau post), including the club itself is non-existent and we are not liable for triggering any salty gamers.</div>
		</div>
	</td>
	<td class="submenu" width="20%">
	<div id="submenu">
		<a class="twitter-timeline" data-lang="en" data-height="1000" data-theme="dark" href="https://twitter.com/ESPN_Esports?ref_src=twsrc%5Etfw">Tweets by ESPN_Esports</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
		<br/>
	</div>
	</td>
	</tr>
	</table>
	<table class="footer">
		<tr>
			<td width="10%">
			</td>
			<td width="20%">
				<a href="index.html" style="font-family: Impact; font-size: 28px;">
					<img onmouseover="playclip();" src="assets/logo.png" alt="logo" width="200px" style="vertical-align: middle;"/>
					<br/>&nbsp;
				</a>
			</td>
			<td width="15%">
				<a href="index.html">
					Home
				</a><br/>
				<a href="about.html">
					About Us
				</a><br/>
				<a href="events.html">
					Events
				</a><br/>
				<a href="news.html">
					News and Media
				</a><br/>
				<a href="">
					<br/>
				</a>
			</td>
			<td width="15%">
				<a href="meetings.html">
					Club Meetings
				</a><br/>
				<a href="rules.html">
					Rules and Regulations
				</a><br/>
				<a href="attire.html">
					Attire/Equipment
				</a><br/>
				<a href="members.html">
					Member List
				</a><br/>
				<a href="tutorials.html">
					Gaming Tutorials
				</a>
			</td>
			<td width="15%">
				<a href="register.html">
					Register
				</a><br/>
				<a href="feedback.html">
					Enquire/Feedback
				</a><br/>
				<a href="https://www.facebook.com/apuesportsclub/">
					Join us in Facebook
				</a><br/>
				<a href="">
					<br/>
				</a>
				<a href="">
					<br/>
				</a>
			</td>
			<td width="25%">
			</td>
		</tr>
		<tr>
			<td id="footer" colspan="6">
				&copy; 2019 FetchOrbis: Cheng Wei Lun, Mun Chee Wah, Woo E-Than, Yap Chee Sing. All Rights Reserved.
			</td>
		</tr>
	</table>
	<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>
	<script type="text/javascript" src="assets/scrolltopcontrol.js"></script>
</body>
</html>