-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinvolved.html
190 lines (187 loc) · 9.27 KB
/
involved.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
<!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="Do you want to get involved with the museum. Either as a supporter, volunteer or looking for internship. Then this is how you do that">
<script>
(function (d) {
var config = {
kitId: 'rvx8jyl',
scriptTimeout: 3000,
async: true
},
h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)
})(document);
</script>
<link rel="stylesheet" href="https://use.typekit.net/wsq8tcu.css">
<link href="styles/global.css" rel="stylesheet">
<link href="styles/variables.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/591f5bf3d7.js" crossorigin="anonymous"></script>
<title>Community Science Museum | Get involved</title>
</head>
<body>
<header>
<nav>
<a href="index.html" class="logo-container">
<div>
<img src="images/Logo.png" alt="the community science museum logo" class="logo">
</div>
<p class="motto">"Explore together"</p>
</a>
<div class="nav-icon-container">
<div class="search-button-container">
<i class="fas fa-search activate-search-menu"></i></label>
</div>
<div>
<label for="dropdown-menu" class="hamburger-menu"><i class="fas fa-bars"></i></label>
<input type="checkbox" id="dropdown-menu">
<section class="site-navigation">
<div class="site-navigation-border">
<a href="about.html">
<p class="site-navigation-text">About us</p>
</a>
</div>
<div class="site-navigation-border">
<a href="events.html">
<p class="site-navigation-text">Events</p>
</a>
</div>
<div class="site-navigation-border">
<a href="explore.html">
<p class="site-navigation-text">Explore</p>
</a>
</div>
<div class="site-navigation-border">
<a href="exhibits.html">
<p class="site-navigation-text">Exhibits</p>
</a>
</div>
<div class="site-navigation-border current-container">
<a href="involved.html">
<p class="site-navigation-text current">Get involved</p>
</a>
</div>
<div class="site-navigation-border">
<a href="visit.html">
<p class="site-navigation-text">Visit us</p>
</a>
</div>
<div class="site-navigation-border">
<a href="booking.html">
<p class="booking-text-span site-navigation-text">
<span>Booking and</span>
<span>application</span>
</p>
</a>
</div>
</section>
</div>
</div>
</nav>
</header>
<main>
<section class="welcome-section">
<div class="section-image-container">
<img src="images/learn-2405206_1920-scaled.jpg"
alt="a young girl looking right. her thought are displayed on the background. There is equations, fractions and charts displayed."
class="section-image">
</div>
</section>
<section class="standard-section orange-section">
<div class="section-subcontainer">
<h1>Get involved</h1>
<div>
<h2 class="info-heading">Support</h2>
<p class="info-text">There are various ways you can support the museum. Donations are very welcome
and are an important way we keep this museum open and accessible to the whole community.</p>
<p>You can also support us by donating items of interest to the museum’s collections. If you have
some item or collection that you think others would enjoy, please let us know by contacting our
Collections Department and they will be able to assist you.</p>
</div>
<div>
<h2 class="info-heading">Volunteer</h2>
<p class="info-text">A number of people volunteer their time and effort to keep the displays in good
order and ready for visitors to come and enjoy. Volunteering has its perks including getting to
see behind the scenes of a working museum, access to staff-only lectures, and a monthly lunch
where all staff and volunteers come together to discuss ideas for future exhibits and strategies
for the museum.</p>
<p>You can help volunteer in a number of different spheres. Please contact us if you’d like to find
out more about how you can get involved.</p>
</div>
<div>
<h2 class="info-heading">Internships</h2>
<p class="info-text">Are you interested in working in a museum? Do you enjoy the fun and excitement
of sharing the wonders of nature with people? Well you could be just the right person to enjoy
an internship at the museum.</p>
<p>You’ll be learning from a number of different academics and people who are passionate about
science and sharing it with the wider community.</p>
</div>
<div class="right-button-container contact-button">
<a href="booking.html"><button class="button">Apply</button></a>
</div>
</section>
<section class="standard-section home-button-section">
<div class="right-button-container">
<a href="index.html"><button class="button home-button">Home</button></a>
</div>
</section>
</main>
<footer>
<div class="footer-container">
<section class="hours-section">
<div>
<p class="footer-heading">Opening Hours:</p>
</div>
<div>
<p class="hours-text">
Mon: Closed
</p>
<p class="hours-text">
Tue: 10:00 – 16:00
</p>
<p class="hours-text">
Wed: 10:00 – 16:00
</p>
<p class="hours-text">
Thu: 10:00 – 16:00
</p>
<p class="hours-text">
Fri: 10:00 – 19:00
</p>
<p class="hours-text">
Sat: 9:00 – 16:00
</p>
<p class="hours-text">
Sun: 9:00 – 13:00
</p>
</div>
</section>
<section class="address-section">
<div>
<p class="footer-heading">Address and Contact</p>
</div>
<div class="address-info">
<i class="fas fa-map-pin" alt="map pin"></i>
<p class="address-text">Folke Bernadottes vei 40, 5147 Fyllingsdalen.</p>
</div>
<div class="address-info">
<i class="fas fa-envelope" alt="envelope"></i>
<a href="">
<p class="address-text">[email protected]</p>
</a>
</div>
<div class="address-info">
<i class="fas fa-phone-alt" alt="telephone"></i>
<a href="">
<p class="address-text">(+47) 999 99 999</p>
</a>
</div>
</section>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>