-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvisit.html
186 lines (186 loc) · 8.9 KB
/
visit.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
<!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. Here you will find visitor information such as the location of the museum, accessibility, admission, opening hours and which facilities the museum has."
/>
<title>Visitor Information | 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">Visitor Information heading.</h3>
<img src="images/placeholder.png" alt="Visitor Information Icon" class="page-icon-medium" />
<h2>Visitor Information</h2>
</section>
<section class="heading-nav get-involved-heading-nav">
<h3 class="visually-hidden">Quick navigation to jump to the Location, Admission, Opening Hours, Accessibility, Food & Drink and Shop sections.</h3>
<ul>
<a href="#location"><li>Location</li></a>
<a href="#admission"><li>Admission</li></a>
<a href="#opening-hours"><li>Opening Hours</li></a>
<a href="#accessibility"><li>Accessibility</li></a>
<a href="#food-drink"><li>Food & Drink</li></a>
<a href="#shop"><li>Shop</li></a>
</ul>
</section>
<section class="visit-content">
<h3 class="visually-hidden">Main page content.</h3>
<div class="content-card-container" id="location">
<img src="images/googlemaps.jpg" alt="Google Maps location of the museum" class="exhibition-content-image" />
<h3>Location</h3>
<p>Address: Museumsveien 3, 4001 Stavanger</p>
<p>
The museum is conveniently located in the heart of Stavanger. You can take any bus going to Stavanger Sentrum from anywhere, and walk to the museum. Bus X31 also
stops right outside of the museum.
</p>
</div>
<div class="content-card-container" id="admission">
<img src="images/mammoth-1257288_1920.jpg" alt="Woolly Mammoth Skeleton display" class="exhibition-content-image" />
<h3>Admission</h3>
<p>The entrance is free for all.</p>
<p>There are guided tours of the museum that leave every hour. These tours are 70 NOK per person and include a handy printed guide of the museum.</p>
<p>If you would like to organize a guided tour for your group of 6 or more people, please contact us to arrange the tour using this form.</p>
</div>
<div class="content-card-container" id="opening-hours">
<img src="images/library-1132573_1920.jpg" alt="Library overview image" class="exhibition-content-image" />
<h3>Hours</h3>
<p>Monday: Closed</p>
<p>Tuesday: 10:00 - 16:00</p>
<p>Wednesday: 10:00 - 16:00</p>
<p>Thursday: 10:00 - 16:00</p>
<p>Friday: 10:00 - 19:00</p>
<p>Saturday: 09:00 - 16:00</p>
<p>Sunday: 09:00 - 13:00</p>
</div>
<div class="content-card-container" id="accessibility">
<img src="images/stefano-intintoli-LF4164_Aw_w-unsplash.jpg" alt="Grandfather and sister helping wheelchair user" class="exhibition-content-image" />
<h3>Accessibility</h3>
<p>The museum has wheelchair accessible ramps . It also has audio guides and braille display signs for the visually impaired.</p>
<p>If you have any other concerns, you are more than welcome to contact us via <a href="get-involved.html" class="inline-anchor">this form.</a></p>
</div>
<div class="content-card-container" id="food-drink">
<img src="images/christian-battaglia-BckPaTv1RZ8-unsplash.jpg" alt="Cafeteria with a view" class="exhibition-content-image" />
<h3>Food & Drink</h3>
<p>There is a café attached to the museum where you can get light lunches, soft drinks, coffee, snacks and more.</p>
</div>
<div class="content-card-container" id="shop">
<img src="images/skeleton-414543_1920.jpg" alt="Skeleton display" class="exhibition-content-image" />
<h3>Shop</h3>
<p>
Our shop offers a range of memorabilia from the museum as well as great gifts and activity packs that allow you to continue to explore science even after you've
left the museum.
</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>