-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexhibitions.html
183 lines (183 loc) · 9.25 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
<!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. View our exhibits to find what interests you the most and visit us!" />
<title>Exhibitions | 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">Exhibitions page heading.</h3>
<img src="images/exhibition.png" alt="Exhibition Icon" class="page-icon-medium" />
<h2>Exhibitions</h2>
</section>
<section class="exhibition-content">
<h3 class="visually-hidden">Exhibition main content. Sections for Cosmology, Evolution, Biology and Medicine, Robotics and AI, and Ecology</h3>
<div class="content-card-container grid1 cosmology-content">
<div>
<img src="images/andrew-ruiz-rerendered.jpg" alt="Astronaut inside spaceship" class="exhibition-content-image" />
</div>
<div>
<h3>Cosmology</h3>
<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>
<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>
</div>
</div>
<div class="content-card-container grid2">
<img src="images/mammoth-1257288_1920.jpg" alt="Woolly Mammoth Skeleton display" class="exhibition-content-image" />
<h3>Evolution</h3>
<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>
<p>
Discover the origins of life on this planet and how the species we know today have evolved over 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>
</div>
<div class="content-card-container grid3">
<img src="images/people-219985_1280.jpg" alt="Man looking into a microscope" class="exhibition-content-image" />
<h3>Biology and Medicine</h3>
<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 the 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.
</p>
</div>
<div class="content-card-container grid4">
<img src="images/genoa-956405_1920.jpg" alt="Museum display of some extinct species of ants" class="exhibition-content-image" />
<h3>Ecology</h3>
<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>
<p>
In our ecology section of the museum, we unpack the dangers we currently face including global warming, extinction of species, and pollution. But we also focus on
the positive ways we can all contribute to a brighter future.
</p>
</div>
<div class="content-card-container grid5">
<img src="images/scientific-2040795_1280.jpg" alt="Woman working on a machine capsule" class="exhibition-content-image" />
<h3>Robotics and AI</h3>
<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>
</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>