-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexplore.html
171 lines (171 loc) · 8.43 KB
/
explore.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="Community Science Museum, Exhibitions, CSM, Science, Museum, CSS, HTML, Noroff" />
<meta name="description" content="Welcome to the Community Science Museum. Explore exhibitions no matter if you're young, old or researching a topic." />
<title>Explore | Community Science Museum</title>
<link href="/css/styles.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<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=Commissioner&family=Tourney:ital,wght@1,700&display=swap" rel="stylesheet" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
crossorigin="anonymous"
/>
</head>
<body>
<div class="content-wrapper">
<div class="content-container">
<header class="flex-column">
<div class="flex header1">
<div>
<a href="index.html"><img src="images/open-science-black.png" alt="Community Science Museum Logo" class="header-logo" /></a>
</div>
<div class="header-text-secondary header-position-large">
<p class="opening-hours" id="opening-hours">Opening Hours today:</p>
<h1>Community Science Museum</h1>
</div>
<div class="hamburger-wrapper">
<input type="checkbox" id="hamburger-menu" />
<label class="hamburger-label" for="hamburger-menu"><i class="fa fa-bars"></i></label>
<div class="nav-overlay">
<ul>
<li>
<a href="index.html" class="active">Home</a>
</li>
<li>
<a href="exhibitions.html">Exhibitions</a>
</li>
<li>
<a href="special-events.html">Special Events</a>
</li>
<li>
<a href="explore.html">Explore</a>
</li>
<li>
<a href="get-involved.html">Get Involved</a>
</li>
<li>
<a href="visit.html">Visit</a>
</li>
<li>
<a href="get-involved.html#contact-us">Contact us</a>
</li>
</ul>
</div>
</div>
<div class="desktop-nav">
<ul>
<li>
<a href="index.html" class="desktop-active">Home</a>
</li>
<li>
<a href="exhibitions.html">Exhibitions</a>
</li>
<li>
<a href="special-events.html">Special Events</a>
</li>
<li>
<a href="explore.html">Explore</a>
</li>
<li>
<a href="get-involved.html">Get Involved</a>
</li>
<li>
<a href="visit.html">Visit</a>
</li>
<li>
<a href="get-involved.html#contact-us">Contact us</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<section class="heading-container">
<h3 class="visually-hidden">Explore page heading.</h3>
<img src="images/explore.png" alt="Explore Icon" class="page-icon-medium" />
<h2>Explore</h2>
</section>
<section class="heading-nav">
<h3 class="visually-hidden">Quick navigation to jump to the for kids, for teachers or for researchers sections.</h3>
<ul>
<a href="#forkids"><li>For kids</li></a>
<a href="#forteachers"><li>For teachers</li></a>
<a href="#researchers"><li>Researchers</li></a>
</ul>
</section>
<section class="explore-content">
<h3 class="visually-hidden">Explore main content. Sections for kids, for teachers and for researchers looking to get involved with the museum.</h3>
<div class="content-card-container explore-grid1" id="forkids">
<img src="images/andrew-ruiz-rerendered.jpg" alt="Astronaut inside spaceship" class="exhibition-content-image" />
<h3>For kids</h3>
<p>Are you a young person looking to learn more about science? Come on down to our museum, there's plenty to see and do.</p>
<p>
You can learn more about Newtonian physics from our bumper swing, or why not travel back in time and meet our resident Woolly Mammoth? Our exhibits are designed to
be accessible for interested minds, so make sure you come ready to learn and explore.
</p>
<p>
We also have the Young Stars club which meets once a week on a Saturday between 10:00 and 13:00 where you'll get to explore and experiment with our team of experts.
</p>
<p>
During the school holidays we run special holiday clubs where you can join other children your age to go on a journey of discovery. Each holiday we pick a new theme
to explore. To find out more about the holiday club and how you can join, <a href="get-involved.html#contact-us" class="inline-anchor">send us a message.</a>
</p>
</div>
<div class="content-card-container explore-grid2" id="forteachers">
<img src="images/mammoth-1257288_1920.jpg" alt="Woolly Mammoth Skeleton display" class="exhibition-content-image" />
<h3>For teachers</h3>
<p>
As a community-driven museum, we want to work with schools to create places of learning and exploring. Our team are on hand to give your students guided tours of
the museum, teach them in our learning laboratory, and provide great video presentations that will excite and inspire them.
</p>
<p>
Please get in touch with us <a href="get-involved.html#contact-us" class="inline-anchor">here</a> to find out more about our facilities and to arrange a time to
bring your students through for a visit.
</p>
</div>
<div class="content-card-container explore-grid3" id="researchers">
<img src="images/people-219985_1280.jpg" alt="Man looking into a microscope" class="exhibition-content-image" />
<h3>Researchers</h3>
<p>
Are you looking to get involved with our team of researchers and academics? Our museum offers various ways for you to use our resources and contribute towards them.
We have online records, laboratory space, and a working relationship with a number of universities around the country.
</p>
<p>Send us a message <a href="get-involved.html#contact-us" class="inline-anchor">here</a> to find out how you can get involved.</p>
</div>
</section>
</main>
<footer class="flex-column footer-container">
<div class="footer-social-icons footer1">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
</div>
<div class="flex-column museum-quick-links footer2">
<h3>Museum</h3>
<a href="index.html">Home</a>
<a href="exhibitions.html">Exhibitions</a>
<a href="visit.html">Visit Us</a>
<a href="explore.html">Explore</a>
<a href="special-events.html">Special Events</a>
</div>
<div class="flex-column contact-quick-links footer3">
<h3>Contact</h3>
<a href="get-involved.html">Get Involved</a>
<a href="get-involved.html#contact-us">Contact Us</a>
</div>
<div class="copyright-info footer4">
<p>© 2021 Eric Pretzinger | Community Science Museum</p>
</div>
</footer>
</div>
</div>
<script src="/js/main.js"></script>
</body>
</html>