-
Notifications
You must be signed in to change notification settings - Fork 0
/
committee.html
436 lines (393 loc) · 22.9 KB
/
committee.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
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Oxford Students Liberal Association (OSLA) - Liberal since 1913</title>
<meta name="description" content="Oxford Students Liberal Association - Liberal since 1913. Liberalism for Oxford Students.">
<meta name="author" content="Hayden Williams">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Google Fonts
================================================== -->
<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=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet">
<nav class="navbar navbar-expand-sm ld-bg navbar-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"> <img src="images/logo-banner.svg" alt="Homepage" style="width: 480px; height: 270px;"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="navbar-nav nav-link" href="about.html" style="color: #FAA61A;">About</a>
</li>
<li class="nav-item">
<a class="navbar-nav nav-link" href="committee.html" style="color: #FAA61A;">Committee</a>
</li>
<li class="nav-item"></li>
<a class="navbar-nav nav-link" href="events.html" style="color: #FAA61A;">Events</a>
</li>
<li class="nav-item">
<a class="navbar-nav nav-link" href="documents.html" style="color: #FAA61A;">Documents</a>
</li>
<li class="nav-item">
<a class="navbar-nav nav-link" href="donate.html" style="color: #FAA61A;">Donate</a>
</li>
<li class="nav-item">
<a class="navbar-nav nav-link" href="alumni.html" style="color: #FAA61A;">Alumni</a>
</li>
<li class="nav-item">
<a class="navbar-nav nav-link" href="contact.html" style="color: #FAA61A;">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link join-us" href="join.html" style="color: #FAA61A;">JOIN</a>
</li>
</ul>
</div>
</div>
</nav>
</head>
<body>
<!-- home -->
<!-- Committee Members Section -->
<section class="committee-members container my-5 text-center">
<span class="badge bg-success">Hilary Term 2025</span>
<h1 class="text-center mb-5">The Executive</h1>
<div class="row justify-content-center">
<!-- President Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/president.jpg" class="card-img-top" alt="The President" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The President</h2>
<h3 class="card-fullname">Will Lawson</h3>
<p class="card-college"><i>Mansfield College</i></p>
<p class="card-text">As President, Will drives OSLA's mission with energy and commitment, championing liberal values through dynamic events, engaging debates, and welcoming socials. Under his leadership, OSLA continues to thrive as a hub for liberalism in Oxford.</p>
<a href="mailto:president@oxuniliberals.com" class="btn-email">Email: The President</a>
</div>
</div>
</div>
<!-- Vice-President Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/vice-president.jpeg" class="card-img-top" alt="The Vice-President" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Vice-President (The Secretary)</h2>
<h3 class="card-fullname">Bhavika "Vee" Kumar</h3>
<p class="card-college"><i>Worcester College</i></p>
<p class="card-text">The Vice-President is the second-in-command at the Society and helps The President with day-to-day operations, strategy and implementing Committee and Executive wishes.</p>
<a href="mailto:vicepresident@oxuniliberals.com" class="btn-email">Email: The Vice-President</a>
</div>
</div>
</div>
<!-- Treasurer Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/treasurer.jpg" class="card-img-top" alt="The Treasurer" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Treasurer</h2>
<h3 class="card-fullname">Lauren Crabtree</h3>
<p class="card-college"><i>Pembroke College</i></p>
<p class="card-text">The Treasurer is responsible for the Society's financial health. The Treasurer works in lock-step with the President and Vice-President to ensure all plans can be financed and scrutinises decisions made.</p>
</div>
</div>
</div>
</section>
<!-- Main Body of Committee Section -->
<section class="committee-members container my-5 text-center">
<h1 class="text-center mb-5">The Committee</h1>
<div class="row justify-content-center">
<!-- Returning Officer Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/ro-mt24.jpeg" class="card-img-top" alt="The Returning Officer" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Returning Officer</h2>
<h3 class="card-fullname">Julian Wang</h3>
<p class="card-college"><i>College of the Great Hall (University College)</i></p>
<p class="card-text">The Returning Officer (RO)'s primary role is to manage society elections. The RO's secondary role is to interpret the Standing Orders.</p>
<a href="mailto:returningofficer@oxuniliberals.com" class="btn-email">Email: The Returning Officer</a>
</div>
</div>
</div>
<!-- Chief Whip Card <-->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/whip.jpeg" class="card-img-top" alt="The Chief Whip" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Chief Whip</h2>
<h3 class="card-fullname">Felix Mottram</h3>
<p class="card-college"><i>St Edmund Hall</i></p>
<p class="card-text">The Chief Whip ensures coordination within the committee, supports events and campaigns, and promotes teamwork and liberal values.</p>
</div>
</div>
</div>
<!-- The Director of Communications Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/doc.jpeg" class="card-img-top" alt="The Director of Communications" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Director of Communications</h2>
<h3 class="card-fullname">Harry Morgan</h3>
<p class="card-college"><i>Pembroke College</i></p>
<p class="card-text">The Director of Communications manages communications and communication strategy for OSLA.</p>
</div>
</div>
</div>
<!-- The Webmaster Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/webmaster.png" class="card-img-top" alt="The Webmaster" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Webmaster</h2>
<h3 class="card-fullname">Hayden Williams</h3>
<p class="card-college"><i>Oxford Brookes University</i></p>
<p class="card-text">Hayden is a second-year Cyber Security student. He is the architect and maintainer of OSLA's website, mail and other digital infrastructure.<p>
<a href="mailto:hayden@haydenwilliams.dev" class="btn-email">Email: The Webmaster</a>
</div>
</div>
</div>
<!-- The Social Secretary Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/social-sec.jpg" class="card-img-top" alt="The Social Secretary" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Social Secretary</h2>
<h3 class="card-fullname">Theo Cunningham</h3>
<p class="card-college"><i>St. John's College</i></p>
<p class="card-text">The Social Secretary's role is to run and manage OSLA's social media accounts.</p>
</div>
</div>
</div>
<!-- The Access and Welfare Officer Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/acesswelfare.jpeg" class="card-img-top" alt="The Access and Welfare Officer" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Access and Welfare Officer</h2>
<h3 class="card-fullname">Isabel Valovin</h3>
<p class="card-college"><i> Mansfield College</i></p>
<p class="card-text">The Access and Welfare Officer ensures the accessibility, inclusivity and welfare of OSLA and members.</p>
<a href="mailto:accessandwelfare@oxuniliberals.com" class="btn-email">Email: The Access and Welfare Officer</a>
</div>
</div>
</div>
<!-- Political Officer Card <-->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/po-mt24.jpg" class="card-img-top" alt="The Political Officer" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Political Officer</h2>
<h3 class="card-fullname">Oliver Jones-Lyons</h3>
<p class="card-college"><i>Christ Church</i></p>
<p class="card-text">The Political Officer is in charge of campaigning, policy and Liberal Democrat party liason for OSLA.</p>
</div>
</div>
</div>
<!-- Chief of Staff Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/cos.jpg" class="card-img-top" alt="The Chief of Staff" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Chief of Staff</h2>
<h3 class="card-fullname">Liza Barkova</h3>
<p class="card-college"><i>Christ Church</i></p>
</div>
</div>
</div>
<!-- Senior Member Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/senior-mt24.jpg" class="card-img-top" alt="The Senior Member " style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Senior Member</h2>
<h3 class="card-fullname">Dr Stephen Goddard</h3>
<p class="card-college"><i>St John's College</i></p>
<p class="card-text"> The Senior Member in a University of Oxford society acts as a liaison between the Society and the University, providing guidance and ensuring compliance with University regulations.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Honorary Chair Section -->
<section class="committee-members container my-5 text-center">
<h1 class="text-center mb-5">Honorary Officers</h1>
<div class="row justify-content-center">
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/lord-newby.jpg" class="card-img-top" alt="Lord Newby" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Honorary Chair</h2>
<h3 class="card-fullname">The Rt Hon. The Lord Newby <i>OBE PC</i></h3>
<p class="card-college"><i>St. Catherine's College</i></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/president-for-life.jpg" class="card-img-top" alt="President for Life" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Honorary President</h2>
<h3 class="card-fullname">Zagham Farhan</h3>
<p class="card-college"><i>University College</i></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/vp-honorable.jpeg" class="card-img-top" alt="Vice President for Life" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Honorary Vice President</h2>
<h3 class="card-fullname">Heather Judge</h3>
<p class="card-college"><i>The Queen's College</i></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/patron.jpeg" class="card-img-top" alt="Vice President for Life" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Patron</h2>
<h3 class="card-fullname">Conor Boyle</h3>
<p class="card-college"><i>The Queen's College</i></p>
</div>
</div>
</div>
</section>
<!-- Officers Emeritus Section -->
<section class="committee-members container my-5 text-center">
<h1 class="text-center mb-5">Officers Emeritus</h1>
<div class="row justify-content-center">
<!-- The President Emeritus Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/senior-ex-pres.jpg" class="card-img-top" alt="The President Emeritus" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The President Emeritus</h2>
<h3 class="card-fullname">Zagham Farhan</h3>
<p class="card-college"><i>University College</i></p>
<p class="card-text">The President Emeritus is the person who has most recently left the office of President. The President Emeritus acts as an expert advisor to the President should this be required.<p>
</div>
</div>
</div>
<!-- The Vice-President Emeritus Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/vice-president-emeritus.jpg" class="card-img-top" alt="The Vice-President Emeritus" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Vice-President Emeritus</h2>
<h3 class="card-fullname">Richanne Davies</h3>
<p class="card-college"><i>University College</i></p>
<p class="card-text">The Vice-President Emeritus is the person who has most recently left the office of Vice-President. The Vice-President Emeritus acts as an expert advisor to the President should this be required.<p>
</div>
</div>
</div>
<!-- The Treasurer Emeritus Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/logo.png" class="card-img-top" alt="The Treasurer Emeritus" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Treasurer Emeritus</h2>
<h3 class="card-fullname">Elizabeth Gibson</h3>
<p class="card-college"><i>College of the Great Hall (University College)</i></p>
<p class="card-text">The Treasurer Emeritus is the person who has most recently left the office of Treasurer.<p>
</div>
</div>
</div>
<!-- Returning Officer Emeritus Card -->
<div class="col-md-4 mb-4">
<div class="card h-100">
<img src="images/committee/ro-emeritus.jpg" class="card-img-top" alt="The Returning Officer Emeritus" style="object-fit: cover; height: 300px;">
<div class="card-body">
<h2 class="card-title">The Returning Officer Emeritus</h2>
<h3 class="card-fullname">Oliver Jones-Lyons</h3>
<p class="card-college"><i>Christ Church</i></p>
<p class="card-text">The Returning Officer Emeritus is the person who has most recently left the office of Returning Officer.</p>
</div>
</div>
</div>
</div>
</section>
<hr class="container my-5">
<!-- preloader
==================================================
<div id="preloader">
<div id="loader">
<div class="line-scale-pulse-out">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
-->
<!-- Java Script
================================================== -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "07ece4e9475a4cbb92f682afe5f07054"}'></script><!-- End Cloudflare Web Analytics -->
</body>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<img src="images/logo.svg" alt="OSLA Logo" width="480" height="270">
</div>
<div class="footer-links">
<h3>OSLA Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">Join</a></li>
<li><a href="documents.html">Documents</a></li>
<li><a href="committee.html">Committee</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="alumni.html">Alumni</a></li>
<li><a href="about.html">About</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-social">
<h3>Follow OSLA!</h3>
<ul>
<li><a href="https://x.com/oxunilibdems/"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/oxuniliberals/"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/company/oxford-university-liberal-democrats"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<div class="footer-subscribe">
<h3><a href="mailing-list.html">Click here to join OSLA's Mailing List</a></h3>
</div>
</div>
<div class="footer-bottom">
<p>Copyright 2024 - The Oxford Students Liberal Association (OSLA) - Liberal since 1913</p>
<a href="https://www.haydenwilliams.dev/">Website by Hayden Williams</a>
</div>
</div>
</footer>
</html>