This repository has been archived by the owner on Apr 26, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (69 loc) · 3.28 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Engineering Revue">
<link rel="icon" href="img/favicon.png">
<title>UoA Engineering Revue</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway|Roboto+Slab:300:600" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="navbar-placeholder"></div>
<section class="row title background-grey">
<article class="col-md-6 offset-md-2">
<h1>UoA Engineering Revue</h1>
<p style="max-width: 500px">A theatre show put on every year by Engineering Students at the University of Auckland</p>
</article>
</section>
<section class="row section">
<article class="col-md-6 offset-md-3">
<h2>About Us</h2>
<p class="justify">
The Engineering Revue is an awesome show put on by the University of Auckland Faculty of Engineering
at SKYCITY Theatre. Established in 2008, the Revue is an annual event drawing on the collective talent
of dozens of students, from bright-eyed first years to world-weary post-graduates. Every aspect of the show,
from writing and performance, through choreography and costume, to lighting and sound, is done by students.
Heck, in the past we've even made an elevator & a pirate ship, and this year we made a dragon! It all comes together
for a night (or three) of acting, comedy, dancing, singing, and much more!
</p>
<br />
<img class="image-fill" src="img/index/about_us.jpg" alt="Cast of 2018">
</article>
</section>
<section class="row section background-grey">
<article class="col-md-6 offset-md-3">
<h2>Contact Us</h2>
<p>
Have some questions?<br />
Email: <a href="mailto:[email protected]">[email protected]</a>
</p>
<br>
<a href="https://www.facebook.com/EngineeringRevue/" class="fa fa-facebook"></a>
<a href="https://www.instagram.com/engrevue" class="fa fa-instagram"></a>
<a href="https://www.youtube.com/user/Engrevue" class="fa fa-youtube"></a>
<a href="https://www.snapchat.com/add/engrevue" class="fa fa-snapchat-ghost"></a>
</article>
</section>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/jquery-3.3.1.min.js"><\/script>')</script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/index.js"></script> -->
<script>
//Loads the navbar dynamically
$(function(){
$("#navbar-placeholder").load("navbar.html");
});
</script>
</body>
</html>