forked from Rachel13579/HCCRI
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·228 lines (225 loc) · 15.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HCCRI</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Monda&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script src="https://code.iconify.design/iconify-icon/1.0.3/iconify-icon.min.js"></script>
</head>
<body>
<div class="red-nav-s">
<a id="side-close" class="nav-link">×</a>
<a href="index.html" class="nav-link">Home</a>
<div class="dropdown">
<span class="nav-link">About</span>
<div class="dropdown-content">
<div class="nav-link-wrapper">
<a href="/static/pages/about-hccri.html" class="nav-link">HCCRI</a>
</div>
<div class="nav-link-wrapper">
<a href="/static/pages/about-hacas.html" class="nav-link">HACAS</a>
</div>
<div class="nav-link-wrapper">
<a href="/static/pages/about-secretariat.html" class="nav-link">The Secretariat</a>
</div>
</div>
</div>
<a href="registration.html" class="nav-link">Registration</a>
<div class="dropdown">
<span class="nav-link">Councils</span>
<div class="dropdown-content">
<div class="nav-link-wrapper">
<a href="/static/pages/councils-beginner.html" class="nav-link">Beginner</a>
</div>
<div class="nav-link-wrapper">
<a href="/static/pages/councils-intermediate.html" class="nav-link">Intermediate</a>
</div>
<div class="nav-link-wrapper">
<a href="/static/pages/councils-advanced.html" class="nav-link">Advanced</a>
</div>
<div class="nav-link-wrapper">
<a href="/static/pages/councils-specialised.html" class="nav-link">Specialised</a>
</div>
</div>
</div>
<a href="schedule.html" class="nav-link">Schedule</a>
<a href="resources.html" class="nav-link">Resources</a>
<a href="contact.html" class="nav-link">Contact</a>
</div>
<div class="red-nav-m">
<a id="side-open" style="display: block;">☰</a>
<p>HCCRI XII</p>
</div>
<div class="hero-head">
<div class="hero-head-content">
<img src="static/hccri-logo-transparent.png" alt="HCCRI Logo" class="hccri-logo">
<h1 class="hero-title">HCCRI XII</h1>
<p class="hero-subtitle">19 AND 20 JUNE 2023</p>
</div>
</div>
<div class="hero">
<div class="hero-main-content">
<div class="hero-main-content-left">
<h1 class="hero-title">A Message from the Secretary-General</h1>
<p class="hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam vehicula mi,
ac semper augue faucibus eget. In sit amet dictum odio. Vestibulum in neque auctor, vehicula diam
at,
porttitor nibh. Phasellus vitae turpis tortor. Proin vel risus mauris. Pellentesque sollicitudin
tempor orci rhoncus placerat. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. Nullam ac augue libero. Morbi euismod, diam at semper mattis, orci erat semper ex, at
ullamcorper urna neque ut ex. Nam suscipit mauris in ultricies gravida. Fusce quis metus libero.
<br><br>
Suspendisse molestie nulla nunc, egestas bibendum ante vehicula et. Cras maximus commodo tincidunt.
Fusce lobortis malesuada orci, sed laoreet augue ornare ut. Duis nisl nulla, suscipit et purus vel,
tincidunt maximus odio. Aliquam fermentum rutrum magna a fermentum. Suspendisse felis diam, dapibus
sit amet pharetra quis, sodales a lorem. Morbi efficitur justo non urna pretium ullamcorper. Nulla a
euismod leo. Phasellus interdum enim mi. Praesent rutrum, massa pellentesque ultricies maximus,
libero odio
efficitur enim, at accumsan sem nunc ultricies mi. Nam a fringilla quam, sit amet suscipit erat.
<br><br>
Pellentesque placerat, diam et ullamcorper semper, libero lacus eleifend massa, at pharetra mauris
tortor non quam. Morbi et mollis urna, at elementum dui. Curabitur pellentesque, quam id faucibus
euismod, ligula leo pharetra est, id condimentum elit quam id odio. Etiam lobortis, ex ac molestie
ullamcorper, lorem nibh feugiat justo, consequat scelerisque eros mi ut neque. Etiam ac risus
hendrerit, tempor dolor non, eleifend risus. Nunc nec suscipit neque. Phasellus rutrum vulputate
sagittis.
Nulla accumsan ipsum quis accumsan venenatis. Aenean convallis in leo ac volutpat. Pellentesque
pharetra
dapibus volutpat. Sed pulvinar mi non justo vestibulum sagittis. Sed hendrerit nisl accumsan ante
blandit, ac pulvinar massa varius. Maecenas ornare auctor blandit.
<br><br>
Sed quis mi cursus, hendrerit odio nec, sagittis velit. Sed eu varius dolor. Orci varius natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer non vehicula odio, nec
cursus nunc. In tempus dolor vitae nisi blandit, ut pellentesque risus sodales. Aliquam sapien sem,
lobortis eget sapien quis, aliquam iaculis dui. Etiam sit amet dolor et libero aliquam bibendum. Nam
vestibulum ante ac ipsum fringilla, sed mattis purus dictum. Proin orci est, volutpat ut mauris at,
bibendum
varius dolor.
<br><br>
Suspendisse potenti. Nullam placerat massa vel gravida dictum. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Proin et tempus magna, quis eleifend massa.
Nulla in posuere lorem. Sed ut blandit neque. Vestibulum ultricies, eros in posuere eleifend, dui
est convallis nulla, eu facilisis nisl purus sit amet sapien. Sed imperdiet ex nec lacus gravida
ultrices. Aenean ut enim ac velit tempus dignissim. Nullam bibendum quam eu arcu mollis, eu
hendrerit felis
hendrerit. Sed sit amet tellus libero. Proin varius molestie risus. Nulla eget sapien et felis
sollicitudin auctor. Donec vel odio eu lorem mattis dignissim vel sed massa.
</p>
</div>
<div class="hero-main-content-right">
<img class="hero-main-content-photo" src="/static/photos/20210913_112658.jpg">
</div>
</div>
</div>
<div class="hero">
<div class="hero-main-content">
<div class="hero-main-content-left">
<h1 class="hero-title">Guest-of-Honour</h1>
<p class="hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam vehicula mi,
ac semper augue faucibus eget. In sit amet dictum odio. Vestibulum in neque auctor, vehicula diam
at,
porttitor nibh. Phasellus vitae turpis tortor. Proin vel risus mauris. Pellentesque sollicitudin
tempor orci rhoncus placerat. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. Nullam ac augue libero. Morbi euismod, diam at semper mattis, orci erat semper ex, at
ullamcorper urna neque ut ex. Nam suscipit mauris in ultricies gravida. Fusce quis metus libero.
<br><br>
Suspendisse molestie nulla nunc, egestas bibendum ante vehicula et. Cras maximus commodo tincidunt.
Fusce lobortis malesuada orci, sed laoreet augue ornare ut. Duis nisl nulla, suscipit et purus vel,
tincidunt maximus odio. Aliquam fermentum rutrum magna a fermentum. Suspendisse felis diam, dapibus
sit amet pharetra quis, sodales a lorem. Morbi efficitur justo non urna pretium ullamcorper. Nulla a
euismod leo. Phasellus interdum enim mi. Praesent rutrum, massa pellentesque ultricies maximus,
libero odio
efficitur enim, at accumsan sem nunc ultricies mi. Nam a fringilla quam, sit amet suscipit erat.
<br><br>
Pellentesque placerat, diam et ullamcorper semper, libero lacus eleifend massa, at pharetra mauris
tortor non quam. Morbi et mollis urna, at elementum dui. Curabitur pellentesque, quam id faucibus
euismod, ligula leo pharetra est, id condimentum elit quam id odio. Etiam lobortis, ex ac molestie
ullamcorper, lorem nibh feugiat justo, consequat scelerisque eros mi ut neque. Etiam ac risus
hendrerit, tempor dolor non, eleifend risus. Nunc nec suscipit neque. Phasellus rutrum vulputate
sagittis.
Nulla accumsan ipsum quis accumsan venenatis. Aenean convallis in leo ac volutpat. Pellentesque
pharetra
dapibus volutpat. Sed pulvinar mi non justo vestibulum sagittis. Sed hendrerit nisl accumsan ante
blandit, ac pulvinar massa varius. Maecenas ornare auctor blandit.
<br><br>
Sed quis mi cursus, hendrerit odio nec, sagittis velit. Sed eu varius dolor. Orci varius natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer non vehicula odio, nec
cursus nunc. In tempus dolor vitae nisi blandit, ut pellentesque risus sodales. Aliquam sapien sem,
lobortis eget sapien quis, aliquam iaculis dui. Etiam sit amet dolor et libero aliquam bibendum. Nam
vestibulum ante ac ipsum fringilla, sed mattis purus dictum. Proin orci est, volutpat ut mauris at,
bibendum
varius dolor.
<br><br>
Suspendisse potenti. Nullam placerat massa vel gravida dictum. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Proin et tempus magna, quis eleifend massa.
Nulla in posuere lorem. Sed ut blandit neque. Vestibulum ultricies, eros in posuere eleifend, dui
est convallis nulla, eu facilisis nisl purus sit amet sapien. Sed imperdiet ex nec lacus gravida
ultrices. Aenean ut enim ac velit tempus dignissim. Nullam bibendum quam eu arcu mollis, eu
hendrerit felis
hendrerit. Sed sit amet tellus libero. Proin varius molestie risus. Nulla eget sapien et felis
sollicitudin auctor. Donec vel odio eu lorem mattis dignissim vel sed massa.
</p>
</div>
<div class="hero-main-content-right">
<img class="hero-main-content-photo" src="/static/photos/20211029_101619.jpg">
</div>
</div>
</div>
<div class="hero">
<div class="hero-main-content">
<div class="hero-main-content">
<div>
<h1 class="hero-title">About APAC Advisors</h1>
<p class="hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam vehicula mi,
ac semper augue faucibus eget. In sit amet dictum odio. Vestibulum in neque auctor, vehicula diam
at,
porttitor nibh. Phasellus vitae turpis tortor. Proin vel risus mauris. Pellentesque sollicitudin
tempor orci rhoncus placerat. Orci varius natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. Nullam ac augue libero. Morbi euismod, diam at semper mattis, orci erat semper ex, at
ullamcorper urna neque ut ex. Nam suscipit mauris in ultricies gravida. Fusce quis metus libero.
<br><br>
Suspendisse molestie nulla nunc, egestas bibendum ante vehicula et. Cras maximus commodo tincidunt.
Fusce lobortis malesuada orci, sed laoreet augue ornare ut. Duis nisl nulla, suscipit et purus vel,
tincidunt maximus odio. Aliquam fermentum rutrum magna a fermentum. Suspendisse felis diam, dapibus
sit amet pharetra quis, sodales a lorem. Morbi efficitur justo non urna pretium ullamcorper. Nulla a
euismod leo. Phasellus interdum enim mi. Praesent rutrum, massa pellentesque ultricies maximus,
libero odio
efficitur enim, at accumsan sem nunc ultricies mi. Nam a fringilla quam, sit amet suscipit erat.
<br><br>
Pellentesque placerat, diam et ullamcorper semper, libero lacus eleifend massa, at pharetra mauris
tortor non quam. Morbi et mollis urna, at elementum dui. Curabitur pellentesque, quam id faucibus
euismod, ligula leo pharetra est, id condimentum elit quam id odio. Etiam lobortis, ex ac molestie
ullamcorper, lorem nibh feugiat justo, consequat scelerisque eros mi ut neque. Etiam ac risus
hendrerit, tempor dolor non, eleifend risus. Nunc nec suscipit neque. Phasellus rutrum vulputate
sagittis.
Nulla accumsan ipsum quis accumsan venenatis. Aenean convallis in leo ac volutpat. Pellentesque
pharetra
dapibus volutpat. Sed pulvinar mi non justo vestibulum sagittis. Sed hendrerit nisl accumsan ante
blandit, ac pulvinar massa varius. Maecenas ornare auctor blandit.
</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-icons">
<div><iconify-icon icon="material-symbols:location-on-outline" width="25"></iconify-icon><span>661 Bukit Timah Rd, Singapore 269734</span></div>
<div><iconify-icon icon="ic:outline-email" width="25"></iconify-icon><span>[email protected]</span></div>
</div>
<p class="footer-small">© HCCRI XII</p>
</div>
</body>
<script src="script.js"></script>
</html>