-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexhibitions.html
216 lines (196 loc) · 11.2 KB
/
exhibitions.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="heck out our exhibits at the local science museum. Everything from cosmology to robots and ia, end many many more exhibitions">
<meta name="keywords"
content="museum exhibition, sicence museum, cosmology, robotics and ai, ecology, biology and medicine, evolution, events ">
<meta name="author" content="Josefine Holth">
<link rel="icon" href="/assets/images/icons/atom.png" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/navbar.css">
<link rel="stylesheet" href="/assets/css/footer.css">
<link rel="stylesheet" href="assets/css/exhibitions.css">
<title>The Science Museum | Our Exhibitions</title>
</head>
<body>
<header>
<div class="header">
<a href="/" class="logo">
<img class="logo_icon" src="/assets/images/icons/atom.png" alt="the science museum logo">
</a>
<div class="menu-items">
<label for="hamburger-menu">
<img class="dropdown_icon" src="/assets/images/icons/dropdown-menu.png" alt="dropdown menu" >
</label>
<input type="checkbox" id="hamburger-menu">
<nav>
<ul>
<li><a class="menu_link" href="index.html">Home</a></li>
<li><a class="menu_link" href="/exhibitions.html">Exhibitions</a></li>
<li><a class="menu_link" href="/events.html">Events</a></li>
<li><a class="menu_link" href="/get_invovled.html">Get Involved</a></li>
<li><a class="menu_link" href="/about_us.html">Visit Us</a></li>
</ul>
</nav>
</div>
</div>
<div>
<h1 class="header_text">
the Science Museum</h1>
</div>
</header>
<main>
<section class="exhibition_navbar">
<ul>
<li>
<a href="#cosmology">cosmology |</a>
</li>
<li>
<a href="#robotics">robotics and ai |</a>
</li>
<li>
<a href="#ecology">ecology |</a>
</li>
<li>
<a href="#biology">biology and medicine |</a>
</li>
<li>
<a href="#evolution">evolution |</a>
</li>
<li>
<a href="#events">events</a>
</li>
</ul>
<div class="exhibition">
<h2>
our Exhibitions</h2>
</div>
<p>Over the course of human history, science has developed from our early understanding of fire, wind, water, and earth to exploring everything from galaxies far away to the very building blocks of life itself.</p>
<p>Are you a young person looking to learn more about science? Come on down to our museum, there’s plenty to see and do. Her you can learn about Newtonian physics from our bumper swing, or travel back in time and meet Woolly Mammoth?</p>
<div class="center_content">
<img src="/assets/images/exhibition_images/for-the-kids-01.jpeg" alt="kids doing technology" class="exhibition_image ">
<img src="/assets/images/exhibition_images/for-the-kids-02.jpg" alt="technology exhibition" class="exhibition_image ">
</div>
<h3>For the kids</h3>
<p>We also have the Young Stars club which meets once a week on a Saturday between 10:00 and 13:00 where you’ll get to explore and experiment with our team of experts.</p>
<p>During the school holidays we run special holiday clubs where you can join other children your age to go on a journey of discovery. Each holiday we pick a new theme to explore. To find out more about the holiday club and how you can join, send us a message.</p>
</section>
<section>
<div class="dark_background" id="cosmology">
<h2 class="cosmology_text header_text_shadow">cosmology</h2>
<div>
<p>Explore the wonders of our cosmos. Our fantastic exhibition, ‘The Sky Above Us’, explores the
night sky and what we can see and know about the universe around us. We’ll locate the various
constellations and galaxies that can be seen and learn a bit about the early navigators who used
the stars to travel by.</p>
<img class="images" src="/assets/images/exhibition_images/andrew-ruiz-348421.jpg" alt="astronaut ready for space">
<p>Follow the journey of our solar exploration: from early Arab traders, to Galileo’s telescope, to
the latest exploration of the planets in our solar system.</p>
<img class="exhibition_image" src="/assets/images/exhibition_images/cosmology.jpg" alt="collage of space rockets">
</div>
</div>
<div class="light_background" id="robotics">
<h2 class="robotics_text ">robotics and ia</h2>
<div>
<p>The information revolution is here and robotics and artificial intelligence are the science of
the future. From useful home applications of AI to industrial uses of robotics, the future is
here. You can even say hello and shake the hand of Rob the Robot. </p>
<img src="/assets/images/exhibition_images/robotics.jpg" alt="collage of diffrent robotics and ai" class="exhibition_image">
</div>
</div>
<div class="dark_background" id="ecology">
<h2 class=" ecology_text header_text_shadow">ecology</h2>
<div>
<img src="/assets/images/exhibition_images/main-ecology.jpg" alt="Thinking lightbulb " class="images">
<p>As we learn more and more of the impact humans are having on the planet, the more important it
becomes that scientists explore how to create a sustainable future not just for humans but for
the whole planet.</p>
<img class="exhibition_image" src="/assets/images/exhibition_images/ecology.jpg" alt=" collage of
trees and wind turbines">
</div>
</div>
<div class="light_background" id="biology">
<h2 class="biology_text">biology and medicine</h2>
<div>
<p>From micro-organisms to the human body, major breakthroughs in biology are offering us unique
insights into the great wonders of the tiny world. </p>
<p>For many people their life expectancy is much longer and their quality of life much improved,
thanks to the growth of our understanding of medicine. Over a series of exhibits we explore the
history of medicine and take a look at some major breakthroughs including the discovery of
penicillin and the first heart transplant. </p>
<p>Many of our great medicinal discoveries have come not only from the lab, but also from observing
animals in the wild. Often our fellow creatures have beat us to it.</p>
<img src="/assets/images/exhibition_images/biology.jpg" alt="collage of a plastic brain, plastic heart, and some testing tubes" class="exhibition_image">
</div>
</div>
<div class="dark_background" id="evolution">
<h2 class="evolution_text header_text_shadow">evolution</h2>
<div>
<p>For centuries, philosophers and scientists have wrestled with the question of our origins. Where
do we come from and how did we get here? Since Darwin proposed his theory of evolution we have
had a framework for exploring and understanding our place in this world.</p>
<img src="/assets/images/exhibition_images/main-evolution-imag.jpg" alt="eart from space" class="images">
<p>Discover the origins of life on this planet and how the species we know today have evolved our
time. You can also take some time to meet a few of the creatures who didn’t survive, including
our Woolly Mammoth, the Dodos, and a number of dinosaurs too.</p>
<img class="exhibition_image" src="/assets/images/exhibition_images/evolution.jpg" alt="collage of
dinosaurs and test tubes">
</div>
</div>
<div class="light_background" id="events">
<h2>check out ower events</h2>
<div>
<p>If you are interested in some of our events you can check it out her and secure yourself a spot.
</p>
</div>
<div class="content_button">
<a class="button" href="/events.html">our events</a>
</div>
</div>
<div class="to_top">
<a href="#">↑ To top</a>
</div>
</section>
</main>
<footer>
<div class="footer_logo">
<img src="/assets/images/science_museum_whitepng.png" alt="science museum logo">
</div>
<div class="links">
<ul>
<li><a class="link" href="index.html">home</a></li>
<li><a class="link" href="/about_us.html">visit us</a></li>
<li><a class="link" href="/events.html">events</a></li>
<li><a class="link" href="/get_invovled.html">get involved</a></li>
<li><a class="link" href="/exhibitions.html">our exhibitions</a></li>
<li><a class="link" href="/about_us.html#contact_us_form">contact us</a></li>
</ul>
</div>
<div class="contact_info">
<div class="address">
<div class="contact_icon">
<img src="/assets/images/icons/maps.png" alt="map pin icon">
</div>
<div class="contact_info">
<p class="bolder">The Science Museum</p>
<p>
Nedre Fritzøegate 2</p>
<p>3264 Larvik</p>
</div>
</div>
<div class="address">
<div class="contact_icon">
<img src="/assets/images/icons/laptop-e-mail.png" alt="email pin">
</div>
<div class="contact_info">
<p>Tlf: 999 99 999</p>
<p>Email: science.museum@mail.com</p>
</div>
</div>
</div>
</footer>
</body>
</html>