-
Notifications
You must be signed in to change notification settings - Fork 0
/
involved.html
142 lines (142 loc) · 7.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Get involved - Community Science Museum</title>
<meta name="description" content="Get involved with us at Community Science Museum">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="shortcut icon" href="images/csm-favicon.ico" type="image/icon"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC&family=Bebas+Neue&family=Big+Shoulders+Inline+Display:wght@100;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/involved.css" rel="stylesheet">
</head>
<body>
<a id="top"></a>
<header>
<a href="index.html"><img src="images/CSM-logo.svg" alt="CSM Logo"></a>
<input type="checkbox" id="op">
<div class="menu">
<label for="op">menu</label>
</div>
<div class="overlay overlay-csm">
<label for="op"></label>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="exhibitions.html">Exhibitions</a></li>
<li><a href="events.html">Special events</a></li>
<li><a href="visit.html">Visit us</a></li>
<li><a href="involved.html" class="active">Get involved</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="title-picture" title="Exhibitions CSM">
<h1>get involved</h1>
</div>
<div class="support">
<div class="support-content">
<div class="content">
<h2>Support</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.
</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>
<a class="yellow-button" href="contact.html">contact us</a>
</div>
</div>
<div class="support-picture" title="Support CSM"></div>
</div>
<div class="volunteer">
<div class="volunteer-picture" title="Volunteer at CSM"></div>
<div class="volunteer-content">
<div class="content">
<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.
</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>
<a class="yellow-button" href="contact.html">contact us</a>
</div>
</div>
</div>
<div class="internships">
<div class="internships-content">
<div class="content">
<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.
</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>
<a class="yellow-button" href="contact.html">contact us</a>
</div>
</div>
<div class="internships-picture" title="Internship at CSM"></div>
</div>
</main>
<div class="back-to-top">
<a href="#top"><i class="fas fa-chevron-circle-up"></i></label></i></a>
</div>
<footer>
<div class="footer-content">
<h4>contact</h4>
<p>Notareal Street 19, 0585 Oslo Norway</p>
<a href="mailto:[email protected]">[email protected] /</a>
<a href="tel:45477475">+47 432 23 432</a>
</div>
<div class="footer-content">
<h4>opening hours</h4>
<table>
<tr><th>Monday</th><td>Closed</td></tr>
<tr><th>Tuesday</th><td>10:00 - 18:00</td></tr>
<tr><th>Wednesday</th><td>10:00 - 18:00</td></tr>
<tr><th>Thursday</th><td>10:00 - 18:00</td></tr>
<tr><th>Friday</th><td>10:00 - 18:00</td></tr>
<tr><th>Saturday</th><td>10:00 - 18:00</td></tr>
<tr><th>Sunday</th><td>10:00 - 18:00</td></tr>
</table>
</div>
<div class="footer-content">
<h4>navigation</h4>
<ul>
<li><a href="index.html">Hjem</a> </li>
<li><a href="exhibitions.html">Exhibitions</a> </li>
<li><a href="events.html">Special events</a> </li>
<li><a href="visit.html">Visit us</a> </li>
<li><a href="involved.html">Get involved</a> </li>
<li><a href="contact.html">Contact</a> </li>
</ul>
</div>
<div class="footer-content">
<h4>follow us</h4>
<label class="some"><i class="fab fa-instagram"></i></label>
<label class="some"><i class="fab fa-facebook-f"></i></label>
<label class="some"><i class="fab fa-twitter"></i></label>
</div>
</footer>
</body>
</html>