-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathevents.html
More file actions
151 lines (151 loc) · 7.49 KB
/
events.html
File metadata and controls
151 lines (151 loc) · 7.49 KB
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
<!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="Welcome to Community Science Museum. Find a exciting event for you and your family.">
<title>Events - Community Science Museum</title>
<link rel="stylesheet" href="css/style.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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<a href="index.html"><img src="images/Rocketlogo.jpg" alt="Community Science Museum logo" class="main-logo"></a>
<h2 class="logo-text">COMMUNITY SCIENCE MUSEUM</h2>
<!-- Desktop menu -->
<nav class="dropdown"><a href="index.html"><div class="menu-btn">HOME</div></a></nav>
<nav class="dropdown">
<a href="explore.html">
<div class="menu-btn">EXPLORE▾</div> </a>
<ul class="explore-dropdown">
<a href="explore.html#kids"><li>For Kids</li></a>
<a href="explore.html#teachers"><li>For Teachers</li></a>
<a href="explore.html#researchers"><li>For Researchers</li></a>
</ul>
</nav>
<nav class="dropdown">
<a href="exhibition.html">
<div class="menu-btn">EXHIBITION SPACES▾</div></a>
<ul class="exo-dropdown">
<a href="exhibition.html#cosmology"><li>Cosmology</li></a>
<a href="exhibition.html#evolution"><li>Evolution</li></a>
<a href="exhibition.html#bioandmed"><li>Biology and Medicine</li></a>
<a href="exhibition.html#roboandai"><li>Robotics and AI</li></a>
<a href="exhibition.html#ecology"><li>Ecology</li></a>
</ul>
</nav>
<nav class="dropdown"><a href="events.html"><div class="menu-btn">EVENTS</div></a></nav>
<nav class="dropdown"><a href="visit.html"><div class="menu-btn">VISIT</div></a></nav>
<div class="opening-hours"><div id="opening-hours-text"></div>
<div class="opening-hover">
<table>
<tr id="monday">
<td>Monday:</td>
<td>Closed</td>
</tr>
<tr id="tuesday">
<td>Tuesday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="wednesday">
<td>Wednesday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="thursday">
<td>Thursday:</td>
<td>10:00 - 16:00</td>
</tr>
<tr id="friday">
<td>Friday:</td>
<td>10:00 - 19:00</td>
</tr>
<tr id="saturday">
<td>Saturday:</td>
<td>09:00 - 16:00</td>
</tr>
<tr id="sunday">
<td>Sunday:</td>
<td>09:00 - 13:00</td>
</tr>
</table>
</div>
</div>
<!-- Mobile menu -->
<nav class="mobile-menu">
<input type="checkbox" id="menu-checkbox">
<label for="menu-checkbox"><div class="mobile-menu-button"><div class="hamburger-menu"></div></div></label>
<div id="mobile-dropdown-menu">
<ul>
<li><a href="index.html">HOME</a></li>
<input type="checkbox" id="explore-checkbox">
<label for="explore-checkbox"><li><div class="mouse-pointer">EXPLORE▾</div></li></label>
<div id="mobile-explore-dropdown">
<ul>
<li><a href="explore.html#kids">For Kids</a></li>
<li><a href="explore.html#teachers">For Teachers</a></li>
<li><a href="explore.html#researchers">For Researchers</a></li>
</ul>
</div>
<input type="checkbox" id="exhi-checkbox">
<label for="exhi-checkbox"><li><div class="mouse-pointer">EXHIBITION SPACES▾</div></li></label>
<div id="mobile-exhi-dropdown">
<ul>
<a href="exhibition.html#cosmology"><li>Cosmology</li></a>
<a href="exhibition.html#evolution"><li>Evolution</li></a>
<a href="exhibition.html#bioandmed"><li>Biology and Medicine</li></a>
<a href="exhibition.html#roboandai"><li>Robotics and AI</li></a>
<a href="exhibition.html#ecology"><li>Ecology</li></a>
</ul>
</div>
<li><a href="events.html">EVENTS</a></li>
<li><a href="visit.html">VISIT</a></li>
</ul>
</div>
</nav>
</header>
<main class="events-page">
<section class="events-hero hero" alt="Museum stairs background image">
<div class="info-area"><h1>EVENTS</h1>
</section>
<section class="container">
<div class="text-wrapper">
<div class="info-text-wrapper">
<h1>Visiting Professor of Aeronautics</h1>
<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>
<div class="section-image-wrapper centered">
<img src="/images/spacexlaunch.jpg" alt="Rocket launch picture" class="events-image centered">
</div>
</section>
<section class="container">
<div class="text-wrapper">
<div class="info-text-wrapper">
<h1>Night in the museum</h1>
<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>
<div class="section-image-wrapper centered">
<img src="/images/nightmuseum.jpg" alt="Museum floor image" class="events-image centered">
</div>
</section>
<section class="container">
<div class="text-wrapper">
<div class="info-text-wrapper">
<h1>Energetica Exhibition on Loan</h1>
<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>
<div class="section-image-wrapper centered">
<img src="/images/electric.jpg" alt="Electric device image" class="events-image centered">
</div>
</section>
</main>
<footer>
<img src="/images/rocketlogoblack.jpg" alt="Small rocketlogo" class="main-logo">
<h2>EXPLORE WITH US</h2>
<p>Community Science Museum © 2023</p>
</footer>
</body>
<script src="script/csm.js"></script>
</html>