-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (210 loc) · 7.42 KB
/
index.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
217
218
219
220
221
222
223
224
<!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 you local science museum where you can experience science up closed"
/>
<meta name="keywords" content="" />
<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" />
<title>The Science Museum | Welcome to Science</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="header_content">
<div class="info_background">
<!-- <div class="background_header"> -->
<h2>explore together</h2>
<!-- </div> -->
<div class="info_section">
<p class="text_width senter_content">
Come join us at the Community Science Museum where we’re committed
to making science fun and accessible to all.
</p>
</div>
<div></div>
</div>
</section>
<section>
<p class="text_width senter_content">
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>
</section>
<section class="exhibition">
<h3>Exhibitions</h3>
<p class="text_width senter_content">
We believe science should not be confined to the textbook, but brought
to life through exhibits. This is why we have over 1000 different
exhibits on the many varied subjects of science to explore.
</p>
<div class="exhibitions">
<div>
<a class="container our_exhibitions" href="/exhibitions.html">
<span class="text">our exhibitions</span></a
>
</div>
<div>
<a class="container cosmology" href="/exhibitions.html#cosmology">
<span class="text">
<img
src="/assets/images/icons/solar-system.png"
alt="cosmology exhibition"
/>Cosmology</span
>
</a>
</div>
<div>
<a class="container robotics" href="/exhibitions.html#robotics">
<span class="text">
<img
src="/assets/images/icons/artificial-intelligence.png"
alt="robotics and ai exhibition"
/>robotics and ai
</span>
</a>
</div>
<div>
<a class="container ecology" href="/exhibitions.html#ecology"
><span class="text">
<img
src="/assets/images/icons/earth-planet.png"
alt="ecology exhibition"
/>ecology
</span>
</a>
</div>
<div>
<a class="container biology" href="/exhibitions.html#biology"
><span class="text">
<img
src="/assets/images/icons/sprout.png"
alt="Biology and medicine exhibition"
/>Biology and medicine
</span>
</a>
</div>
<div>
<a class="container evolution" href="/exhibitions.html#evolution"
><span class="text">
<img
src="/assets/images/icons/biotech.png"
alt="evolution exhibition"
/>evolution
</span>
</a>
</div>
</div>
</section>
<section>
<p class="text_width senter_content">
Are you a young person looking to learn more about science? Come on
down to our museum, there’s plenty to see and do.
<a href="/about_us.html">you can fin us her</a>
</p>
</section>
<section class="special_events">
<h3>Special Events</h3>
<div class="events"></div>
</section>
<section class="suport_us">
<h2>Get involved</h2>
<img
class="images"
src="/assets/images/exhibition_images/screen_tech.jpg"
alt="Image of ai screens"
/>
<p class="text_width senter_content">
You can now also get involved with what we do. Raider is a volunteer
or an internship with us. You can also support us by donations of
items or collections you think others would enjoy.
</p>
<div class="content_button">
<a href="/get_invovled.html">Get Involved with us</a>
</div>
</section>
</main>
<footer>
<div class="footer_logo">
<img src="/assets/images/science_museum_whitepng.png" alt="The 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 icon next to address" />
</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 icon next to contact info" />
</div>
<div class="contact_info">
<p>Tlf: 999 99 999</p>
<p>Email: science.museum@mail.com</p>
</div>
</div>
</div>
</footer>
</body>
<script src="/js/eventsSection.js"></script>
</html>