-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (105 loc) · 4.31 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
<html>
<head>
<meta charset="UTF-8">
<title>Espionage 2016</title>
<link rel="stylesheet" type="text/css" href="main.css" >
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="navbar">
<ul class="hor_navbar">
<li class="nav_list"><a href="#Title">Home</a></li>
<li class="nav_list"><a href="#Houses">The Houses</a></li>
<li class="nav_list"><a href="#FAQ">F.A.Qs</a></li>
<li class="nav_list"><a href="#Sponsors">Sponsors</a></li>
</ul>
</div>
<div class="container">
<div class="container-overlay"></div>
<div class="container-title">
<a name="Title" class="section"></a>
<p>Singapore University of Technology and Design <br>presents</p>
<h1>ESPIONAGE</h1>
<p>Freshman Orientation Camp 2016</p>
</div>
<div class="container-background">
<h2>Background</h2>
<p>
Welcome recruits
<br><br>
You all have been officially chosen to be part of the Knights of the Round Table. Should you accept, you would be sorted into one of four houses, Percival, Merlin, Lancelot and Galahad. Your House Heads will be guiding you and teaching you the ways of the trade. You will be competing with your fellow recruits to prove yourselves worthy of a place around the Table.
<br><br>
<p class = "Welcome">WELCOME TO THE WORLD OF ESPIONAGE</p>
</p>
<!-- <div class="videowrapper">
<iframe src="https://www.youtube.com/embed/PiofG2Sf0Qk?showinfo=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
</div> -->
<h2>Countdown</h2>
<div id="clockdiv">
<div>
<span class="days"></span>:<span class="hours"></span>:<span class="minutes"></span>:<span class="seconds"></span>
</div>
</div>
<script type="text/javascript" src="js/countdown.js"></script>
<!-- <div class="videowrapper">
<object><param name="movie" value="http://www.youtube.com/v/PiofG2Sf0Qk?version=3&hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/PiofG2Sf0Qk?version=3&hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed></object>
<iframe src="https://www.youtube.com/embed/PiofG2Sf0Qk?showinfo=0?wmode=transparent" frameborder="0" wmode="opaque"></iframe>
</div> -->
<a name="Houses" class="section"></a>
<h2>The Houses</h2>
<img src="img/Emblem-Blue.png" alt="">
<img src="img/Emblem-Yellow.png" alt="">
<img src="img/Emblem-Green.png" alt="">
<img src="img/Emblem-Red.png" alt="">
</div>
<div class="container-blue">
<img src="img/percival emblem combined.png" alt="">
<h2>HOUSE of PERCIVAL</h2>
</div>
<div class="container-yellow">
<img src="img/merlin emblem combined.png" alt="">
<h2>HOUSE of MERLIN</h2>
</div>
<div class="container-green">
<img src="img/lancelot emblem combined.png" alt="">
<h2>HOUSE of LANCELOT</h2>
</div>
<div class="container-red">
<img src="img/galahad emblem combined u.png" alt="">
<h2>HOUSE of GALAHAD</h2>
</div>
<div class="container-faq">
<a name="FAQ" class="section"></a>
<h2>F.A.Q</h2>
<p>
The orientation will take place from <u><b>May 11 to May 14 </b></u>.
<br>
Check back for further details.
</p>
</div>
<div class="container-sponsor">
<a name="Sponsors" class="section"></a>
<h2>Sponsored By</h2>
<!-- <p>
</p> -->
<table border="0" cellpadding="5" cellspacing="5" width="90%" align="center">
<tr>
<td align="center"><img src="img/Microsoft Logo Final.png" alt="Microsoft Corporation" width="100%"></td>
<td align = "left"><img src="img/DSTA Final.png" alt="DSTA" width="100%"></td>
</tr>
</table>
<!-- <tr> -->
<p align="center"><img src="img/MenstruHeatlhWhite.png" alt="MenstruHeat" width="50%"></p>
<!-- </tr> -->
<!--
<tr>
<td><img src="img/Sponsor.png" alt="Sponsor Name" width="100%"></td>
<td><img src="img/Sponsor.png" alt="Sponsor Name" width="100%"></td>
<td><img src="img/Sponsor.png" alt="Sponsor Name" width="100%"></td>
</tr> -->
<!-- </table> -->
</div>
</div>
</body>
</html>