-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
210 lines (188 loc) · 12.1 KB
/
test.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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Om os - Aarhus Havnerundfart</title>
<link rel="icon" href="img/aarhus-havnerundfart-logo_bg.webp" type="image/x-icon">
<link rel="stylesheet" href="css/om-os.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/test.css">
</head>
<body>
<header>
<img class="logo" src="img/aarhus-havnerundfart-logo.webp" alt="Hjemmesidens logo" onclick="Home()">
<div id="wordmark">
<h1>Aarhus Havnerundfart</h1>
<img class="wave" src="img/squiggly-line.svg" alt="Bøljet linje">
<div class="subnav">
<a class="navbar subnavbtn" href="https://havnerundfart.mdamsgaard.dk/"><h3>Sejlplan</h3></a>
</div>
<div class="subnav">
<a class="navbar subnavbtn" href="https://havnerundfart.mdamsgaard.dk/events.html"><h3>Events</h3></a>
<div class="subnav-content">
<a href="https://havnerundfart.mdamsgaard.dk/events.html#havnerundfart-i-aarhus">Havnerundfart i Aarhus</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#gintonic">Gin og Tonic til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#minikoncerter-til-sos">Minikoncerter til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#strik-til-sos">Strikketur til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#kaptajn-for-en-dag">Kaptajn for en dag</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#under-overfladen">Under overfladen</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#bolger-og-brosten">Bølger og brosten</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#vinsmagning">Vinsmagning til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#sankt-hans">Sankt Hans</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#eksplosion">Eksplosion på havnen</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#pub-quiz">Pubquiz til søs</a>
</div>
</div>
<div class="subnav">
<a class="navbar subnavbtn" href="https://havnerundfart.mdamsgaard.dk/"><h3>Booking</h3></a>
</div>
<div class="subnav">
<a class="navbar subnavbtn" href="https://havnerundfart.mdamsgaard.dk/"><h3>Aarhus fra søs</h3></a>
<div class="subnav-content">
<a href="#">Rute</a>
<a href="#">Mød skibene</a>
</div>
</div>
<div class="subnav">
<a class="navbar subnavbtn" href="https://havnerundfart.mdamsgaard.dk/menu-kort.html"><h3>Information</h3></a>
<div class="subnav-content">
<a href="https://havnerundfart.mdamsgaard.dk/menu-kort.html">Menu kort</a>
<a href="#">Gavekort</a>
<a href="#">Aflysning</a>
<a href="#">Kontakt</a>
</div>
</div>
<div class="subnav">
<a class="navbar subnavbtn on-site" href="https://havnerundfart.mdamsgaard.dk/om-os.html"><h3>Om os</h3></a>
<div class="subnav-content">
<a href="#">Udforsk vores verden</a>
<a href="#">Fun fact</a>
<a href="#">Personale</a>
</div>
</div>
</div>
<div class="burger">
<img onclick="openNav()" src="icons/burger-icon.svg" alt="Tre streger over hinanden, åbner sidemenuen">
</div>
</header>
<div id="Nav" class="overlay">
<img class="closebtn" onclick="closeNav()" src="icons/cross-icon.svg" alt="Kryds" >
<img class="logo" src="img/aarhus-havnerundfart-logo.webp" alt="Hjemmesidens logo" >
<div class="overlay-content">
<div class="sub-plus"><a href="#">Sejlplan</a></div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
<div class="sub-plus"><a href="#">Events</a><img class="plusicon dropdown" src="icons/plus-icon.svg" alt="Plus ikon"></div>
<div class="dropdown-container">
<a href="https://havnerundfart.mdamsgaard.dk/events.html#havnerundfart-i-aarhus">Havnerundfart i Aarhus</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#gintonic">Gin og Tonic til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#minikoncerter-til-sos">Minikoncerter til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#strik-til-sos">Strikketur til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#kaptajn-for-en-dag">Kaptajn for en dag</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#under-overfladen">Under overfladen</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#bolger-og-brosten">Bølger og brosten</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#vinsmagning">Vinsmagning til søs</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#sankt-hans">Sankt Hans</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#eksplosion">Eksplosion på havnen</a>
<a href="https://havnerundfart.mdamsgaard.dk/events.html#pub-quiz">Pubquiz til søs</a>
</div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
<div class="sub-plus"><a href="#">Booking</a></div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
<div class="sub-plus"><a href="#">Aarhus fra søs</a><img class="plusicon dropdown" src="icons/plus-icon.svg" alt="Plus ikon"></div>
<div class="dropdown-container">
<a href="#">Rute</a>
<a href="#">Mød skibene</a>
</div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
<div class="sub-plus"><a href="#">Information</a><img class="plusicon dropdown" src="icons/plus-icon.svg" alt="Plus ikon"></div>
<div class="dropdown-container">
<a href="http://havnerundfart.mdamsgaard.dk/menu-kort.html">Menu kort</a>
<a href="#">Gavekort</a>
<a href="#">Aflysning</a>
<a href="#">Kontakt</a>
</div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
<div class="sub-plus"><a href="http://havnerundfart.mdamsgaard.dk/om-os.html">Om os</a><img class="plusicon dropdown" src="icons/plus-icon.svg" alt="Plus ikon"></div>
<div class="dropdown-container">
<a href="#">Udforsk vores verden</a>
<a href="#">Fun fact</a>
<a href="#">Personale</a>
</div>
<img class="overlaysquiggly" src="img/squiggly-line.svg" alt="Bøljet linje til de forskellige underkategorier">
</div>
</div>
<main>
<div class="tekst">
<section class="boks-1">
<h4>Udfork vores verden</h4>
<p>Aarhushavnerundfart er en del af <a href="https://www.fjordtours.dk/" target="_blank">Fjordtours.dk</a> og er en familiejet virksomhed, der har til formål at gøre oplevelser på vandet tilgængeligt for så mange som muligt.</p>
<h4>Rejsen begyndte her i Aarhus</h4>
<p>Aarhus Havnerundfart havde sine første sejladser i Aarhus tilbage i 2019 med Svanen – bedre kendt som Juleskibet “Hjuldamperen”.</p>
<p>Som Danmarks 2. ældste by, er der et naturligt fokus på byens grundlæggelse i vikingetiden og havet betydning for byens placering og udvikling.</p>
<p>I 2023 udvidede Aarhus Havnerundfart med Havternen, der sejler faste guidede havnerundfarter, og særlige events, fra DOKK1 i perioden april til december.</p>
<h4>Aarhus fra søs</h4>
<p>Under sejlturen vil du få mulighed for at se nogle af Aarhus’ mest ikoniske attraktioner, herunder DOKK1, Toldboden og Lystbådehavnen. Du kan også opleve det moderne byområde Aarhus Ø, hvor der er blevet opført en imponerende arkitektur på havnefronten</p>
</section>
<section class="fun-fact">
<h3>Fun fact</h3>
<h4>Det gamle Aarhus</h4>
<p>Aarhus er kendt for sin rige kultur og gamle historie, og derfor sejler Havternen forbi "Det Gamle Aarhus". Guiden vil have særligt fokus på historien om tidligere bygninger og industri, samt erhvervslivet.</p>
<h4>Det nye Aarhus</h4>
<p>Det Nye Aarhus byder velkommen til moderne arkitektur, samt en rig kulturarv. De erfarne guider ombord vil fortælle spændende historier om byens udvikling, med fokus på de smukke bygninger langs havnefronten.</p>
</section>
</div>
<section class="boks-2">
<section>
<div>
<img src="img/profil-billede.webp" alt="Profil billede ikke tilgængeligt" class="profil-billede">
<p>Magnus Høgh</p>
<p>Driftansvarlig</p>
</div>
<div>
<img src="img/profil-billede.webp" alt="Profil billede ikke tilgængeligt" class="profil-billede">
<p>Peter</p>
<p>C/O</p>
</div>
</section>
<section>
<div>
<img src="img/profil-billede.webp" alt="Profil billede ikke tilgængeligt" class="profil-billede">
<p>Mariam Mikha</p>
<p>Marketingansvarlig</p>
</div>
<div>
<img src="img/profil-billede.webp" alt="Profil billede ikke tilgængeligt" class="profil-billede">
<p>Minna Trøllund</p>
<p>Eventkoordinator</p>
</div>
</section>
</section>
<footer>
<section class="topfooter">
<div class="venstrefooter">
<p>Booking og kontakt</p>
<p>Tlf: <a href="+4535113539"></a>+45 35 11 35 39</p>
<p>Mail: <a href="[email protected]"></a>[email protected]</p>
</div>
<div class="hojrefooter">
<p>Info</p>
<a href="#"><p>Handelsbetingelser</p></a>
<a href="#"><p>Privatlivspolitik</p></a>
<a href="#"><p>Ledige stillinger</p></a>
</div>
</section>
<section class="botfooter">
<a href="https://www.facebook.com/Aarhushavnerundfart" class="socials"><img src="icons/facebook-icon.svg" alt="Facebook">Facebook</a>
<a href="https://www.instagram.com/aarhushavnerundfart/" class="socials"><img src="icons/instagram-icon.svg" alt="Instagram">Instgram</a>
<a href="https://www.linkedin.com/company/aarhushavnerundfart/" class="socials"><img src="icons/linkedin-icon.svg" alt="Linkedin">Linkedin</a>
</section>
</footer>
</main>
<script src="js/sidemenu.js"></script>
</body>
</html>