-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathget-involved.html
190 lines (190 loc) · 8.02 KB
/
get-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>
<title>Community Science Museum | Get involved</title>
<meta
name="description"
content="If you would like to be involved with our museum, there are multiple ways to do so, such as voulenteering, supporting us and internships."
/>
<meta name="viewport" content="widt=device-width, initial-scale=1.0" />
<link href="CSS/styles.css" rel="stylesheet" />
<link href="CSS/get-involved.css" rel="stylesheet" />
<link
rel="stylesheet"
href="data/font-awesome/css/font-awesome.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500&display=swap"
rel="stylesheet"
/>
</head>
<body class="explore-body">
<!--main-->
<header>
<img
src="Images/CSM-mobile/header.png"
class="header-background mobile"
alt="wavy cream colored header"
/>
<div class="logo-cream">
<a class="logo1" href="index.html" aria-label="CSM">CSM</a>
<a
class="logo2"
href="index.html"
aria-label="Community Science Museum"
>Community Science Museum</a
>
</div>
<div class="hamburger-menu">
<input type="checkbox" id="menu-checkbox" />
<label aria-label="Hamburger menu" for="menu-checkbox">
<span class="hamburger-menu">
<span class="bar1"></span>
<span class="bar2"></span>
<span class="bar3"></span>
</span>
</label>
<nav class="menu-list">
<a href="index.html">Home</a>
<a href="visit-contact.html">Visit/contact</a>
<a href="exhibits.html">Exhibits</a>
<a href="explore.html">Explore</a>
<a href="get-involved.html" class="mobile">Get involved</a>
</nav>
</div>
<a
href="#"
class="magnifying-glass mobile"
aria-label="magnifying glass icon"
>
<i
class="fa fa-search fa-flip-horizontal"
aria-hidden="true"
></i>
</a>
<svg
class="desktop-header desktop"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1440 320"
>
<path
fill="#EFE3CC"
fill-opacity="1"
d="M0,224L80,213.3C160,203,320,181,480,176C640,171,800,181,960,154.7C1120,128,1280,64,1360,32L1440,0L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z"
></path>
</svg>
</header>
<!--main-->
<main class="get-involved-container">
<h1>GET INVOLVED</h1>
<div class="box">
<h2>SUPPORT US</h2>
<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. 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 class="box">
<h2>VOLUNTEER</h2>
<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. 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="box">
<h2>INTERNSHIPS</h2>
<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. 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>
</main>
<!--footer-->
<footer>
<hr />
<div class="footer-flex">
<div class="footer-nav">
<a href="visit-contact.html">Visit/contact</a>
<a href="get-involved.html">Get involved</a>
<a href="explore.html">Explore</a>
<a href="exhibits.html">Exhibits</a>
</div>
<div class="vl"></div>
<div class="footer-socials">
<p>Follow us</p>
<div class="socials1">
<a href="#" aria-label="instagram logo">
<i
class="fa fa-instagram fa-2x"
aria-hidden="true"
></i>
</a>
<a href="#" aria-label="facebook logo">
<i
class="fa fa-facebook-square fa-2x"
aria-hidden="true"
></i>
</a>
<a href="#" aria-label="twitter logo">
<i
class="fa fa-twitter fa-2x"
aria-hidden="true"
></i>
</a>
</div>
<div class="socials2">
<a href="#" aria-label="youtube logo">
<i
class="fa fa-youtube-play fa-2x"
aria-hidden="true"
></i>
</a>
<a href="#" aria-label="pinterest logo">
<i
class="fa fa-pinterest fa-2x"
aria-hidden="true"
></i>
</a>
<a href="#" aria-label="snapchat logo">
<i
class="fa fa-snapchat-square fa-2x"
aria-hidden="true"
></i>
</a>
</div>
</div>
<div class="vl"></div>
<div class="footer-info">
<a href="#">Terms and conditions</a>
<a href="#">Privacy policy</a>
<a href="#">Help</a>
<a href="#">Cookie Settings</a>
</div>
</div>
<div class="copyright">
<p>
© 2005–2023 The Community Science Museum. All rights
reserved.
</p>
</div>
</footer>
</body>
</html>