-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
216 lines (213 loc) · 10 KB
/
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
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
<!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">
<meta name="description"
content="On this page we keep you updated with our latest events and new exhibitions. We regularly update it so be sure to check in every now and again to get updated.">
<script>
(function (d) {
var config = {
kitId: 'rvx8jyl',
scriptTimeout: 3000,
async: true
},
h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)
})(document);
</script>
<link rel="stylesheet" href="https://use.typekit.net/wsq8tcu.css">
<link href="styles/global.css" rel="stylesheet">
<link href="styles/variables.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/591f5bf3d7.js" crossorigin="anonymous"></script>
<title>Community Science Museum | Special Events and Exhibitions</title>
</head>
<body>
<header>
<nav>
<a href="index.html" class="logo-container">
<div>
<img src="images/Logo.png" alt="the community science museum logo" class="logo">
</div>
<p class="motto">"Explore together"</p>
</a>
<div class="nav-icon-container">
<div class="search-button-container">
<i class="fas fa-search activate-search-menu"></i></label>
</div>
<div>
<label for="dropdown-menu" class="hamburger-menu"><i class="fas fa-bars"></i></label>
<input type="checkbox" id="dropdown-menu">
<section class="site-navigation">
<div class="site-navigation-border">
<a href="about.html">
<p class="site-navigation-text">About us</p>
</a>
</div>
<div class="site-navigation-border current-container">
<a href="events.html">
<p class="site-navigation-text current">Events</p>
</a>
</div>
<div class="site-navigation-border">
<a href="explore.html">
<p class="site-navigation-text">Explore</p>
</a>
</div>
<div class="site-navigation-border">
<a href="exhibits.html">
<p class="site-navigation-text">Exhibits</p>
</a>
</div>
<div class="site-navigation-border">
<a href="involved.html">
<p class="site-navigation-text">Get involved</p>
</a>
</div>
<div class="site-navigation-border">
<a href="visit.html">
<p class="site-navigation-text">Visit us</p>
</a>
</div>
<div class="site-navigation-border">
<a href="booking.html">
<p class="booking-text-span site-navigation-text">
<span>Booking and</span>
<span>application</span>
</p>
</a>
</div>
</section>
</div>
</div>
</nav>
</header>
<main>
<section class="top-section">
<div class="section-subcontainer">
<h1>Special Events And Exhibitions</h1>
</div>
</section>
<section class="section-image-container">
<div>
<img src="images/andrew-ruiz-348421-scaled.jpg"
alt="Astronaut with yellow suite and helmet sitting in chair looking at many screens all around"
class="section-image">
</div>
</section>
<section class="standard-section red-section">
<div class="section-subcontainer">
<div>
<h2 class="info-section-h2">Visiting Professor of Aeronatutics</h2>
<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="right-button-container contact-button">
<a href="booking.html"><button class="button">Booking</button></a>
</div>
</div>
</section>
<section class="section-image-container">
<div>
<img src="images/mammoth-1257288_1920-scaled.jpg"
alt="The full scale sceloton of a large Mammoth displayed in the museum" class="section-image">
</div>
</section>
<section class="standard-section aqua-section">
<div class="section-subcontainer">
<div>
<h2 class="info-section-h2">Night in the Museum</h2>
<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="right-button-container contact-button">
<a href="booking.html"><button class="button">Booking</button></a>
</div>
</div>
</section>
<section class="section-image-container">
<div>
<img src="images/scientific-2040795_1280-scaled.jpg"
alt="Scientist sitting on her knees looking in the open door of a large turbine"
class="section-image">
</div>
</section>
<section class="standard-section orange-section">
<div class="section-subcontainer">
<div>
<h2 class="info-section-h2">Energetica Exhibition on Loan</h2>
<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>
<div class="right-button-container contact-button">
<a href="visit.html"><button class="button">Visit us</button></a>
</div>
</div>
</section>
<section class="standard-section home-button-section">
<div class="right-button-container">
<a href="index.html"><button class="button home-button">Home</button></a>
</div>
</section>
</main>
<footer>
<div class="footer-container">
<section class="hours-section">
<div>
<p class="footer-heading">Opening Hours:</p>
</div>
<div>
<p class="hours-text">
Mon: Closed
</p>
<p class="hours-text">
Tue: 10:00 – 16:00
</p>
<p class="hours-text">
Wed: 10:00 – 16:00
</p>
<p class="hours-text">
Thu: 10:00 – 16:00
</p>
<p class="hours-text">
Fri: 10:00 – 19:00
</p>
<p class="hours-text">
Sat: 9:00 – 16:00
</p>
<p class="hours-text">
Sun: 9:00 – 13:00
</p>
</div>
</section>
<section class="address-section">
<div>
<p class="footer-heading">Address and Contact</p>
</div>
<div class="address-info">
<i class="fas fa-map-pin" alt="map pin"></i>
<p class="address-text">Folke Bernadottes vei 40, 5147 Fyllingsdalen.</p>
</div>
<div class="address-info">
<i class="fas fa-envelope" alt="envelope"></i>
<a href="">
<p class="address-text">[email protected]</p>
</a>
</div>
<div class="address-info">
<i class="fas fa-phone-alt" alt="telephone"></i>
<a href="">
<p class="address-text">(+47) 999 99 999</p>
</a>
</div>
</section>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>