-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgetinvolved.html
103 lines (95 loc) · 4.66 KB
/
getinvolved.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
<!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="Volunteer and get behind-the-scenes access to staff-only lectures and monthly meetings. Interested in working in a museum? Consider an internship and learn from passionate experts. Contact us to find out more!" />
<title>Community Science Museum</title>
<link rel="stylesheet" href="style.css">
<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=Baskervville:ital@1&family=Didact+Gothic&family=Open+Sans&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<a href="/" class="logo-image"><img src="images/logo-s.png" alt="Community Science Museum logo" /></a>
<input aria-label="Hamburger menu" class="side-menu" type="checkbox" id="side-menu" />
<label class="hamburger-icon" for="side-menu"><span class="visually-hidden">Hamburger menu</span></label>
<nav class="header-menu">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="explore.html">Explore</a></li>
<li><a href="exhibition.html">Exhibition</a></li>
<li><a href="specialevents.html">Events</a></li>
<li><a href="visit.html">Contact</a></li>
</ul>
</nav>
</header>
<h1>Get involved</h1>
<section class="hero-section">
<img id="getinvolved-hero" src="images/getinvolved/exhibition-1863344_1920-s.jpg" alt="An exhibition room">
</section>
<main>
<section class="text-section">
<div class="column w33">
<img src="images/getinvolved/scott-webb-102825-s.jpg" alt="A museum">
</div>
<div class="column w66">
<p>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>
</section>
<section class="text-section">
<div class="column w66">
<p>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 class="column w33"><img src="images/getinvolved/samuel-zeller-158996-s.jpg"
alt="A boy with a vr headset">
</div>
</section>
<section class="text-section">
<div class="column">
<p>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>
</section>
</main>
<footer>
<div class="footer-column">
<h5>Community Science Museum</h5>
<ul>
<li><a href="getinvolved.html">Get involved</a></li>
<li>Cookie policy</li>
<li>Privacy policy</li>
</ul>
</div>
<div class="footer-column hide-on-small"></div>
<div class="footer-column">
<h5>Follow us</h5>
<ul>
<li>Facebook</li>
<li>Instagram</li>
<li>YouTube</li>
<li>Twitter</li>
<li>TikTok</li>
</ul>
</div>
</footer>
</body>
</html>