-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspecial-events.html
154 lines (154 loc) · 7.05 KB
/
special-events.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="Community Science Museum, Exhibitions, CSM, Science, Museum, CSS, HTML, Noroff" />
<meta name="description" content="Welcome to the Community Science Museum. Here you can see our upcoming special events. Mark your calendar!" />
<title>Special Events | Community Science Museum</title>
<link href="/css/styles.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<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=Commissioner&family=Tourney:ital,wght@1,700&display=swap" rel="stylesheet" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
crossorigin="anonymous"
/>
</head>
<body>
<div class="content-wrapper">
<div class="content-container">
<header class="flex-column">
<div class="flex header1">
<div>
<a href="index.html"><img src="images/open-science-black.png" alt="Community Science Museum Logo" class="header-logo" /></a>
</div>
<div class="header-text-secondary header-position-large">
<p class="opening-hours" id="opening-hours">Opening Hours today:</p>
<h1>Community Science Museum</h1>
</div>
<div class="hamburger-wrapper">
<input type="checkbox" id="hamburger-menu" />
<label class="hamburger-label" for="hamburger-menu"><i class="fa fa-bars"></i></label>
<div class="nav-overlay">
<ul>
<li>
<a href="index.html" class="active">Home</a>
</li>
<li>
<a href="exhibitions.html">Exhibitions</a>
</li>
<li>
<a href="special-events.html">Special Events</a>
</li>
<li>
<a href="explore.html">Explore</a>
</li>
<li>
<a href="get-involved.html">Get Involved</a>
</li>
<li>
<a href="visit.html">Visit</a>
</li>
<li>
<a href="get-involved.html#contact-us">Contact us</a>
</li>
</ul>
</div>
</div>
<div class="desktop-nav">
<ul>
<li>
<a href="index.html" class="desktop-active">Home</a>
</li>
<li>
<a href="exhibitions.html">Exhibitions</a>
</li>
<li>
<a href="special-events.html">Special Events</a>
</li>
<li>
<a href="explore.html">Explore</a>
</li>
<li>
<a href="get-involved.html">Get Involved</a>
</li>
<li>
<a href="visit.html">Visit</a>
</li>
<li>
<a href="get-involved.html#contact-us">Contact us</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<section class="heading-container">
<h3 class="visually-hidden">Special Events page heading.</h3>
<img src="images/video-game.png" alt="Special Events Icon" class="page-icon-medium" />
<h2>Special Events</h2>
</section>
<section class="special-events-content grid-container">
<h3 class="visually-hidden">
Main page content. This page lists our special events, which are currently a visit from a Professor of Aeronautics, a night at the museum and a special exhibition on
loan.
</h3>
<div class="content-card-container">
<img src="images/sigmund-MQ2xYBHImKM-unsplash.jpg" alt="Image of Prof Sheila Widnall" class="exhibition-content-image" />
<h3>Visiting Professor of Aeronautics</h3>
<p>
It is our pleasure to announce that Prof Sheila Widnall from the Massachusetts Institute of Technology will be delivering 3 lectures on the development of
aeronautics and where the future lies in this exciting 'space'.
</p>
</div>
<div class="content-card-container">
<img src="images/chris-nguyen-tXmc2mVDxJc-unsplash.jpg" alt="T-Rex Display. May or may not come alive at night." class="exhibition-content-image" />
<h3>Night in the Museum</h3>
<p>
Get your family together for an exciting night in the museum as you sleep over beside dinosaurs and science displays. Bring your own sleeping bag and get ready to
rough it as we go exploring the wonders of science.
</p>
</div>
<div class="content-card-container">
<img src="images/ryunosuke-kikuno-gFUxnOzmuvo-unsplash.jpg" alt="Tesla coil from the Energetica Exhibition" class="exhibition-content-image" />
<h3>Energetica Exhibition on Loan</h3>
<p>
On loan from the NEMO Science Museum in Amsterdam, the Energetica exhibition is coming to the Community Science Museum. It's a series of installations that allow
visitors to experience the power of the elements as we harness them. From solar energy powering lighting, to 'Wind Island' that shows how turbines are able to use
and control wind to create power.
</p>
</div>
</section>
</main>
<footer class="flex-column footer-container">
<div class="footer-social-icons footer1">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
</div>
<div class="flex-column museum-quick-links footer2">
<h3>Museum</h3>
<a href="index.html">Home</a>
<a href="exhibitions.html">Exhibitions</a>
<a href="visit.html">Visit Us</a>
<a href="explore.html">Explore</a>
<a href="special-events.html">Special Events</a>
</div>
<div class="flex-column contact-quick-links footer3">
<h3>Contact</h3>
<a href="get-involved.html">Get Involved</a>
<a href="get-involved.html#contact-us">Contact Us</a>
</div>
<div class="copyright-info footer4">
<p>© 2021 Eric Pretzinger | Community Science Museum</p>
</div>
</footer>
</div>
</div>
<script src="/js/main.js"></script>
</body>
</html>