-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinvolve.html
96 lines (93 loc) · 4.32 KB
/
involve.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
<!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">
<title>CSM | Get Involved</title>
<link rel="stylesheet" href="https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<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=Andika:ital,wght@0,400;0,500;0,600;1,100&display=swap" rel="stylesheet" />
<link href="css/csm.css" rel="stylesheet" />
<script src="https://kit.fontawesome.com/b318972c4d.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div class="logo-img">
<a href="index.html">
<img src="/images/csmlogosmall.png" alt="Community Science Museum's logo">
</a>
<a href="index.html">
<p>CSM</p>
</a>
</div>
<input type="checkbox" id="menu-checkbox">
<label for="menu-checkbox" class="hamburger-icon"><i class="fas fa-bars"></i></label>
<nav>
<a href="index.html">Home</a>
<a href="explore.html">Explore</a>
<a href="exhibition.html">Exhibition</a>
<a href="event.html">Special Events</a>
<a href="visit.html">Visit Us</a>
<a class="active" href="involve.html">Get Involved</a>
</nav>
</header>
<main class="involve-main">
<section class="involve-text">
<h1 class="involve-h1">Get Involved</h1>
<h2 class="involve-h2">Support</h2>
<p class="support-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>
<h3 class="involve-h3">Volunteer</h3>
<p class="volunteer-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 class="intern-h3">Internships</h3>
<p class="intern-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>
<div class="contact-container">
<form action="index.html" class="contact-form">
<label for="fname">Full Name</label>
<input
type="text"
id="fname"
name="fullname"
placeholder="Enter full name"
/>
<label for="email">Email</label>
<input
type="text"
id="email"
name="email"
placeholder="Enter email here"
/>
<label for="subject">Subject</label>
<input
type="text"
id="subject"
name="subject"
placeholder="Short description"
/>
<label for="yourmessage">Your Message</label>
<input
type="text"
id="yourmessage"
name="yourmessage"
placeholder="Enter message here"
style="height: 200px"
/>
<button type="submit" class="contact-form-button">Send</button>
</form>
</div>
</main>
<footer class="footer">
<a href="index.html">
<img src="/images/csmlogosmall.png" class="footer-logo" alt="Community Science Museum's logo">
</a>
<h3 class="footer-h3">Strandkaien 3, 5003 Bergen</h3>
<p>Hours <br> Monday: Closed</p>
<p>Tuesday: 10:00 - 16:00 <br> Wednesday: 10:00 - 16:00</p>
<p>Thursday: 10:00 - 19:00 <br> Friday: 10:00 - 19:00</p>
<p>Saturday: 9:00 - 16:00 <br> Sunday: 9:00 - 13:00</p>
</footer>
</body>
</html>