-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
230 lines (213 loc) · 7.5 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
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="The aim of our museum is to create a space where everyone can experience the wonders of our discoveries and perhaps even ignite a lifelong passion to continue the exploration of the world around us."
/>
<meta
name="keywords"
content="For kids, Teachers, Researchers, Cosmology, Evelution, Biology & Medicine, Robotics & AI, Ecology"
/>
<meta name="author" content="Tor Magne Brekken" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Community science museum</title>
<link rel="icon" href="img/Science-logo.png" type="image/x-icon" />
<!-- material icons -->
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<!-- navigation css -->
<link rel="stylesheet" href="css/navigation.css" />
<!-- footer css -->
<link rel="stylesheet" href="css/footer.css" />
<!-- custom home-page css -->
<link rel="stylesheet" href="css/home-page.css" />
</head>
<body>
<!-- navigation -->
<nav role="navigation" class="navigation">
<a href="index.html">
<img
class="navigation__img"
src="img/logo.png"
alt="logo, atomic electron illustration"
/></a>
<i class="material-icons"> menu </i>
<!-- <input type="checkbox" id="hamburger-menu" /> -->
<ul class="navigation__list slide">
<li>
<a
tabindex="0"
class="navigation__link navigation--active"
href="index.html"
>Home</a
>
</li>
<li>
<a tabindex="0" class="navigation__link" href="exhibition.html"
>Exhibitions</a
>
</li>
<li>
<a tabindex="0" class="navigation__link" href="teachers-kids.html"
>Teachers & Kids</a
>
</li>
<li>
<a tabindex="0" class="navigation__link" href="contact.html"
>Contact us / Visit Us</a
>
</li>
<li>
<a tabindex="0" class="navigation__link" href="gallery.html"
>Gallery</a
>
</li>
</ul>
</nav>
<!-- header-section -->
<header>
<section class="header-section">
<div class="header-wrapper">
<div class="header-wrapper__boxed">
<h1>Community Science Museum</h1>
<p>
Are you a young person looking to learn more about science? Come
on down to our museum, there’s plenty to see & do.
</p>
<button class="header__button">
<a tabindex="0" href="exhibition.html">See More</a>
</button>
</div>
</div>
</section>
</header>
<main role="main">
<!-- explore section -->
<section class="explore-section">
<h2>Explore</h2>
<hr class="border-explore" />
<div class="row">
<!-- explore card for kids -->
<div class="card">
<a tabindex="0" href="teachers-kids.html#kids">
<img
src="img/forkids-card.jpg"
alt="kid with virtual reality headset "
/>
<div class="title-container">
<h3>For Kids</h3>
</div>
</a>
</div>
<!-- explore card for Cosmology -->
<div class="card">
<a tabindex="0" href="exhibition.html">
<img
src="img/cosmology-card.jpg"
alt="man looking up at nightsky with colorfull stars"
/>
<div class="title-container">
<h3>Exhibitions</h3>
</div>
</a>
</div>
<!-- explore card for Robots & AI -->
<div class="card">
<a tabindex="0" href="teachers-kids.html">
<img src="img/teachers.jpg" alt="robot playing piano" />
<div class="title-container">
<h3>Teachers</h3>
</div>
</a>
</div>
</div>
</section>
<!-- exhibition-space section -->
<section class="exhibition-space column-center-w">
<p>
Come join us at the Community Science Museum where we’re committed to
making science accessible to all.
</p>
<button class="exhibition__button">
<a tabindex="0" href="exhibition.html">Exhibition Spaces</a>
</button>
</section>
<!-- special events section -->
<section class="special-section column-center-w">
<h2>Special Events & Exhibitions</h2>
<hr class="special-border" />
<h3>Visiting Professor of Aeronautics</h3>
<hr class="special-h3-border" />
<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>
<h3>Night in the Museum</h3>
<hr class="special-h3-border" />
<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>
<h3>Energetica Exhibition on Loan</h3>
<hr class="special-h3-border" />
<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>
</section>
</main>
<footer class="footer">
<div class="column-center-w">
<h4>Location</h4>
<p class="footer-p">
The museum is located at: North science Road. 6790 Street
</p>
<hr class="footer-border" />
<h4>Opening times</h4>
<ul>
<li>Monday: Closed</li>
<li>Tuesday: 10:00 – 16:00</li>
<li>Wednesday: 10:00 – 16:00</li>
<li>Thursday: 10:00 – 16:00</li>
<li>Friday: 10:00 – 19:00</li>
<li>Saturday: 9:00 – 16:00</li>
<li>Sunday: 9:00 – 13:00</li>
</ul>
<hr class="footer-border" />
<h4>Accessibility</h4>
<p>
The museum has wheelchair accessibility ramps. It also has audio
guides and braille display signs for the visually impaired.
</p>
<hr class="footer-border" />
<h4>Food and drink</h4>
<p>
There is a café attached to the museum where you can get light
lunches, soft drinks, coffee, snacks and more.
</p>
<hr class="footer-border" />
<h4>Shop</h4>
<p>
Our shop offers a range of memorabilia from the museum as well as
great gifts and activity packs that allow you to continue to explore
science even after you’ve left the museum.
</p>
<hr class="footer-border" />
</div>
<p class="copyright">© Designed & coded by brekkenmedia.no</p>
</footer>
<script src="js/nav.js"></script>
</body>
</html>