rasm006p
/
SDE-Interaktivt-kort
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Re Upload

This commit is contained in:
Fox News 2021-12-20 11:19:40 +01:00
parent 0be0c3d97d
commit 07636e51bf
26 changed files with 1930 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
Locationtest.php Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="dk">
<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">
<!-- FONT -->
<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=Titillium+Web&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/index.css?v=2">
<link rel="icon" type="image/svg" href="../images/SdeHandLogo.svg"/>
<title>Syddansk Erhvervsskole Map | Test Location</title>
</head>
<script src="../js/ElementControl.js"></script>
<script>
function success(position) {
document.getElementById('output').innerHTML = "Din Position. Latitude: " + position.coords.latitude +
" Longitude: " + position.coords.longitude + " Accuracy= " + position.coords.accuracy;
}
function error() {
alert('Sorry, no position available.');
}
const options = {
enableHighAccuracy: true,
maximumAge: 30000,
timeout: 27000
};
setInterval(function(){
const watchID = navigator.geolocation.watchPosition(success, error, options);
}, 1000);
</script>
<body>
<div style="width: 80%; height: 80%; left: 10%; top: 20px; position:absolute; background-color: #00788A; border-radius: 2vh; ">
<h1 id="output" style="color: white; text-align: center; position: relative; top: 10%; font-family: 'Titillium Web';"></h1>
</div>
<button style="position: absolute; top: 85%" onclick="ChangePage('../index.html');" class="button">Tilbage</button>
</body>
</html>

44
README.md Normal file
View File

@ -0,0 +1,44 @@
# SDE-Map
Et interaktiv map over SDE
![logo](/images/logotype.svg)
# Color Palette
* #00788a <img src="./images/colorIcons/Blue.svg" width="15" height="15">
* #002d4e <img src="./images/colorIcons/DarkBlue.svg" width="15" height="15">
* #6696b1 <img src="./images/colorIcons/LightBlue.svg" width="15" height="15">
* #94a964 <img src="./images/colorIcons/Green.svg" width="15" height="15">
* #ed6c4d <img src="./images/colorIcons/Orange.svg" width="15" height="15">
* #dba227 <img src="./images/colorIcons/Yellow.svg" width="15" height="15">
# json struktur
Vi er ikke sikker på om det vil blive brugt.
``` json
"BygningNavn": {
"info": [
"info tekst 1",
"info tekst 2"
],
"image": [
{
"url": "../images/bygning/hus1.jpg",
"description": "huset foran"
}
]
}
```
Du kan adde flere billedere i image, det vil blive
automatisk sat via [`information.js`](/javascript/information.js)
```json
"image": [
{
"url": "../images/bygning/hus1.jpg",
"description": "huset foran"
},
{
"url": "../images/bygning/hus2.jpg",
"description": "huset bagved"
}
]
```

9
css/font.css Normal file
View File

@ -0,0 +1,9 @@
@font-face {
font-family: 'SDEFont';
src: url('../fonts/TitilliumWeb-Regular.ttf');
}
.dropbtn {
font-family: SDEFont;
}

80
css/image.css Normal file
View File

@ -0,0 +1,80 @@
* {box-sizing: border-box}
body {margin:0;}
.mySlides {display: none}
.show-image {vertical-align: middle;}
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
top: 0px;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 10px 10px 0;
user-select: none;
}
.next {
right: 0;
border-radius: 10px 0 0 10px;
}
.prev:hover, .next:hover {
background-color: rgba(0, 120, 138, 0.8);
}
.text {
color: #f2f2f2;
background-color: rgba(0, 120, 138, 0.8);
font-size: 15px;
padding: 4px 6px;
position: absolute;
bottom: 2px;
margin-left: 20%;
width: 60%;
border-radius: 15px;
text-align: center;
}
.numbertext {
color: #f2f2f2;
background-color: rgba(0, 120, 138, 0.8);
border-radius: 0 0 15px 0;
font-size: 12px;
padding: 4px 10px;
position: absolute;
top: 0;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .9}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .9}
to {opacity: 1}
}
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}

62
css/index.css Normal file
View File

@ -0,0 +1,62 @@
html {
height: 100%;
}
body {
min-height: 100%;
}
.wrapper {
display: flex;
flex-direction: column;
justify-content: space-around;
height: 100vh;
}
.sde-icon {
width: 50vh;
height: 50vh;
}
.button {
border-radius: 15px;
background-color: rgba(0, 120, 138);
border: none;
color: #FFFFFF;
text-align: center;
position: relative;
left: 20%;
font-size: 15px;
padding: 10px;
width: 60%;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
font-family: 'Titillium Web';
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}

233
css/map.css Normal file
View File

@ -0,0 +1,233 @@
body {
font-family: 'Titillium Web';
overflow: hidden;
}
.container {
float: left;
height: auto;
width: auto;
}
.wrapper {
display: flex;
border-radius: 0px;
padding: 5px;
overflow-x: auto;
overflow-y: auto;
width: 100%;
top: auto;
height: 100%;
position: absolute;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow-y: visible;
background-color: #00788A;
}
button {
font-family: 'Titillium Web';
}
h2 {
font-family: 'Titillium Web';
}
p {
font-family: 'Titillium Web';
}
.areas div {
background-color: #00788a57;
border-radius: 15px;
transform: rotate(3deg);
position: absolute;
}
.area {
display: none;
}
.area.show {
display: block;
animation:scale-up-center 0.5s linear infinite alternate both;
}
@keyframes scale-up-center{
from {
transform: scale(.9) rotate(3deg);
background-color: #ed6c4d5e;
}
to {
transform: scale(1) rotate(3deg);
background-color: #b12e0e5e;
}
}
.backbtn {
background-color: #00788A;
color: white;
padding: 14px;
font-size: 16px;
border: none;
cursor: pointer;
}
.backbtn:hover {
background-color: rgba(221, 221, 221, 0.329);
}
.close {
color: #FFFFFF;
float: right;
font-size: 28px;
font-weight: bold;
padding: 5px;
}
.close:hover,
.close:focus {
text-decoration: none;
cursor: pointer;
}
#myInput {
box-sizing: border-box;
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 15px;
border: none;
border-bottom: 1px solid #ddd;
}
#myInput:focus {outline: 3px solid #ddd;}
.map-choice-wrapper {
background-color: rgba(0, 0, 0, 0.37);
position: absolute;
z-index: 500;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.map-choice {
background-color: #00788A;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 1%;
height: 10%;
width: 75%;
}
.map-choice button {
background-color: #00000059;
color: white;
border-style: none;
border-radius: 5px;
text-align: center;
font-size: small;
height: 45%;
width: 48%;
}
.map-choice button:hover {
cursor: pointer;
}
.area-choice-container {
display: none;
z-index: 99;
background-color: rgba(0, 0, 0, 0.6);
height: 100%;
width: 100%;
position: absolute;
}
.area-choice-container.show {
display: block;
}
.area-choice h1 {
background-color: #00788A;
margin: auto;
}
.area-list-container {
display: flex;
justify-content: left;
height: 100%;
bottom: 0px;
}
.area-list button {
height: 5%;
width: 100%;
background-color: #00788A;
color: white;
border-style: none;
text-align: center;
margin: 2px;
overflow: hidden;
border-radius: 1vh;
width: 96%;
position: relative;
left: 2%;
}
.area-list button:hover {
background-color: #00788aab;
}
.area-list {
display: flex;
flex-direction: column;
background-color: #ffffff;
width: 100%;
position: relative;
}
.choice-title {
position: relative;
text-align: center;
background-color: #00788A;
padding: 0.5%;
border-radius: 1vh;
width: 50%;
left: 25%;
}
.text-white {
color: white;
}

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

39
images/InfoIcons.svg Normal file
View File

@ -0,0 +1,39 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="790" height="46" viewBox="0 0 790 46">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_3" data-name="Rectangle 3" width="43" height="43" transform="translate(0.522 -0.478)"/>
</clipPath>
<clipPath id="clip-path-2">
<rect id="Rectangle_4" data-name="Rectangle 4" width="43" height="43" transform="translate(0 0.013)"/>
</clipPath>
<clipPath id="clip-path-3">
<rect id="Rectangle_3-2" data-name="Rectangle 3" width="43" height="43" transform="translate(-0.478 -0.478)"/>
</clipPath>
</defs>
<g id="Group_1" data-name="Group 1" transform="translate(-436 -822)">
<text id="Parkering" transform="translate(700 856)" fill="rgba(0,0,0,0.8)" font-size="30" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Parkering</tspan></text>
<text id="Indgang" transform="translate(914 856)" fill="rgba(0,0,0,0.8)" font-size="30" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Indgang</tspan></text>
<g id="Door_Icon" data-name="Door Icon" transform="translate(867.478 825.478)" clip-path="url(#clip-path)">
<path id="Rectangle_12" data-name="Rectangle 12" d="M6.347,0H32.836a6.347,6.347,0,0,1,6.347,6.347V32.836a6.347,6.347,0,0,1-6.347,6.347H6.347A6.347,6.347,0,0,1,0,32.836V6.347A6.347,6.347,0,0,1,6.347,0Z" transform="translate(1.936 1.936)" fill="#94a964"/>
<text id="D" transform="translate(12.522 31.522)" fill="#fff" font-size="29" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Parking_Icon" data-name="Parking Icon" transform="translate(654 823.987)" clip-path="url(#clip-path-2)">
<path id="Rectangle_12-2" data-name="Rectangle 12" d="M6.33,0H32.749a6.33,6.33,0,0,1,6.33,6.33V32.749a6.33,6.33,0,0,1-6.33,6.33H6.33A6.33,6.33,0,0,1,0,32.749V6.33A6.33,6.33,0,0,1,6.33,0Z" transform="translate(2.11 2.115)" fill="#6696b1"/>
<text id="P" transform="translate(13.776 30.952)" fill="#fff" font-size="26" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Door_Icon-2" data-name="Door Icon" transform="translate(436.478 823.478)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-3" data-name="Rectangle 12" d="M6.347,0H32.836a6.347,6.347,0,0,1,6.347,6.347V32.836a6.347,6.347,0,0,1-6.347,6.347H6.347A6.347,6.347,0,0,1,0,32.836V6.347A6.347,6.347,0,0,1,6.347,0Z" transform="translate(1.936 1.936)" fill="#585858"/>
<text id="D-2" data-name="D" transform="translate(12.522 31.522)" fill="#fff" font-size="28" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">R</tspan></text>
</g>
<text id="Reception" transform="translate(482 856)" fill="rgba(0,0,0,0.8)" font-size="30" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Reception</tspan></text>
<text id="Indgang-2" data-name="Indgang" transform="translate(1108 856)" fill="rgba(0,0,0,0.8)" font-size="30" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">It service</tspan></text>
<g id="Door_Icon-3" data-name="Door Icon" transform="translate(1061.478 825.478)" clip-path="url(#clip-path)">
<path id="Rectangle_12-4" data-name="Rectangle 12" d="M6.347,0H32.836a6.347,6.347,0,0,1,6.347,6.347V32.836a6.347,6.347,0,0,1-6.347,6.347H6.347A6.347,6.347,0,0,1,0,32.836V6.347A6.347,6.347,0,0,1,6.347,0Z" transform="translate(1.936 1.936)" fill="#00788a"/>
<text id="D-3" data-name="D" transform="translate(9.522 32.522)" fill="#fff" font-size="29" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">IT</tspan></text>
</g>
<g id="Door_Icon-4" data-name="Door Icon" transform="translate(1061.478 825.478)" clip-path="url(#clip-path)">
<path id="Rectangle_12-5" data-name="Rectangle 12" d="M6.347,0H32.836a6.347,6.347,0,0,1,6.347,6.347V32.836a6.347,6.347,0,0,1-6.347,6.347H6.347A6.347,6.347,0,0,1,0,32.836V6.347A6.347,6.347,0,0,1,6.347,0Z" transform="translate(1.936 1.936)" fill="#002d4e"/>
<text id="D-4" data-name="D" transform="translate(9.522 32.522)" fill="#fff" font-size="29" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">IT</tspan></text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

10
images/SdeHandLogo.svg Normal file
View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="152.944" height="231.188" viewBox="0 0 152.944 231.188">
<g id="logotype" transform="translate(0 -0.002)">
<path id="Path_27" data-name="Path 27" d="M107.93,231.19c-3.76-2.14-9.16-6-14.08-9.53a167.369,167.369,0,0,1-15-12.48,182.529,182.529,0,0,1-28.37-32.93c.11-.66.78-1.27,1-1.91-1.77-1.29-2.6-3.5-4.43-4.68-1.08-4.15-5.28-8.65-5.56-12.34-3.47-2.83-3.67-6.07-4.28-8.8-.64-.77-2-1.59-.82-2.21,2.12,1.7,2.43,4.86,5.92,5.95,1.19-1.27-.56-2.81-.25-4.15-4.73-11-8.6-22-10.66-32.78,1.2-.66,2.32-.39,3.47-.69.93.46-.48.72.31,1.17.8-.57,1.45.29,2.22.05,1.54-2.41-2.46-4.67-.2-7.15a31.56,31.56,0,0,1-2.6-10.48c-.28-3.17.72-49-12.09-62.45-6.59-6.93-12.34-6.64-16.41-5.56C2.63,31.13.44,33.64,0,35.47,8.93,45.58,8,56.68,8.76,66.94c.7,9.92.79,19.87,2.12,29.15A181.389,181.389,0,0,0,30.5,155.63c.83,0,.43-1.28-.43-1.89-2.34-6.69-7.85-13.64-7.13-20,1.94,1.53,2.53,3.71,3.34,5.58,2.44,5.6,5.28,11.59,8.36,17.44,1,.22.29-1.67-.47-1.61-.12-.59.37-1.11.15-1.7-4.37-8.08-9.12-16.83-10.52-25.05l-1.13-1c-1.63-6.38-3.36-12.77-4.58-19.1a1.85,1.85,0,0,0-1.13-1c.75-3.59-1-7.41-.87-11.07a21.53,21.53,0,0,1,2.26,6.48c.7,3,1,5.89,1.85,8.87s1.91,5.94,2.67,8.94c.48,2,.31,4,.89,5.93,1.83,6.12,5.47,11.89,7.3,18.06a.88.88,0,0,1-.1,1.13c1.94,2.21,12.85,22.8,12.46,23.66-1,.8-.52-1.22-1.58-.43,6,9.31,21.57,31,41.08,47.09,5.28,4.6,16.06,11.06,25,15.18" fill="#00788a" fill-rule="evenodd"/>
<path id="Path_28" data-name="Path 28" d="M50.27,72.28a7.48,7.48,0,0,0,2.88,10.16l.85.46A7.48,7.48,0,0,0,64.13,80l38.23-68.46A7.48,7.48,0,0,0,99.48,1.4L98.66.95A7.47,7.47,0,0,0,88.5,3.83Z" fill="#00788a" fill-rule="evenodd"/>
<path id="Path_29" data-name="Path 29" d="M74.7,86.29a7.48,7.48,0,0,0,2.88,10.16l.82.46A7.48,7.48,0,0,0,88.56,94l38.23-68.46a7.48,7.48,0,0,0-2.88-10.16l-.82-.38a7.47,7.47,0,0,0-10.16,2.88Z" fill="#00788a" fill-rule="evenodd"/>
<path id="Path_30" data-name="Path 30" d="M99.13,99.76A7.48,7.48,0,0,0,102,109.93l.82.46A7.48,7.48,0,0,0,113,107.5L151.21,39a7.48,7.48,0,0,0-2.88-10.16l-.82-.45a7.47,7.47,0,0,0-10.16,2.88Z" fill="#00788a" fill-rule="evenodd"/>
<path id="Path_31" data-name="Path 31" d="M99.93,154.6a7.48,7.48,0,0,0,2.88,10.16l.82.45a7.48,7.48,0,0,0,10.16-2.88L152,93.88a7.48,7.48,0,0,0-2.88-10.16l-.82-.45a7.48,7.48,0,0,0-10.16,2.88Z" fill="#00788a" fill-rule="evenodd"/>
<path id="Path_32" data-name="Path 32" d="M117.47,154.77,86.6,137.53a7.48,7.48,0,0,0-10.16,2.88l-.45.82a7.48,7.48,0,0,0,2.88,10.16l24.76,13.83" fill="#00788a" fill-rule="evenodd"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

15
images/bruger.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512">
<defs>
<clipPath id="clip-User_Icon">
<rect width="512" height="512"/>
</clipPath>
</defs>
<g id="User_Icon" data-name="User Icon" clip-path="url(#clip-User_Icon)">
<g id="Group_2" data-name="Group 2">
<ellipse id="Ellipse_1" data-name="Ellipse 1" cx="224" cy="222.5" rx="224" ry="222.5" transform="translate(32 34)" fill="#ed6c4d"/>
<circle id="Ellipse_2" data-name="Ellipse 2" cx="140" cy="140" r="140" transform="translate(116 118)" fill="#fff"/>
<path id="Rectangle_4" data-name="Rectangle 4" d="M25,0H146a25,25,0,0,1,25,25V66a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V25A25,25,0,0,1,25,0Z" transform="translate(171 282)"/>
<ellipse id="Ellipse_3" data-name="Ellipse 3" cx="53.5" cy="52" rx="53.5" ry="52" transform="translate(203 166)"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 933 B

3
images/colorIcons/Blue.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_10" data-name="Rectangle 10" width="256" height="256" rx="32" fill="#00788a"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 196 B

3
images/colorIcons/DarkBlue.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_11" data-name="Rectangle 11" width="256" height="256" rx="32" fill="#002d4e"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 196 B

3
images/colorIcons/Green.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_6" data-name="Rectangle 6" width="256" height="256" rx="32" fill="#94a964"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

3
images/colorIcons/LightBlue.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_12" data-name="Rectangle 12" width="256" height="256" rx="32" fill="#6696b1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 196 B

3
images/colorIcons/Orange.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_7" data-name="Rectangle 7" width="256" height="256" rx="32" fill="#ed6c4d"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

3
images/colorIcons/Yellow.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<rect id="Rectangle_8" data-name="Rectangle 8" width="256" height="256" rx="32" fill="#dba227"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 194 B

1
images/logotype.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

504
images/maps/munkebjergvej.svg Normal file
View File

@ -0,0 +1,504 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1274" height="692" viewBox="0 0 1274 692">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_1" data-name="Rectangle 1" width="36" height="35" transform="translate(0 -0.339)"/>
</clipPath>
<clipPath id="clip-path-3">
<rect id="Rectangle_3" data-name="Rectangle 3" width="15" height="15"/>
</clipPath>
<clipPath id="clip-path-22">
<rect id="Rectangle_3-20" data-name="Rectangle 3" width="15" height="15" transform="translate(55 15)"/>
</clipPath>
<clipPath id="clip-path-28">
<rect id="Rectangle_4" data-name="Rectangle 4" width="69" height="69" transform="translate(0 0.013)"/>
</clipPath>
<clipPath id="clip-path-30">
<rect id="Rectangle_3-26" data-name="Rectangle 3" width="18" height="18" transform="translate(-0.478 -0.307)"/>
</clipPath>
<clipPath id="clip-path-31">
<rect id="Rectangle_3-27" data-name="Rectangle 3" width="20" height="21" transform="translate(0.022 -0.978)"/>
</clipPath>
<clipPath id="clip-munkebjergvej">
<rect width="1274" height="692"/>
</clipPath>
</defs>
<g id="munkebjergvej" clip-path="url(#clip-munkebjergvej)">
<rect width="1274" height="692" fill="#fff"/>
<g id="Rectangle_1-4" data-name="Rectangle 1" transform="matrix(0.999, 0.035, -0.035, 0.999, 332.21, 252.677)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="82" height="66" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="81" height="65" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_2" data-name="Rectangle 2" transform="matrix(0.999, 0.035, -0.035, 0.999, 182.996, 189.602)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="135.518" height="130" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="134.518" height="129" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_3-28" data-name="Rectangle 3" transform="matrix(0.999, 0.052, -0.052, 0.999, 311.306, 191.569)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="136" height="31" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="135" height="30" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_4-3" data-name="Rectangle 4" transform="matrix(0.999, 0.035, -0.035, 0.999, 442.633, 167.483)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="125" height="167" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="124" height="166" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_5" data-name="Rectangle 5" transform="translate(470.433 147.196) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="395.534" height="25" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="394.534" height="24" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_6" data-name="Rectangle 6" transform="translate(492.119 139.188) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="374.214" height="15" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="373.214" height="14" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_7" data-name="Rectangle 7" transform="translate(492.204 133.836) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="137.214" height="16.631" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="136.214" height="15.631" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_8" data-name="Rectangle 8" transform="translate(667.493 252.428) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="167" height="96" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="166" height="95" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_9" data-name="Rectangle 9" transform="matrix(0.999, 0.035, -0.035, 0.999, 700.262, 216.866)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="29" height="48" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="28" height="47" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_10" data-name="Rectangle 10" transform="matrix(0.999, 0.035, -0.035, 0.999, 686.878, 227.859)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="29" height="21" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="28" height="20" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_11" data-name="Rectangle 11" transform="translate(669.035 188.89) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="260.534" height="33.627" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="259.534" height="32.627" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_12" data-name="Rectangle 12" transform="translate(692.035 173.752) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="238.384" height="33.627" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="237.384" height="32.627" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_13" data-name="Rectangle 13" transform="translate(851.816 167.097) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="78.384" height="33.627" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="77.384" height="32.627" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_14" data-name="Rectangle 14" transform="translate(879.816 151.206) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="53.501" height="82.613" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="52.501" height="81.613" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_15" data-name="Rectangle 15" transform="matrix(0.998, 0.07, -0.07, 0.998, 185.664, 343.623)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="50" height="134" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="49" height="133" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_16" data-name="Rectangle 16" transform="matrix(0.998, 0.07, -0.07, 0.998, 247.827, 403.594)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="102" height="122" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="101" height="121" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_17" data-name="Rectangle 17" transform="matrix(0.998, 0.07, -0.07, 0.998, 367.539, 357.037)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="194" height="91.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="193" height="90.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_18" data-name="Rectangle 18" transform="matrix(0.998, 0.07, -0.07, 0.998, 362.028, 433.949)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="70" height="55.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="69" height="54.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_19" data-name="Rectangle 19" transform="matrix(0.998, 0.07, -0.07, 0.998, 584.997, 372.037)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="239.971" height="91.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="238.971" height="90.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_20" data-name="Rectangle 20" transform="matrix(0.998, 0.07, -0.07, 0.998, 776.784, 457.231)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="43.3" height="31.894" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="42.3" height="30.894" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_21" data-name="Rectangle 21" transform="translate(867.753 444.241) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="33.971" height="22.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="32.971" height="21.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_22" data-name="Rectangle 22" transform="translate(841.948 429.464) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="22.971" height="32.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="21.971" height="31.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_23" data-name="Rectangle 23" transform="translate(907.948 408.464) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="22.971" height="32.267" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="21.971" height="31.267" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_24" data-name="Rectangle 24" transform="translate(909.309 445.691) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="18.971" height="20.346" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="17.971" height="19.346" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_25" data-name="Rectangle 25" transform="matrix(0.999, 0.035, -0.035, 0.999, 850.793, 400.203)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="33.382" height="21.992" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="32.382" height="20.992" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_26" data-name="Rectangle 26" transform="translate(935.911 253.113) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="285" height="74" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="284" height="73" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_27" data-name="Rectangle 27" transform="translate(1052.328 318.046) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="84.273" height="88.327" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="83.273" height="87.327" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_28" data-name="Rectangle 28" transform="translate(1069.554 386.477) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="76.036" height="30.327" rx="12" stroke="none"/>
<rect x="0.5" y="0.5" width="75.036" height="29.327" rx="11.5" fill="none"/>
</g>
<g id="Rectangle_29" data-name="Rectangle 29" transform="translate(1072.59 329.172) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="64.273" height="87.327" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="63.273" height="86.327" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_30" data-name="Rectangle 30" transform="translate(1081.301 386.477) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="64.273" height="20.333" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="63.273" height="19.333" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_31" data-name="Rectangle 31" transform="translate(360.157 493.613) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="18" height="37.909" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="17" height="36.909" rx="4.5" fill="none"/>
</g>
<g id="Rectangle_32" data-name="Rectangle 32" transform="translate(368.285 529.502) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="49.652" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="48.652" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_33" data-name="Rectangle 33" transform="translate(415.822 534.498) rotate(-87)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="29.887" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="28.887" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_34" data-name="Rectangle 34" transform="matrix(0.07, -0.998, 0.998, 0.07, 173.616, 517.768)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="49.887" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="48.887" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_35" data-name="Rectangle 35" transform="matrix(0.998, 0.07, -0.07, 0.998, 173.792, 514.949)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="49.652" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="48.652" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_36" data-name="Rectangle 36" transform="matrix(0.07, -0.998, 0.998, 0.07, 193.718, 500.802)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="31.887" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="30.887" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_37" data-name="Rectangle 37" transform="matrix(0.07, -0.998, 0.998, 0.07, 192.37, 517.768)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="10.915" height="2.534" rx="1.267" stroke="none"/>
<rect x="0.5" y="0.5" width="9.915" height="1.534" rx="0.767" fill="none"/>
</g>
<g id="Rectangle_38" data-name="Rectangle 38" transform="translate(184.071 326.31) rotate(3)" fill="#94a964" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="125.518" height="3.157" rx="1.578" stroke="none"/>
<rect x="0.5" y="0.5" width="124.518" height="2.157" rx="1.078" fill="none"/>
</g>
<g id="Rectangle_40" data-name="Rectangle 40" transform="translate(332.375 334.79) rotate(3)" fill="#94a964" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="77.518" height="3.157" rx="1.578" stroke="none"/>
<rect x="0.5" y="0.5" width="76.518" height="2.157" rx="1.078" fill="none"/>
</g>
<g id="Rectangle_41" data-name="Rectangle 41" transform="translate(438.375 340.79) rotate(3)" fill="#94a964" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="126.518" height="3.157" rx="1.578" stroke="none"/>
<rect x="0.5" y="0.5" width="125.518" height="2.157" rx="1.078" fill="none"/>
</g>
<line id="Line_1" data-name="Line 1" x1="4" y2="116" transform="translate(322.5 224.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_2" data-name="Line 2" x1="76" y2="22" transform="translate(325.5 230.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_3" data-name="Line 3" x1="28" y1="2" transform="translate(401.5 230.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_4" data-name="Line 4" y1="114" x2="3" transform="translate(426.5 232.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_5" data-name="Line 5" x2="404" y2="25" transform="translate(178.5 321.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_6" data-name="Line 6" x1="9" y1="9" transform="translate(580.5 218.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_7" data-name="Line 7" x1="11" y1="2" transform="translate(569.5 216.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_8" data-name="Line 8" x1="2" y2="47" transform="translate(609.5 182.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_9" data-name="Line 9" x1="28" y1="1" transform="translate(658.5 237.5)" fill="none" stroke="#707070" stroke-width="3" stroke-dasharray="2"/>
<line id="Line_10" data-name="Line 10" y1="13" transform="translate(642.5 241.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_11" data-name="Line 11" x2="18" transform="translate(642.5 254.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_12" data-name="Line 12" y1="108" x2="4" transform="translate(656.5 254.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_13" data-name="Line 13" x2="333" y2="23" transform="translate(591.5 347.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_14" data-name="Line 14" x1="8" y2="131" transform="translate(834.5 243.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_15" data-name="Line 15" x1="199" y1="12" transform="translate(731.5 236.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_17" data-name="Line 17" x1="6" y2="132" transform="translate(924.5 248.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_18" data-name="Line 18" y1="131" x2="7" transform="translate(827.5 380.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_19" data-name="Line 19" x1="56" y1="4" transform="translate(771.5 492.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_20" data-name="Line 20" y2="14" transform="translate(771.5 478.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_21" data-name="Line 21" x1="204" y1="13" transform="translate(567.5 465.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_22" data-name="Line 22" x1="5" y2="97" transform="translate(567.5 368.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<g id="Rectangle_42" data-name="Rectangle 42" transform="matrix(0.998, 0.061, -0.061, 0.998, 102.581, 329.287)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="827.215" height="8.142" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="826.215" height="7.142" rx="3.5" fill="none"/>
</g>
<g id="Rectangle_43" data-name="Rectangle 43" transform="translate(580.789 361.932) rotate(-86)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="133.307" height="8.142" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="132.307" height="7.142" rx="3.5" fill="none"/>
</g>
<g id="Rectangle_44" data-name="Rectangle 44" transform="matrix(0.998, 0.061, -0.061, 0.998, 591.719, 229.248)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="68.893" height="8.142" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="67.893" height="7.142" rx="3.5" fill="none"/>
</g>
<line id="Line_25" data-name="Line 25" x1="9" y2="182" transform="translate(352.5 354.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_27" data-name="Line 27" x1="127" y1="7" transform="translate(225.5 529.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_29" data-name="Line 29" y1="183" x2="12" transform="translate(225.5 346.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_31" data-name="Line 31" x2="121" y2="8" transform="translate(235.5 399.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_32" data-name="Line 32" y2="15" transform="translate(718.5 136.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_33" data-name="Line 33" x1="88" y1="51" transform="translate(630.5 85.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<g id="Rectangle_45" data-name="Rectangle 45" transform="translate(89.48 184.41) rotate(-11)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="551" height="8.142" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="550" height="7.142" rx="3.5" fill="none"/>
</g>
<line id="Line_34" data-name="Line 34" x1="42" y1="72" transform="translate(136.5 249.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_35" data-name="Line 35" y2="13" transform="translate(178.5 321.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_36" data-name="Line 36" y1="7" x2="1" transform="translate(176.5 342.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<line id="Line_37" data-name="Line 37" x1="53" y2="113" transform="translate(123.5 350.5)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="2"/>
<g id="Rectangle_46" data-name="Rectangle 46" transform="matrix(0.998, 0.061, -0.061, 0.998, 662.532, 355.476)" fill="#94a964" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="162.127" height="3.157" rx="1.578" stroke="none"/>
<rect x="0.5" y="0.5" width="161.127" height="2.157" rx="1.078" fill="none"/>
</g>
<g id="Rectangle_47" data-name="Rectangle 47" transform="matrix(0.998, 0.061, -0.061, 0.998, 846.693, 368.33)" fill="#94a964" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="71.799" height="3.157" rx="1.578" stroke="none"/>
<rect x="0.5" y="0.5" width="70.799" height="2.157" rx="1.078" fill="none"/>
</g>
<g id="Rectangle_48" data-name="Rectangle 48" transform="matrix(0.999, 0.052, -0.052, 0.999, 132.754, 605.843)" fill="#1a1a1a" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="688.168" height="8.142" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="685.168" height="5.142" rx="2.5" fill="none"/>
</g>
<g id="Rectangle_49" data-name="Rectangle 49" transform="matrix(-0.052, 0.999, -0.999, -0.052, 827.667, 511.728)" fill="#1a1a1a" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="138.452" height="8.142" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="135.452" height="5.142" rx="2.5" fill="none"/>
</g>
<g id="Rectangle_50" data-name="Rectangle 50" transform="matrix(-0.996, 0.087, -0.087, -0.996, 1260.793, 480.087)" fill="#1a1a1a" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="441.582" height="8.142" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="438.582" height="5.142" rx="2.5" fill="none"/>
</g>
<rect id="Rectangle_51" data-name="Rectangle 51" width="27" height="741.935" rx="13.5" transform="matrix(0.995, -0.105, 0.105, 0.995, 43.277, -20.793)" fill="#1a1a1a"/>
<rect id="Rectangle_52" data-name="Rectangle 52" width="27" height="944.031" rx="13.5" transform="matrix(-0.07, -0.998, 0.998, -0.07, -13.478, 60.497)" fill="#1a1a1a"/>
<line id="Line_38" data-name="Line 38" x1="75" y1="709" transform="translate(57.5 -9.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<line id="Line_39" data-name="Line 39" x1="910" y2="64" transform="translate(0.5 -17.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<ellipse id="Ellipse_1" data-name="Ellipse 1" cx="13.5" cy="14.5" rx="13.5" ry="14.5" transform="translate(49 28)" fill="#1a1a1a"/>
<rect id="Rectangle_53" data-name="Rectangle 53" width="21.129" height="147.279" transform="matrix(0.995, -0.105, 0.105, 0.995, 68.795, 211.7)" fill="#1a1a1a"/>
<text id="Munkebjergvej-2" data-name="Munkebjergvej" transform="translate(104.028 351.746) rotate(-97)" fill="#fff" font-size="20" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Munkebjergvej</tspan></text>
<rect id="Rectangle_54" data-name="Rectangle 54" width="21.129" height="117.262" transform="translate(215.949 41.538) rotate(-93)" fill="#1a1a1a"/>
<text id="Munkerisvej" transform="translate(216.931 37.387) rotate(-4)" fill="#fff" font-size="20" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Munkerisvej</tspan></text>
<g id="Rectangle_55" data-name="Rectangle 55" transform="translate(692.87 141.095) rotate(3)" fill="#bcbbbb" stroke="rgba(112,112,112,0)" stroke-width="1">
<rect width="62.185" height="16.631" rx="5" stroke="none"/>
<rect x="0.5" y="0.5" width="61.185" height="15.631" rx="4.5" fill="none"/>
</g>
<rect id="Rectangle_56" data-name="Rectangle 56" width="16.86" height="681.613" rx="8.43" transform="translate(1262.508 701.136) rotate(-177)" fill="#1a1a1a"/>
<line id="Line_40" data-name="Line 40" x1="34" y2="665" transform="translate(1254.5 27.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<rect id="Rectangle_58" data-name="Rectangle 58" width="11.056" height="76.488" transform="translate(1266.065 591.184) rotate(-178)" fill="#1a1a1a"/>
<text id="Billedskærervej" transform="translate(1262.929 590.843) rotate(-87)" fill="#fff" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Billedskærervej</tspan></text>
<text id="MU5" transform="matrix(0.999, 0.035, -0.035, 0.999, 354.247, 281.706)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU5</tspan></text>
<text id="_5A" data-name="5A" transform="translate(339 265)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">5A</tspan></text>
<text id="_5C" data-name="5C" transform="translate(398 270)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">5C</tspan></text>
<text id="_3A" data-name="3A" transform="translate(321 218)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">3A</tspan></text>
<text id="_1A" data-name="1A" transform="translate(299 257)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">1A</tspan></text>
<text id="_2A" data-name="2A" transform="translate(212 409)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">2A</tspan></text>
<text id="_4F" data-name="4F" transform="translate(252 432)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">4F</tspan></text>
<text id="_4G" data-name="4G" transform="translate(333 429)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">4G</tspan></text>
<text id="_4A" data-name="4A" transform="translate(326 501)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">4A</tspan></text>
<text id="_6F" data-name="6F" transform="translate(384 482)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">6F</tspan></text>
<text id="_6H" data-name="6H" transform="translate(369 445)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">6H</tspan></text>
<text id="_6A" data-name="6A" transform="translate(395 371)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">6A</tspan></text>
<text id="_6C" data-name="6C" transform="translate(540 421)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">6C</tspan></text>
<text id="_8A" data-name="8A" transform="translate(621 390)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">8A</tspan></text>
<text id="_8C" data-name="8C" transform="translate(776 401)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">8C</tspan></text>
<text id="MU10" transform="matrix(0.999, 0.035, -0.035, 0.999, 847.41, 414.99)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU10</tspan></text>
<text id="_7A" data-name="7A" transform="translate(550 220)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">7A</tspan></text>
<text id="_9A" data-name="9A" transform="translate(694 243)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9A</tspan></text>
<text id="_9D" data-name="9D" transform="translate(714 156)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9D</tspan></text>
<text id="_9C" data-name="9C" transform="translate(904 226)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9C</tspan></text>
<text id="_11A" data-name="11A" transform="translate(963 269)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">11A</tspan></text>
<text id="_11B" data-name="11B" transform="translate(1193 333)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">11B</tspan></text>
<text id="_9F" data-name="9F" transform="translate(815 312)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9F</tspan></text>
<text id="MU1" transform="matrix(0.999, 0.035, -0.035, 0.999, 186.247, 225.444)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU1</tspan></text>
<text id="Mediegrafiker" transform="matrix(0.999, 0.035, -0.035, 0.999, 184.08, 306.5)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Mediegrafiker</tspan></text>
<text id="It_netværk_og_design" data-name="It, netværk og
design" transform="matrix(0.999, 0.035, -0.035, 0.999, 186.779, 246.933)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">It, netværk og</tspan><tspan x="0" y="23">design</tspan></text>
<text id="MU2" transform="matrix(-0.07, 0.998, -0.998, -0.07, 218.541, 350.919)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU2</tspan></text>
<text id="MU4" transform="matrix(0.998, 0.07, -0.07, 0.998, 252.419, 417.852)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU4</tspan></text>
<text id="Kantine" transform="matrix(0.999, 0.035, -0.035, 0.999, 350.284, 303.299)" fill="rgba(0,0,0,0.8)" font-size="12" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Kantine</tspan></text>
<text id="Frisør" transform="translate(288.968 523.672) rotate(-48)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Frisør</tspan></text>
<text id="MU6" transform="matrix(0.998, 0.07, -0.07, 0.998, 522.39, 385.483)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU6</tspan></text>
<text id="Mennesker_livsstil_og_sundhed" data-name="Mennesker, livsstil
og sundhed" transform="matrix(0.998, 0.07, -0.07, 0.998, 374.876, 378.959)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Mennesker, livsstil </tspan><tspan x="0" y="23">og sundhed</tspan></text>
<text id="Kosmetiker_hospitalsteknisk_assistent_serviceassistent" data-name="Kosmetiker, hospitalsteknisk assistent,
serviceassistent" transform="matrix(0.998, 0.07, -0.07, 0.998, 371.174, 417.072)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Kosmetiker, hospitalsteknisk assistent,</tspan><tspan x="0" y="15">serviceassistent</tspan></text>
<g id="Group_6" data-name="Group 6" transform="translate(-45.163 -93.112) rotate(3)">
<rect id="Rectangle_19-2" data-name="Rectangle 19" width="38.076" height="62" transform="translate(679.924 330.981)" fill="#94a964"/>
<g id="Rectangle_20-2" data-name="Rectangle 20" transform="translate(681.924 332.981)" fill="none" stroke="#fff" stroke-width="1">
<rect width="34.076" height="58" stroke="none"/>
<rect x="0.5" y="0.5" width="33.076" height="57" fill="none"/>
</g>
<g id="Rectangle_21-2" data-name="Rectangle 21" transform="translate(689.924 332.981)" fill="none" stroke="#fff" stroke-width="1">
<rect width="18.076" height="9" stroke="none"/>
<rect x="0.5" y="0.5" width="17.076" height="8" fill="none"/>
</g>
<g id="Rectangle_22-2" data-name="Rectangle 22" transform="translate(689.924 381.981)" fill="none" stroke="#fff" stroke-width="1">
<rect width="18.076" height="9" stroke="none"/>
<rect x="0.5" y="0.5" width="17.076" height="8" fill="none"/>
</g>
<rect id="Rectangle_23-2" data-name="Rectangle 23" width="32.076" height="1" transform="translate(682.924 361)" fill="#fff"/>
<g id="Ellipse_6" data-name="Ellipse 6" transform="translate(694 356.5)" fill="none" stroke="#fff" stroke-width="1">
<circle cx="5" cy="5" r="5" stroke="none"/>
<circle cx="5" cy="5" r="4.5" fill="none"/>
</g>
</g>
<text id="MU3" transform="translate(359.605 215.386) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU3</tspan></text>
<text id="MU7" transform="matrix(0.999, 0.035, -0.035, 0.999, 446.329, 256.99)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU7</tspan></text>
<text id="Konferencesal" transform="matrix(0.999, 0.035, -0.035, 0.999, 465.28, 189.991)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Konferencesal</tspan></text>
<rect id="Rectangle_59" data-name="Rectangle 59" width="126.179" height="1.258" transform="matrix(0.999, 0.035, -0.035, 0.999, 441.384, 197.179)" fill="#fff"/>
<text id="It_netværk_og_design-2" data-name="It, netværk og
design" transform="matrix(0.999, 0.035, -0.035, 0.999, 446.209, 278.99)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">It, netværk og</tspan><tspan x="0" y="23">design</tspan></text>
<text id="MU9" transform="translate(625.762 172.996) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU9</tspan></text>
<text id="_9B" data-name="9B" transform="translate(606 173)" font-size="8" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9B</tspan></text>
<text id="Odense_Teknisk_Gymnasium" data-name="Odense Teknisk
Gymnasium" transform="translate(752.262 188.067) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Odense Teknisk </tspan><tspan x="0" y="23">Gymnasium</tspan></text>
<text id="Odense_Teknisk_Gymnasium-2" data-name="Odense Teknisk
Gymnasium" transform="translate(671.87 287.097) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Odense Teknisk </tspan><tspan x="0" y="23">Gymnasium</tspan></text>
<text id="MU9-2" data-name="MU9" transform="translate(673.814 268.198) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU9</tspan></text>
<text id="MU8" transform="matrix(0.998, 0.07, -0.07, 0.998, 591.641, 406.262)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU8</tspan></text>
<text id="It_netværk_og_design-3" data-name="It, netværk og design" transform="matrix(0.998, 0.07, -0.07, 0.998, 589.919, 424.708)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">It, netværk og design</tspan></text>
<text id="It-supporter_og_datatekniker" data-name="It-supporter og datatekniker" transform="matrix(0.998, 0.07, -0.07, 0.998, 589.401, 441.23)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">It-supporter og datatekniker</tspan></text>
<text id="MU11" transform="translate(1063.19 282.97) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">MU11</tspan></text>
<text id="Byggeri_energi_og_konstruktion" data-name="Byggeri, energi og konstruktion" transform="translate(938.339 293.308) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Byggeri, energi og konstruktion</tspan></text>
<text id="Ejendomsservicetekniker_og_sikkerhedsvagt" data-name="Ejendomsservicetekniker og sikkerhedsvagt" transform="translate(937.915 308.714) rotate(3)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Ejendomsservicetekniker og sikkerhedsvagt</tspan></text>
<g id="Bus_Icon" data-name="Bus Icon" transform="translate(115 375.339)" clip-path="url(#clip-path)">
<g id="Group_5" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-2" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-2" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-2" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-2" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-2" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-2" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-2" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Bus_Icon-2" data-name="Bus Icon" transform="translate(41 315.339)" clip-path="url(#clip-path)">
<g id="Group_5-2" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-3" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-3" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-3" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-3" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4-3" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-3" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-3" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-4" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Door_Icon" data-name="Door Icon" transform="translate(773 379)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-2" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-2" data-name="Door Icon" transform="translate(618 365)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-3" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-2" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-3" data-name="Door Icon" transform="translate(392 350)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-4" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-3" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-4" data-name="Door Icon" transform="translate(354 434)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-5" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-4" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-5" data-name="Door Icon" transform="translate(380 485)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-6" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-5" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-6" data-name="Door Icon" transform="translate(336 492)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-7" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-6" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-7" data-name="Door Icon" transform="translate(343 420)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-8" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-7" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-8" data-name="Door Icon" transform="translate(236 422)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-9" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-8" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-9" data-name="Door Icon" transform="translate(225 400)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-10" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-9" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-10" data-name="Door Icon" transform="translate(309 247)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-11" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-10" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-11" data-name="Door Icon" transform="translate(318 218)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-12" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-11" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-12" data-name="Door Icon" transform="translate(323 255)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-13" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-12" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-13" data-name="Door Icon" transform="translate(408 260)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-14" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-13" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-14" data-name="Door Icon" transform="translate(389 312)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-15" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-14" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-15" data-name="Door Icon" transform="translate(337 311)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-16" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-15" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<text id="Mennesker_livsstil_og_sundhed-2" data-name="Mennesker, livsstil
og sundhed" transform="translate(249.315 509.039) rotate(-48)" fill="rgba(0,0,0,0.8)" font-size="15" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Mennesker, livsstil</tspan><tspan x="0" y="23">og sundhed</tspan></text>
<g id="Door_Icon-16" data-name="Door Icon" transform="translate(561 211)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-17" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-16" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-17" data-name="Door Icon" transform="translate(605 176)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-18" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-17" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-18" data-name="Door Icon" transform="translate(677 231)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-19" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-18" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-19" data-name="Door Icon" transform="translate(712 132)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-20" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-19" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-20" data-name="Door Icon" transform="translate(712 132)" clip-path="url(#clip-path-22)">
<path id="Rectangle_12-21" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-20" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-21" data-name="Door Icon" transform="translate(901 230)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-22" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-21" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-22" data-name="Door Icon" transform="translate(826 304)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-23" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-22" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-23" data-name="Door Icon" transform="translate(962 244)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-24" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-23" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-24" data-name="Door Icon" transform="translate(1193 335)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-25" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-24" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Door_Icon-25" data-name="Door Icon" transform="translate(553 410)" clip-path="url(#clip-path-3)">
<path id="Rectangle_12-26" data-name="Rectangle 12" d="M2.23,0h9.3a2.23,2.23,0,0,1,2.23,2.23v9.3a2.23,2.23,0,0,1-2.23,2.23H2.23A2.23,2.23,0,0,1,0,11.534V2.23A2.23,2.23,0,0,1,2.23,0Z" transform="translate(0.743 0.743)" fill="#94a964"/>
<text id="D-25" data-name="D" transform="translate(4 12)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">D</tspan></text>
</g>
<g id="Parking_Icon" data-name="Parking Icon" transform="translate(481 504.987)" clip-path="url(#clip-path-28)">
<path id="Rectangle_12-27" data-name="Rectangle 12" d="M10.109,0H52.3A10.109,10.109,0,0,1,62.408,10.109V52.3A10.109,10.109,0,0,1,52.3,62.408H10.109A10.109,10.109,0,0,1,0,52.3V10.109A10.109,10.109,0,0,1,10.109,0Z" transform="translate(3.37 3.37)" fill="#6696b1"/>
<text id="P" transform="translate(22 50.513)" fill="#fff" font-size="43" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-2" data-name="Parking Icon" transform="translate(1002 149.987)" clip-path="url(#clip-path-28)">
<path id="Rectangle_12-28" data-name="Rectangle 12" d="M10.109,0H52.3A10.109,10.109,0,0,1,62.408,10.109V52.3A10.109,10.109,0,0,1,52.3,62.408H10.109A10.109,10.109,0,0,1,0,52.3V10.109A10.109,10.109,0,0,1,10.109,0Z" transform="translate(3.37 3.37)" fill="#6696b1"/>
<text id="P-2" data-name="P" transform="translate(22 50.513)" fill="#fff" font-size="43" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Door_Icon-26" data-name="Door Icon" transform="translate(317.478 193.307)" clip-path="url(#clip-path-30)">
<path id="Rectangle_12-29" data-name="Rectangle 12" d="M2.663,0H13.779a2.663,2.663,0,0,1,2.663,2.663V13.779a2.663,2.663,0,0,1-2.663,2.663H2.663A2.663,2.663,0,0,1,0,13.779V2.663A2.663,2.663,0,0,1,2.663,0Z" transform="translate(0.535 0.662)" fill="#585858"/>
<text id="D-26" data-name="D" transform="translate(5.522 12.693)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">R</tspan></text>
<text id="D-27" data-name="D" transform="translate(5.522 12.693)" fill="#fff" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">R</tspan></text>
</g>
<text id="Skole_praktik" data-name="Skole praktik" transform="translate(445.189 327.28) rotate(1)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Skole praktik</tspan></text>
<g id="Door_Icon-27" data-name="Door Icon" transform="translate(628.978 140.978)" clip-path="url(#clip-path-31)">
<path id="Rectangle_12-30" data-name="Rectangle 12" d="M2.855,0H14.771a2.855,2.855,0,0,1,2.855,2.855V14.77a2.855,2.855,0,0,1-2.855,2.855H2.855A2.855,2.855,0,0,1,0,14.77V2.855A2.855,2.855,0,0,1,2.855,0Z" transform="translate(1.134 0.531)" fill="#002d4e"/>
<text id="D-28" data-name="D" transform="translate(6.429 13.022)" fill="#fff" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">IT</tspan></text>
</g>
<g id="Bus_Icon-3" data-name="Bus Icon" transform="translate(1233 135.339)" clip-path="url(#clip-path)">
<g id="Group_5-3" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-4" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-4" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-4" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-4" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4-5" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-4" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-4" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-6" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<text id="Tandklinikassistent" transform="matrix(-0.07, 0.998, -0.998, -0.07, 190.43, 349.397)" fill="rgba(0,0,0,0.8)" font-size="10" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Tandklinikassistent</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

262
images/maps/risingsvej.svg Normal file
View File

@ -0,0 +1,262 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="808" height="692" viewBox="0 0 808 692">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_4" data-name="Rectangle 4" width="29" height="30" transform="translate(-0.059 -0.89)"/>
</clipPath>
<clipPath id="clip-path-2">
<rect id="Rectangle_3" data-name="Rectangle 3" width="23" height="23" transform="translate(0.343 0.1)"/>
</clipPath>
<clipPath id="clip-path-3">
<rect id="Rectangle_1" data-name="Rectangle 1" width="36" height="35" transform="translate(0 -0.339)"/>
</clipPath>
<clipPath id="clip-risingsvej">
<rect width="808" height="692"/>
</clipPath>
</defs>
<g id="risingsvej" clip-path="url(#clip-risingsvej)">
<rect width="808" height="692" fill="#fff"/>
<rect id="Rectangle_60" data-name="Rectangle 60" width="162.78" height="131.774" rx="5" transform="translate(480.893 393.434) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_61" data-name="Rectangle 61" width="62.793" height="58.136" rx="5" transform="translate(550.599 416.04) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_63" data-name="Rectangle 63" width="27.13" height="113.687" rx="5" transform="translate(398.56 519.667) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_64" data-name="Rectangle 64" width="49.092" height="250.629" rx="5" transform="translate(469.156 398.534) rotate(43)" fill="#bcbbbb"/>
<path id="Path_1" data-name="Path 1" d="M6.46,7.066H17.324a6.46,6.46,0,0,1,6.46,6.46v28.5a6.46,6.46,0,0,1-6.46,6.46H6.46A6.46,6.46,0,0,1,0,42.024L.6.778C.6-2.789,2.892,7.066,6.46,7.066Z" transform="translate(328.861 564.663) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_65" data-name="Rectangle 65" width="34.881" height="109.812" rx="5" transform="translate(119.589 365.272) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_67" data-name="Rectangle 67" width="165.363" height="164.071" rx="5" transform="translate(206.009 391.705) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_68" data-name="Rectangle 68" width="48.827" height="25.838" rx="5" transform="translate(299.384 524.176) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_69" data-name="Rectangle 69" width="25.263" height="28.438" rx="5" transform="translate(214.654 382.104) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_70" data-name="Rectangle 70" width="25.263" height="45.233" rx="5" transform="translate(120.82 474.464) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_71" data-name="Rectangle 71" width="38.757" height="78.806" rx="5" transform="translate(339.861 432.258) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_72" data-name="Rectangle 72" width="164.071" height="129.19" rx="5" transform="translate(319.205 267.348) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_73" data-name="Rectangle 73" width="35.035" height="139.529" rx="5" transform="translate(317.285 265.619) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_74" data-name="Rectangle 74" width="40.203" height="29.717" rx="4" transform="translate(268.351 310.712) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_75" data-name="Rectangle 75" width="166.809" height="29.717" rx="4" transform="translate(322.9 249.992) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_76" data-name="Rectangle 76" width="53.122" height="55.555" rx="4" transform="translate(465.504 309.984) rotate(42)" fill="#bcbbbb"/>
<rect id="Rectangle_77" data-name="Rectangle 77" width="48.827" height="25.838" rx="5" transform="translate(389.817 422.31) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_78" data-name="Rectangle 78" width="140.817" height="131.774" rx="5" transform="translate(623.002 263.029) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_79" data-name="Rectangle 79" width="47.8" height="106.223" rx="5" transform="translate(591.404 268.499) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_80" data-name="Rectangle 80" width="52.616" height="23.474" rx="5" transform="translate(559.537 238.783) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_81" data-name="Rectangle 81" width="21.61" height="134.577" rx="5" transform="translate(574.697 202.483) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_82" data-name="Rectangle 82" width="21.61" height="139.745" rx="5" transform="translate(556.954 212.444) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_83" data-name="Rectangle 83" width="117.211" height="139.444" rx="5" transform="translate(490.364 143.676) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_84" data-name="Rectangle 84" width="117.211" height="130.4" rx="5" transform="translate(460.169 115.408) rotate(43)" fill="#bcbbbb"/>
<rect id="Rectangle_85" data-name="Rectangle 85" width="57.783" height="66.654" rx="5" transform="translate(455.445 111.003) rotate(43)" fill="#bcbbbb"/>
<g id="Path_5" data-name="Path 5" transform="translate(540.923 640.149) rotate(180)" fill="#1a1a1a">
<path d="M35.731,0H349.883a7.933,7.933,0,0,1,0,15.866H35.731A26.962,26.962,0,0,0,25.705,20.2C16.956,26.741,5.072,38.9,3.9,37.983,2.329,36.785,0,25.07,0,22.511c0-3,12.519-12.443,23.634-18.761A32.832,32.832,0,0,1,35.731,0Z" stroke="none"/>
<path d="M 35.73355102539062 2.999980926513672 C 35.41464233398438 3.003681182861328 33.850341796875 3.199081420898438 31.63275146484375 3.795581817626953 C 29.8931884765625 4.263481140136719 27.35073852539062 5.08782958984375 25.11679077148438 6.358081817626953 C 20.10513305664062 9.206979751586914 14.73129272460938 12.74468040466309 10.37319946289062 16.06413078308105 C 8.230926513671875 17.69582939147949 6.39617919921875 19.23303031921387 5.067230224609375 20.50958061218262 C 3.710845947265625 21.81246185302734 3.1947021484375 22.53623962402344 3.014495849609375 22.83303070068359 C 3.0888671875 23.84759521484375 3.450347900390625 26.30724906921387 4.135528564453125 29.42218017578125 C 4.54974365234375 31.30519485473633 4.926300048828125 32.71336364746094 5.238250732421875 33.73373031616211 C 5.488739013671875 33.53025817871094 5.76904296875 33.2985725402832 6.08233642578125 33.03482818603516 C 7.580291748046875 31.77383041381836 9.44012451171875 30.11643028259277 11.40924072265625 28.36172866821289 C 15.39813232421875 24.80707931518555 19.91928100585938 20.77812957763672 23.90829467773438 17.79438018798828 C 28.2308349609375 14.5606803894043 34.38565063476562 12.86623001098633 35.7310791015625 12.86623001098633 L 349.88330078125 12.86623001098633 C 352.6033935546875 12.86623001098633 354.8163757324219 10.65323066711426 354.8163757324219 7.933130264282227 C 354.8163757324219 5.212978363037109 352.6033935546875 2.999980926513672 349.88330078125 2.999980926513672 L 35.73355102539062 2.999980926513672 M 35.7310791015625 -1.9073486328125e-05 L 349.88330078125 -1.9073486328125e-05 C 354.2645874023438 -1.9073486328125e-05 357.8163757324219 3.551780700683594 357.8163757324219 7.933130264282227 C 357.8163757324219 12.31443023681641 354.2645874023438 15.86623001098633 349.88330078125 15.86623001098633 L 35.7310791015625 15.86623001098633 C 35.20437622070312 15.86623001098633 29.66928100585938 17.23118019104004 25.70535278320312 20.19658088684082 C 16.9554443359375 26.74147987365723 5.072113037109375 38.89739227294922 3.8984375 37.98318099975586 C 2.3289794921875 36.78522872924805 0 25.06998062133789 0 22.51128005981445 C 0 19.51453018188477 12.51858520507812 10.06867980957031 23.63424682617188 3.750030517578125 C 28.27859497070312 1.109180450439453 34.34658813476562 -1.9073486328125e-05 35.7310791015625 -1.9073486328125e-05 Z" stroke="none" fill="rgba(112,112,112,0)"/>
</g>
<g id="Rectangle_88" data-name="Rectangle 88" transform="translate(764.534 370.314) rotate(132)" fill="#1a1a1a" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="345.521" height="15.866" rx="7" stroke="none"/>
<rect x="1.5" y="1.5" width="342.521" height="12.866" rx="5.5" fill="none"/>
</g>
<g id="Path_6" data-name="Path 6" transform="matrix(-0.961, -0.276, 0.276, -0.961, 198.99, 644.454)" fill="#1a1a1a">
<path d="M5.465,4.154s.75-1.861,5.177-2.465C11.095,1.627,14.48,1.4,17.481,1c6.184-.966,15.43-1,23.946-1A127.834,127.834,0,0,1,67.67,2.822c.644.139,1.2.281,1.2.281,1.222,0,6.367,2.117,7.756,2.792,2.317,1.1.177,1.983.177,5.141,0,4.136-.79,8.13-5.388,8.472.153,0-1.887.208-2.132.208a17.858,17.858,0,0,0-3.248-1.49,132.4,132.4,0,0,0-24.7-2.212c-15.235,0-33.406,2.956-33.406,2.956A7.933,7.933,0,0,1,0,11.036C0,6.654,1.083,4.154,5.465,4.154Z" stroke="none"/>
<path d="M 41.42723846435547 3.000003814697266 C 33.70690155029297 3.000003814697266 24.09867477416992 3.000003814697266 17.94377517700195 3.961103439331055 L 17.87628936767578 3.970865249633789 C 15.67115020751953 4.26402759552002 13.33621215820312 4.463253021240234 11.94112396240234 4.582290649414062 C 11.56974792480469 4.613986015319824 11.14954376220703 4.649831771850586 11.03751373291016 4.662830352783203 C 9.139022827148438 4.923366546630859 8.35235595703125 5.419818878173828 8.112831115722656 5.608963012695312 L 7.490249633789062 7.154190063476562 L 5.464630126953125 7.154190063476562 C 4.6322021484375 7.154190063476562 4.169967651367188 7.275515556335449 3.928787231445312 7.377290725708008 C 3.721954345703125 7.464577674865723 3.627525329589844 7.557015419006348 3.549400329589844 7.668965339660645 C 3.29876708984375 8.028078079223633 3 8.903702735900879 3 11.03581523895264 C 3 13.68538093566895 5.099891662597656 15.85378646850586 7.722709655761719 15.96449947357178 C 8.802940368652344 15.79376888275146 12.94918060302734 15.15616607666016 18.58164978027344 14.51065254211426 C 24.54171371459961 13.82759094238281 33.32803726196289 13.01335334777832 41.33953857421875 13.01335334777832 C 54.70143127441406 13.01335334777832 64.73607635498047 14.90188789367676 66.62628936767578 15.28359031677246 C 67.59268951416016 15.47711563110352 68.91964721679688 16.10873985290527 69.94000244140625 16.65142250061035 C 70.37471771240234 16.60912322998047 70.85239410400391 16.55930328369141 70.99188995361328 16.54116630554199 C 70.7047119140625 16.57851600646973 70.4305419921875 16.66001319885254 70.17566680908203 16.7780647277832 C 70.39509582519531 16.89717674255371 70.59599304199219 17.00955009460449 70.77071380615234 17.10910224914551 L 69.28553771972656 19.71567726135254 L 69.28553771972656 17.41457366943359 C 68.71265411376953 18.00830841064453 68.3763427734375 18.83514213562012 68.43254852294922 19.70244026184082 C 68.53453063964844 21.27579116821289 69.84754180908203 22.50811576843262 71.42144012451172 22.5079402923584 L 71.42031860351562 21.31428146362305 L 71.19527435302734 16.51627731323242 C 72.38919067382812 16.42737770080566 72.82759094238281 16.00885391235352 73.14796447753906 15.36239051818848 C 73.59059906005859 14.46922874450684 73.80577850341797 13.05399036407471 73.80577850341797 11.03581523895264 C 73.80577850341797 9.845434188842773 74.02218627929688 8.867287635803223 74.25479125976562 8.113560676574707 C 72.43177032470703 7.330991744995117 69.59732818603516 6.25242805480957 68.75802612304688 6.102657318115234 L 68.49749755859375 6.102553367614746 L 68.13441467285156 6.010453224182129 C 68.12928771972656 6.009153366088867 67.61544799804688 5.879053115844727 67.03742980957031 5.754390716552734 L 67.03245544433594 5.753315925598145 C 62.3035774230957 4.725040435791016 52.68888854980469 3.000003814697266 41.42723846435547 3.000003814697266 M 41.42723846435547 3.814697265625e-06 C 53.40186309814453 3.814697265625e-06 63.50805282592773 1.916839599609375 67.66989135742188 2.821815490722656 C 68.3134765625 2.960615158081055 68.87266540527344 3.102703094482422 68.87266540527344 3.102703094482422 C 70.09506225585938 3.102703094482422 75.23969268798828 5.219890594482422 76.62875366210938 5.894328117370605 C 78.94622802734375 6.989877700805664 76.80577850341797 7.876865386962891 76.80577850341797 11.03581523895264 C 76.80577850341797 15.17179107666016 76.01557922363281 19.16566467285156 71.41803741455078 19.50798988342285 C 71.57145690917969 19.50441551208496 69.53089904785156 19.71567726135254 69.28553771972656 19.71567726135254 C 69.28553771972656 19.71567726135254 67.01236724853516 18.42046546936035 66.03722381591797 18.22519111633301 C 63.55924987792969 17.72447776794434 53.99972534179688 16.01335334777832 41.33953857421875 16.01335334777832 C 26.1046257019043 16.01335334777832 7.933113098144531 18.96892738342285 7.933113098144531 18.96892738342285 C 3.551773071289062 18.96892738342285 0 15.41715240478516 0 11.03581523895264 C 0 6.654478073120117 1.083290100097656 4.154190063476562 5.464630126953125 4.154190063476562 C 5.464630126953125 4.154190063476562 6.214340209960938 2.293439865112305 10.64168548583984 1.689041137695312 C 11.09491729736328 1.626890182495117 14.48028564453125 1.395952224731445 17.48092651367188 0.9970283508300781 C 23.66485214233398 0.03139114379882812 32.91093826293945 3.814697265625e-06 41.42723846435547 3.814697265625e-06 Z" stroke="none" fill="rgba(112,112,112,0)"/>
</g>
<g id="Rectangle_89" data-name="Rectangle 89" transform="translate(304.724 460.618) rotate(-138)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="149.803" height="10.519" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="146.803" height="7.519" rx="2.5" fill="none"/>
</g>
<g id="Rectangle_90" data-name="Rectangle 90" transform="translate(409.552 300.423) rotate(-138)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="120.089" height="10.519" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="117.089" height="7.519" rx="2.5" fill="none"/>
</g>
<g id="Rectangle_91" data-name="Rectangle 91" transform="translate(471.17 106) rotate(-138)" fill="#707070" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="36.115" height="10.519" rx="4" stroke="none"/>
<rect x="1.5" y="1.5" width="33.115" height="7.519" rx="2.5" fill="none"/>
</g>
<rect id="Rectangle_92" data-name="Rectangle 92" width="24.546" height="60.719" rx="5" transform="translate(186.98 303.686) rotate(43)" fill="#bcbbbb"/>
<g id="Path_10" data-name="Path 10" transform="translate(485.436 44.091) rotate(132)" fill="#1a1a1a">
<path d="M5.168,0,668.88,2.474c2.854,0-1.276-.161-1.276,2.693v.184a5.168,5.168,0,0,1-5.168,5.168H5.168A5.168,5.168,0,0,1,0,5.351V5.168A5.168,5.168,0,0,1,5.168,0Z" stroke="none"/>
<path d="M 5.15643310546875 3.000039577484131 L 5.16162109375 3.000059127807617 C 3.9691162109375 3.003374576568604 3 3.974445819854736 3 5.167585372924805 L 3 5.35140323638916 C 3 6.546585083007812 3.97235107421875 7.518948554992676 5.1676025390625 7.518948554992676 L 662.4363403320312 7.518948554992676 C 663.5957641601562 7.518948554992676 664.5454711914062 6.604063034057617 664.6013793945312 5.458223342895508 L 5.15643310546875 3.000039577484131 M 5.1676025390625 4.00543212890625e-05 L 668.8799438476562 2.474130630493164 C 671.7339477539062 2.47413444519043 667.60400390625 2.31358528137207 667.60400390625 5.167585372924805 L 667.60400390625 5.351312637329102 C 667.60400390625 8.205312728881836 665.2903442382812 10.51894855499268 662.4363403320312 10.51894855499268 L 5.1676025390625 10.51894855499268 C 2.3135986328125 10.51894855499268 0 8.205403327941895 0 5.35140323638916 L 0 5.167585372924805 C 0 2.31358528137207 2.3135986328125 4.00543212890625e-05 5.1676025390625 4.00543212890625e-05 Z" stroke="none" fill="rgba(112,112,112,0)"/>
</g>
<g id="Path_11" data-name="Path 11" transform="matrix(-0.574, -0.819, 0.819, -0.574, 720.016, 674.952)" fill="#1a1a1a">
<path d="M11.448,0S46.762,22.9,65.905,32.3s42.871,6.9,56.349,4.962C148.426,33.5,179.913,24.7,179.913,24.7a7.751,7.751,0,0,1,7.751,7.751v.184a7.751,7.751,0,0,1-7.751,7.751s-27.942,8.16-53.63,11.986c-8.151,1.214-11.943.938-18.463,1.415a62.522,62.522,0,0,1-18.782-.781c-2.437-.421-10.2-1.108-12.545-1.517-15.938-2.77-15.646-3.576-34.552-13.37A410.543,410.543,0,0,1,0,12.442S7.167,0,11.448,0Z" stroke="none"/>
<path d="M 10.99168395996094 3.275615692138672 C 10.24415588378906 3.756767272949219 8.717559814453125 5.030387878417969 6.280532836914062 8.342205047607422 C 5.429763793945312 9.498382568359375 4.658843994140625 10.64574813842773 4.044815063476562 11.59803009033203 C 10.0035400390625 15.68802642822266 26.59608459472656 26.79540252685547 43.32188415527344 35.45978546142578 C 46.08793640136719 36.89265441894531 48.42982482910156 38.12612915039062 50.49603271484375 39.21438980102539 C 62.33772277832031 45.45133972167969 63.85919952392578 46.25270843505859 77.007568359375 48.53818130493164 C 78.08177947998047 48.72491836547852 80.59314727783203 48.99757385253906 83.02182769775391 49.26125717163086 C 85.70137786865234 49.55215454101562 88.23233032226562 49.82694244384766 89.54933166503906 50.0543098449707 C 93.93548583984375 50.81154632568359 97.53285217285156 51.16423416137695 100.8704376220703 51.16423416137695 C 102.9591445922852 51.16423416137695 104.7112197875977 51.02578353881836 106.4055938720703 50.89191818237305 C 106.8063278198242 50.86023330688477 107.2031936645508 50.82889175415039 107.6016464233398 50.79946899414062 C 109.792854309082 50.6390495300293 111.6746444702148 50.56220626831055 113.4944610595703 50.4879150390625 C 117.1117782592773 50.34023284912109 120.5284881591797 50.20075988769531 125.8416748046875 49.40928649902344 C 138.9846496582031 47.4515495300293 152.7484283447266 44.32333755493164 161.9804382324219 42.04383850097656 C 172.00634765625 39.56831359863281 179.0028533935547 37.53081130981445 179.0723571777344 37.51052093505859 L 179.4842529296875 37.3902587890625 L 179.9132537841797 37.3902587890625 C 182.5331726074219 37.3902587890625 184.6646423339844 35.25878524780273 184.6646423339844 32.63883972167969 L 184.6646423339844 32.45507431030273 C 184.6646423339844 29.95569801330566 182.724853515625 27.90087127685547 180.2716979980469 27.71703720092773 C 178.4405059814453 28.22057723999023 171.1781158447266 30.1939582824707 161.5969848632812 32.48923492431641 C 151.3685913085938 34.9395751953125 136.3143768310547 38.27236175537109 122.6820907592773 40.23457336425781 C 117.1501693725586 41.03086471557617 108.7445678710938 42.08949661254883 99.65546417236328 42.08949661254883 C 85.96746063232422 42.08949661254883 74.1673583984375 39.70283889770508 64.58290863037109 34.9958381652832 C 56.55906677246094 31.05528450012207 44.89898681640625 24.38875961303711 29.92654418945312 15.18149566650391 C 21.15559387207031 9.787815093994141 13.76766967773438 5.06158447265625 10.99168395996094 3.275615692138672 M 11.44808959960938 -3.814697265625e-06 C 11.44808959960938 -3.814697265625e-06 46.76217651367188 22.90170669555664 65.90535736083984 32.30304718017578 C 85.04855346679688 41.70442199707031 108.7766342163086 39.20525741577148 122.2546691894531 37.26518249511719 C 148.4256744384766 33.4981803894043 179.9132537841797 24.70365333557129 179.9132537841797 24.70365333557129 C 184.1942291259766 24.70365333557129 187.6646423339844 28.17407417297363 187.6646423339844 32.45507431030273 L 187.6646423339844 32.63883972167969 C 187.6646423339844 36.91983795166016 184.1942291259766 40.3902587890625 179.9132537841797 40.3902587890625 C 179.9132537841797 40.3902587890625 151.9717407226562 48.55012512207031 126.2836761474609 52.37654876708984 C 118.132698059082 53.59073257446289 114.3411178588867 53.31404876708984 107.8207244873047 53.79146957397461 C 103.370964050293 54.1199951171875 98.89906311035156 54.71283721923828 89.03896331787109 53.01057434082031 C 86.60190582275391 52.58983612060547 78.84214782714844 51.902099609375 76.49372100830078 51.49383926391602 C 60.55530548095703 48.723388671875 60.84798431396484 47.91736602783203 41.94195556640625 38.12357330322266 C 20.72311401367188 27.13167953491211 -1.52587890625e-05 12.44244384765625 -1.52587890625e-05 12.44244384765625 C -1.52587890625e-05 12.44244384765625 7.167098999023438 -3.814697265625e-06 11.44808959960938 -3.814697265625e-06 Z" stroke="none" fill="rgba(112,112,112,0)"/>
</g>
<line id="Line_41" data-name="Line 41" y1="43.925" x2="31.006" transform="translate(7.243 556.266)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="3"/>
<line id="Line_42" data-name="Line 42" x1="32.298" y1="28.422" transform="translate(0.784 529.136)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="3"/>
<path id="Path_12" data-name="Path 12" d="M-.471,472.714s7.968-13.93,17.421-26.8c4.84-6.59,14.1-16.163,22.079-25.546s9.822-11.986,9.822-11.986l1.33-11.161s-14.648,12.4-17.515,16.287-14.315,14.647-22.9,26.436S-.471,455.537-.471,455.537Z" transform="translate(0 116.051)" fill="#1a1a1a"/>
<line id="Line_43" data-name="Line 43" y1="459.917" x2="419.868" transform="translate(38.249 97.641)" fill="none" stroke="#707070" stroke-width="1" stroke-dasharray="3"/>
<g id="Rectangle_93" data-name="Rectangle 93" transform="translate(133.093 623.272) rotate(-138)" fill="#1a1a1a" stroke="rgba(112,112,112,0)" stroke-width="3">
<rect width="141.401" height="15.866" rx="7" stroke="none"/>
<rect x="1.5" y="1.5" width="138.401" height="12.866" rx="5.5" fill="none"/>
</g>
<g id="Parking_Icon" data-name="Parking Icon" transform="translate(23.059 469.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<rect id="Rectangle_94" data-name="Rectangle 94" width="37.51" height="64.383" rx="5" transform="translate(643.852 534.157) rotate(43)" fill="#bcbbbb"/>
<g id="Group_6" data-name="Group 6" transform="matrix(0.755, 0.656, -0.656, 0.755, 501.386, 355.78)">
<rect id="Rectangle_19" data-name="Rectangle 19" width="19.059" height="31.034" fill="#94a964"/>
<g id="Rectangle_20" data-name="Rectangle 20" transform="translate(1.001 1.001)" fill="none" stroke="#fff" stroke-width="1">
<rect width="17.057" height="29.032" stroke="none"/>
<rect x="0.5" y="0.5" width="16.057" height="28.032" fill="none"/>
</g>
<g id="Rectangle_21" data-name="Rectangle 21" transform="translate(5.005 1.001)" fill="none" stroke="#fff" stroke-width="1">
<rect width="9.048" height="4.505" stroke="none"/>
<rect x="0.5" y="0.5" width="8.048" height="3.505" fill="none"/>
</g>
<g id="Rectangle_22" data-name="Rectangle 22" transform="translate(5.005 25.528)" fill="none" stroke="#fff" stroke-width="1">
<rect width="9.048" height="4.505" stroke="none"/>
<rect x="0.5" y="0.5" width="8.048" height="3.505" fill="none"/>
</g>
<rect id="Rectangle_23" data-name="Rectangle 23" width="16.055" height="0.501" transform="translate(1.502 15.026)" fill="#fff"/>
<g id="Ellipse_6" data-name="Ellipse 6" transform="translate(7.046 12.773)" fill="none" stroke="#fff" stroke-width="1">
<circle cx="2.503" cy="2.503" r="2.503" stroke="none"/>
<circle cx="2.503" cy="2.503" r="2.003" fill="none"/>
</g>
</g>
<text id="P10_A" data-name="P10 A" transform="translate(165.76 350.347) rotate(-45)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P10 A</tspan></text>
<text id="P11_A" data-name="P11 A" transform="translate(86.929 432.87) rotate(-45)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P11 A</tspan></text>
<g id="Door_Icon" data-name="Door Icon" transform="translate(108.657 494.9)" clip-path="url(#clip-path-2)">
<path id="Rectangle_12-2" data-name="Rectangle 12" d="M3.441,0H17.8a3.441,3.441,0,0,1,3.441,3.441V17.8A3.441,3.441,0,0,1,17.8,21.241H3.441A3.441,3.441,0,0,1,0,17.8V3.441A3.441,3.441,0,0,1,3.441,0Z" transform="translate(1.308 1.252)" fill="#585858"/>
<text id="D" transform="translate(7.343 17.1)" fill="#fff" font-size="14" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">R</tspan></text>
<text id="D-2" data-name="D" transform="translate(7.343 17.1)" fill="#fff" font-size="14" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">R</tspan></text>
</g>
<line id="Line_44" data-name="Line 44" x2="106.06" y2="94.309" transform="translate(127.266 478.752)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_45" data-name="Line 45" x1="330.727" y2="361.732" transform="translate(233.326 211.328)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_46" data-name="Line 46" x2="164.071" y2="148.569" transform="translate(172.606 425.784)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_47" data-name="Line 47" x1="184.742" y2="195.077" transform="translate(301.797 415.448)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_48" data-name="Line 48" x2="107.228" y2="98.184" transform="translate(485.246 415.448)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_49" data-name="Line 49" x2="279.051" y2="254.505" transform="translate(257.872 319.848)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_50" data-name="Line 50" x2="113.687" y2="102.06" transform="translate(312.132 260.42)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_51" data-name="Line 51" x2="281.634" y2="258.38" transform="translate(425.819 132.522)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_52" data-name="Line 52" y1="59.427" x2="56.844" transform="translate(539.506 288.842)" fill="none" stroke="#fff" stroke-width="2"/>
<line id="Line_53" data-name="Line 53" x2="108.52" y2="102.06" transform="translate(539.506 348.27)" fill="none" stroke="#fff" stroke-width="2"/>
<text id="Hovedindgang" transform="translate(145.518 531.467) rotate(41)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Hovedindgang</tspan></text>
<text id="Byggeri_energi_og_konstruktion" data-name="Byggeri, energi og
konstruktion" transform="matrix(0.743, 0.669, -0.669, 0.743, 170.658, 442.143)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Byggeri, energi og</tspan><tspan x="0" y="16">konstruktion</tspan></text>
<text id="VVS-Energi" transform="matrix(0.743, 0.669, -0.669, 0.743, 152.168, 465.67)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">VVS-Energi</tspan></text>
<text id="Tømrer" transform="matrix(0.743, 0.669, -0.669, 0.743, 144.901, 474.704)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Tømrer</tspan></text>
<text id="Tømrer-2" data-name="Tømrer" transform="matrix(0.743, 0.669, -0.669, 0.743, 189.739, 422.88)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Tømrer</tspan></text>
<text id="Byggeri_energi_og_konstruktion-2" data-name="Byggeri, energi og
konstruktion" transform="matrix(0.743, 0.669, -0.669, 0.743, 259.948, 339.483)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Byggeri, energi og</tspan><tspan x="0" y="16">konstruktion</tspan></text>
<text id="Byggeri_energi_og_konstruktion-3" data-name="Byggeri, energi og
konstruktion" transform="matrix(0.743, 0.669, -0.669, 0.743, 314.042, 278.967)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Byggeri, energi og</tspan><tspan x="0" y="16">konstruktion</tspan></text>
<text id="Elektriker" transform="matrix(0.743, 0.669, -0.669, 0.743, 440.454, 165.849)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Elektriker</tspan></text>
<text id="Maler" transform="translate(295.564 299.893) rotate(42)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Maler</tspan></text>
<text id="Byggeri_energi_og_konstruktion-4" data-name="Byggeri, energi og
konstruktion" transform="matrix(0.743, 0.669, -0.669, 0.743, 414.769, 182.048)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Byggeri, energi og</tspan><tspan x="0" y="16">konstruktion</tspan></text>
<text id="Murer" transform="matrix(0.743, 0.669, -0.669, 0.743, 396.208, 206.234)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Murer</tspan></text>
<text id="Robot_teknologi_og_automatik" data-name="Robot, teknologi og
automatik" transform="matrix(0.743, 0.669, -0.669, 0.743, 465.089, 135.695)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Robot, teknologi og</tspan><tspan x="0" y="16">automatik</tspan></text>
<text id="Robot_teknologi_og_automatik-2" data-name="Robot, teknologi og
automatik" transform="matrix(0.743, 0.669, -0.669, 0.743, 579.751, 319.908)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Robot, teknologi og</tspan><tspan x="0" y="16">automatik</tspan></text>
<text id="Robot_teknologi_og_automatik-3" data-name="Robot, teknologi og
automatik" transform="matrix(0.743, 0.669, -0.669, 0.743, 463.603, 446.743)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Robot, teknologi og</tspan><tspan x="0" y="16">automatik</tspan></text>
<text id="EUX" transform="matrix(0.743, 0.669, -0.669, 0.743, 362.685, 564.246)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">EUX</tspan></text>
<text id="Kantine_K4" data-name="Kantine K4" transform="matrix(0.743, 0.669, -0.669, 0.743, 293.984, 539.632)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Kantine K4</tspan></text>
<text id="K3" transform="matrix(0.743, 0.669, -0.669, 0.743, 393.084, 445.793)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">K3</tspan></text>
<text id="Pavillon" transform="matrix(0.682, -0.731, 0.731, 0.682, 624.783, 587.975)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Pavillon</tspan></text>
<text id="VVS-Energi-2" data-name="VVS-Energi" transform="matrix(0.743, 0.669, -0.669, 0.743, 240.363, 359.443)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">VVS-Energi</tspan></text>
<text id="Smed" transform="matrix(0.743, 0.669, -0.669, 0.743, 500.434, 561.241)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Smed</tspan></text>
<text id="Automatiktekniker" transform="matrix(0.743, 0.669, -0.669, 0.743, 478.211, 431.761)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Automatiktekniker</tspan></text>
<text id="P16_A" data-name="P16 A" transform="matrix(0.743, 0.669, -0.669, 0.743, 544.522, 442.728)" fill="rgba(0,0,0,0.8)" font-size="11" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P16 A</tspan></text>
<text id="Elektriker-2" data-name="Elektriker" transform="matrix(0.743, 0.669, -0.669, 0.743, 613.842, 284.896)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Elektriker</tspan></text>
<text id="Industritekniker" transform="matrix(0.743, 0.669, -0.669, 0.743, 591.759, 305.892)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Industritekniker</tspan></text>
<text id="Smed-2" data-name="Smed" transform="matrix(0.743, 0.669, -0.669, 0.743, 558.59, 347.681)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Smed</tspan></text>
<text id="Café" transform="matrix(0.731, 0.682, -0.682, 0.731, 466.028, 340.146)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">Café</tspan></text>
<text id="kaptajnen" transform="matrix(0.731, 0.682, -0.682, 0.731, 451.366, 341.701)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">kaptajnen</tspan></text>
<text id="Tømrer-3" data-name="Tømrer" transform="matrix(0.743, 0.669, -0.669, 0.743, 128.284, 356.09)" fill="rgba(0,0,0,0.8)" font-size="9" font-family="TitilliumWeb-Regular, Titillium Web"><tspan x="0" y="0">Tømrer</tspan></text>
<text id="T8" transform="translate(95.776 488.373) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">T8</tspan></text>
<text id="_12" data-name="12" transform="translate(122.392 468.577) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">12</tspan></text>
<text id="_11" data-name="11" transform="translate(155.703 434.134) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">11</tspan></text>
<text id="_10" data-name="10" transform="translate(191.302 394.221) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">10</tspan></text>
<text id="_9" data-name="9" transform="translate(225.929 358.742) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">9</tspan></text>
<text id="_8" data-name="8" transform="translate(266.999 308.071) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">8</tspan></text>
<text id="_7" data-name="7" transform="translate(303.172 264.695) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">7</tspan></text>
<text id="_6" data-name="6" transform="translate(374.227 199.554) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">6</tspan></text>
<text id="_5" data-name="5" transform="translate(395.85 176.299) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">5</tspan></text>
<text id="_4" data-name="4" transform="translate(440.568 119.394) rotate(7)" font-size="9" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">4</tspan></text>
<text id="_13" data-name="13" transform="translate(711.47 381.456) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">13</tspan></text>
<text id="_14" data-name="14" transform="translate(685.529 409.878) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">14</tspan></text>
<text id="_15" data-name="15" transform="translate(653.746 443.242) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">15</tspan></text>
<text id="_16" data-name="16" transform="translate(571.186 541.126) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">16</tspan></text>
<text id="_17" data-name="17" transform="translate(543.365 571.05) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">17</tspan></text>
<text id="_18" data-name="18" transform="translate(515.378 603.338) rotate(7)" font-size="10" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">18</tspan></text>
<g id="Bus_Icon" data-name="Bus Icon" transform="translate(657 626.339)" clip-path="url(#clip-path-3)">
<g id="Group_5" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-2" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Bus_Icon-2" data-name="Bus Icon" transform="translate(76 657.339)" clip-path="url(#clip-path-3)">
<g id="Group_5-2" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-2" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-2" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-2" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-2" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4-3" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-2" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-2" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-4" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Bus_Icon-3" data-name="Bus Icon" transform="translate(618 667.339)" clip-path="url(#clip-path-3)">
<g id="Group_5-3" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-3" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-3" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-3" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-3" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4-5" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-3" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-3" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-6" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Bus_Icon-4" data-name="Bus Icon" transform="translate(-23 541.339)" clip-path="url(#clip-path-3)">
<g id="Group_5-4" data-name="Group 5" transform="translate(2.477 2.963)">
<rect id="Rectangle_13-4" data-name="Rectangle 13" width="27" height="26" rx="5" transform="translate(1.523 -0.302)" fill="#002d4e"/>
<rect id="Rectangle_14-4" data-name="Rectangle 14" width="3" height="6" rx="1.5" transform="translate(4.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_15-4" data-name="Rectangle 15" width="3" height="6" rx="1.5" transform="translate(22.523 22.698)" fill="#002d4e"/>
<rect id="Rectangle_16-4" data-name="Rectangle 16" width="21" height="14" rx="5" transform="translate(4.523 2.698)" fill="#fff"/>
<circle id="Ellipse_4-7" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(6.523 18.698)" fill="#fff"/>
<rect id="Rectangle_17-4" data-name="Rectangle 17" width="4" height="5" rx="2" transform="translate(-0.477 5.698)" fill="#002d4e"/>
<rect id="Rectangle_18-4" data-name="Rectangle 18" width="3" height="5" rx="1.5" transform="translate(27.523 5.698)" fill="#002d4e"/>
<circle id="Ellipse_4-8" data-name="Ellipse 4" cx="2" cy="2" r="2" transform="translate(20.523 18.698)" fill="#fff"/>
</g>
</g>
<g id="Parking_Icon-2" data-name="Parking Icon" transform="translate(106.059 551.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-3" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-2" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-3" data-name="Parking Icon" transform="translate(417.059 572.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-4" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-3" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-4" data-name="Parking Icon" transform="translate(106.059 551.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-5" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-4" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-5" data-name="Parking Icon" transform="translate(564.059 615.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-6" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-5" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-6" data-name="Parking Icon" transform="translate(695.059 491.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-7" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-6" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-7" data-name="Parking Icon" transform="translate(519.059 382.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-8" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-7" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-8" data-name="Parking Icon" transform="translate(205.059 244.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-9" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-8" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<g id="Parking_Icon-9" data-name="Parking Icon" transform="translate(524.059 120.89)" clip-path="url(#clip-path)">
<path id="Rectangle_12-10" data-name="Rectangle 12" d="M4.221,0H21.835a4.221,4.221,0,0,1,4.221,4.221V21.835a4.221,4.221,0,0,1-4.221,4.221H4.221A4.221,4.221,0,0,1,0,21.835V4.221A4.221,4.221,0,0,1,4.221,0Z" transform="translate(1.401 1.424)" fill="#6696b1"/>
<text id="P-9" data-name="P" transform="translate(9.929 20.452)" fill="#fff" font-size="16" font-family="TitilliumWeb-Bold, Titillium Web" font-weight="700"><tspan x="0" y="0">P</tspan></text>
</g>
<line id="Line_57" data-name="Line 57" y1="479" x2="434" transform="translate(45.5 43.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<path id="Path_22" data-name="Path 22" d="M0,0,68.125,62.164,94.85,85.006l22.243,9.5,25.71,6.58,20.63,1.732H462.188l15.8-7.015,16.994-14.1L713.658-160.97" transform="translate(41.5 529.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<path id="Path_23" data-name="Path 23" d="M-.966,44.575l14.7-21.936L32.844.413" transform="translate(2.5 532.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
<path id="Path_24" data-name="Path 24" d="M75.154,154.379l-6-57.9L58.819,66.914,38.349,37.966-5.28.747" transform="translate(647.5 507.5)" fill="none" stroke="#fff" stroke-width="1" stroke-dasharray="4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

1
images/sdelogo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

36
index.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="dk">
<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">
<!-- FONT -->
<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=Titillium+Web&display=swap" rel="stylesheet">
<!--Får fat i vores index stylesheet-->
<link rel="stylesheet" href="../css/index.css?v=2">
<!--Tilføjer et icon til home pagen-->
<link rel="icon" type="image/svg" href="../images/SdeHandLogo.svg"/>
<title>Syddansk Erhvervsskole Map | Home</title>
</head>
<body>
<script src="../js/ElementControl.js"></script>
<div style="width: 100%; height: 500px;">
<div class="button-group">
<!--forskellige afdelinger af skolen-->
<button onclick="ChangePage('maps/munkebjergvej.html');" class="button"><span>SDE Munkebjergvej 130 Odense </span></button>
<button onclick="ChangePage('');" class="button"><span>SDE Risingsvej 60 Odense </span></button>
<button onclick="ChangePage('');" class="button"><span>SDE Petersmindevej 1 Odense </span></button>
<button onclick="ChangePage('');" class="button"><span>SDE Boulevarden 36 Vejle </span></button>
<button onclick="ChangePage('../Locationtest.php');" class="button"><span>Test location</span></button>
</div>
<img style="position: relative; left: 20%; padding-top: 20px; max-width: 600px; height: auto;" class="sde-icon" src="images/SdeHandLogo.svg">
</div>
</body>
</html>

128
js/ElementControl.js Normal file
View File

@ -0,0 +1,128 @@
function ToggleElement(elementClass) {
var element = document.getElementsByClassName(elementClass);
element[0].classList.toggle("show");
}
function ToggleDisplay(elementID) {
var element = document.getElementById(elementID);
element.style.display = "block";
}
function ToggleArea(elementID) {
var area = document.getElementById(elementID);
var areas = document.getElementsByClassName("area show");
for(var i = 0; i < areas.length; i++) {
areas[i].classList.toggle("show");
}
area.classList.toggle("show");
}
function CloseElement(elementClass) {
var element = document.getElementsByClassName(elementClass);
element[0].style.display = "none";
}
function CloseElementById(elementID) {
var element = document.getElementById(elementID);
element.style.display = "none";
}
function GetAreaPosition(area) {
ToggleArea(area);
ToggleElement("area-choice-container");
start();
}
function ChangePage(url) {
location.href = url;
}
function AreaListCloseAll() {
var areaListContainer = document.getElementById("AreaListContainer");
var areaMainChoice = document.getElementById("area-main-choice");
var chooseArea = document.getElementById("ChooseArea");
var areaForm = areaListContainer.getElementsByTagName("form");
for (let index = 0; index < areaForm.length; index++) {
const element = areaForm[index];
element.style.display = "none";
}
chooseArea.style.display = "block";
areaMainChoice.style.display = "block";
}
function LoadButtonAreas() {
const areaButtons = document.querySelectorAll("button");
areaButtons.forEach((button) => {
button.addEventListener("click", (event) =>{
const target = event.target;
if(target.hasAttribute("areaLocation")) {
AreaListCloseAll();
GetAreaPosition(target.getAttribute("areaLocation"));
}
});
});
}
function LoadAreaChoiceButtons() {
var areaMainChoice = document.getElementById("area-main-choice");
var choiceButtons = areaMainChoice.querySelectorAll("button");
for (let index = 0; index < choiceButtons.length; index++) {
const element = choiceButtons[index];
if(element.hasAttribute("id")){
element.addEventListener("click", (event) => {
const target = event.target;
ToggleDisplay(target.getAttribute("choice"));
CloseElementById('area-main-choice');
})
}
}
}
function GetCurrentDate() {
var today = new Date();
var date = today;
return date;
}
function EventDay() {
const eventButtons = document.getElementsByName("EventButtons");
var month = GetCurrentDate().getMonth();
var day = GetCurrentDate().getDate();
for (let index = 0; index < eventButtons.length; index++) {
const element = eventButtons[index];
// 20'ene November
if(month == 10 && day == 20) {
element.style.display = "block"
} else {
element.style.display = "none";
}
}
}
window.onload = function() {
const choiceButton = document.getElementById("choiceButton");
const mapButton = document.getElementById("kortButton");
LoadButtonAreas();
LoadAreaChoiceButtons();
EventDay();
choiceButton.addEventListener("click", (event) => {
ToggleElement("area-choice-container");
CloseElement("map-choice-wrapper");
})
mapButton.addEventListener("click", (event) => {
start();
CloseElement("map-choice-wrapper");
})
}

22
js/image.js Normal file
View File

@ -0,0 +1,22 @@
var slideIndex = 1;
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}

210
js/userlocation.js Normal file
View File

@ -0,0 +1,210 @@
var radius = 6.371;
var latitude;
var longtitude;
var check = false;
var accuracy;
var mapIndex;
var mapPoints = {
"munkebjergvej": {
0: 182.84810370036618,
1: 141.11583965948455,
2: 1135.02004895843,
3: 626.1412432644905
},
"risingsvej": {
0: 0,
1: 0,
2: 808,
3: 692
}
};
function start(){
mapIndex = document.getElementById("mapIndex").getAttribute("value");
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera)
const isIOSSafari = !!window.navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
function isMobileSafari() {
var text = false;
if (isIOSSafari && isIOS) {
var r = confirm("Vi kan ikke finde din position på safari. \nVil du installere chrome?");
if (r == true) {
window.location.href = "https://apps.apple.com/dk/app/google-chrome/id535886823?itscg=30200&itsct=apps_box_appicon"
} else{
return;
}
}
return text;
}
if (isMobileSafari()) {
alert(isMobileSafari());
}
else{
getUserLocation(check)
}
}
function test()
{
latitude = 55.407442;
longtitude = 10.420011;
LoadUserPosition("risingsvej", [55.40900, 10.41864], [55.40577, 10.42527] );
}
function getUserLocation(Device){
dot = '<img src="../images/bruger.svg" id= bruger style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px;">';
document.body.innerHTML += dot;
if(Device == true){
setInterval(function(){
id = navigator.geolocation.getCurrentPosition(showPosition);
navigator.geolocation.clearWatch(id);
}, 1000);
}
else{
id = navigator.geolocation.getCurrentPosition(showPosition);
navigator.geolocation.clearWatch(id);
}
}
function showPosition(position)
{
latitude = position.coords.latitude;
longtitude = position.coords.longitude;
accuracy = position.coords.accuracy;
switch (mapIndex) {
case "0":
LoadUserPosition('munkebjergvej', [55.38201, 10.40751], [55.37989, 10.41480]);
break;
case "1":
LoadUserPosition('risingsvej', [55.40900, 10.41864], [55.40577, 10.42527]);
break;
default:
break;
}
}
function LoadUserPosition(map, leftPoints, rightPoints)
{
const img = new Image();
img.onload = function()
{
var height = this.height;
var width = this.width;
var imgposx = document.getElementById('School').offsetLeft;
var imgposy = document.getElementById('School').offsetTop;
var TopLeftPosition = {
scrX: imgposx,
scrY: imgposy,
lat: leftPoints[0],
lng: leftPoints[1]
}
var BottomRightPosition = {
scrX: width + imgposx,
scrY: height + imgposy,
lat: rightPoints[0],
lng: rightPoints[1]
}
function latlngToGlobalXY(lat, lng){
let x = radius*lng*Math.cos((TopLeftPosition.lat + BottomRightPosition.lat)/2);
let y = radius*lat;
return {x: x, y: y}
}
TopLeftPosition.pos = latlngToGlobalXY(TopLeftPosition.lat, TopLeftPosition.lng);
BottomRightPosition.pos = latlngToGlobalXY(BottomRightPosition.lat, BottomRightPosition.lng);
function latlngToScreenXY(lat, lng){
let pos = latlngToGlobalXY(lat, lng);
pos.perX = ((pos.x-TopLeftPosition.pos.x)/(BottomRightPosition.pos.x - TopLeftPosition.pos.x));
pos.perY = ((pos.y-TopLeftPosition.pos.y)/(BottomRightPosition.pos.y - TopLeftPosition.pos.y));
return {
x: TopLeftPosition.scrX + (BottomRightPosition.scrX - TopLeftPosition.scrX)*pos.perX,
y: TopLeftPosition.scrY + (BottomRightPosition.scrY - TopLeftPosition.scrY)*pos.perY
}
}
var dot_size = 30;
var half_dot = Math.floor(dot_size / 2);
function draw_point(x, y) {
var dotpositionx = x + 0;
var dotpostiony = y + 0;
var bruger = document.getElementById("bruger");
bruger.style.visibility = "visible";
bruger.style.width = "30px";
bruger.style.height = "30px";
bruger.style.top = dotpostiony + 'px';
bruger.style.left = dotpositionx + 'px';
}
var pos = latlngToScreenXY(latitude, longtitude);
if(insideMap(pos.x, pos.y, map)) {return}
draw_point(pos.x - half_dot, pos.y - half_dot);
document.getElementById('output').innerHTML = "Din Position. Latitude: " + latitude +
" Longitude: " + longtitude + " Din X/Y Position. X: " + pos.x + " Y; " + pos.y + " Accuracy: "
+ accuracy + " meter;";
navigator.geolocation.clearWatch(id);
}
img.src = '../images/maps/' + map + '.svg';
}
last = false
function insideMap(x, y, map) {
if(x < mapPoints[map][0] || y < mapPoints[map][1] || x > mapPoints[map][2] || y > mapPoints[map][3]) {
if(last == true) {
return true;
}
last = true;
var bruger = document.getElementById("bruger");
bruger.style.visibility = "hidden";
alert("Vi kan ikke finde din lokation hvis du ikke er på skolen område.")
return true;
} else {
last = false;
return false;
}
}

124
maps/munkebjergvej.html Normal file
View File

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="dk">
<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">
<!-- FONT -->
<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=Titillium+Web&display=swap" rel="stylesheet">
<!--Får fat i de stylesheets vi har-->
<link rel="stylesheet" href="../css/map.css?v=2">
<link rel="stylesheet" href="../css/image.css">
<link rel="stylesheet" href="../css/font.css">
<!--Sætter hjemmesiden icon-->
<link rel="icon" type="image/svg" href="../images/SdeHandLogo.svg"/>
<title>SDE Munkebjergvej 130 Odense</title>
</head>
<!--Tjekker din position når det har started op-->
<body>
<mapIndex id="mapIndex" value="0">
<!--Får fat i scripts-->
<script src="../js/userlocation.js"></script>
<script src="../js/ElementControl.js"></script>
<script src="../js/image.js"></script>
<div class="map-choice-wrapper">
<div class="map-choice">
<button id="choiceButton">Hvor vil du hen?</button>
<button id="kortButton">Vis Kort</button>
</div>
<img style="background-color: #00788A; padding: 10px; border-radius: 15px; position: absolute; align-self: flex-end; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
</div>
<div class="area-choice-container">
<div class="area-choice">
<h1 class="text-white" id="ChooseArea">Vælg område</h1>
</div>
<div id="AreaListContainer" class="area-list-container">
<form class="area-list text-white" id="area-main-choice">
<h2 class="choice-title">Fagretning</h2>
<button choice="itArea" id="a" type="button">It, netværk og design</button>
<button choice="menneskerlivstilogsunhedArea" id="menneskerlivstilogsunhed" type="button">Mennesker, livstil og sundhed</button>
<button choice="otgArea" id="otg" type="button">Odense Teknisk Gymnasium</button>
<button choice="bekArea" id="bek" type="button">Byggeri, energi og konstruktion</button>
<h2 class="choice-title">Andet</h2>
<button areaLocation="MU5">Kantine - MU5</button>
<button areaLocation="MU3">Administrationen - MU3</button>
<button areaLocation="MU7">Skolepraktik og Konferencesalen - MU7</button>
<h2 class="choice-title" name="EventButtons">Event</h2>
<button areaLocation="MU7" name="EventButtons">Åbenthus</button>
</form>
<form style="display: none;" class="area-list text-white" id="itArea">
<h2 class="choice-title">It, netværk og design</h2>
<button areaLocation="MU1">Mediegrafiker - MU1</button>
<button areaLocation="MU8">IT Supporter og Datatekniker - MU8</button>
</form>
<form style="display: none;" class="area-list text-white" id="menneskerlivstilogsunhedArea">
<h2 class="choice-title">Mennesker, livstil og sunhed</h2>
<button areaLocation="MU2">Tandklinikassistent - MU2</button>
<button areaLocation="MU4">Frisør - MU4</button>
<button areaLocation="MU6">Kosmetiker, Hospitalteknisk Assistent og Serviceassistent - MU6</button>
</form>
<form style="display: none;" class="area-list text-white" id="otgArea">
<h2 class="choice-title">Odense Teknisk Gymnasium</h2>
<button areaLocation="MU9">Odense Teknisk Gymnasium - MU9</button>
<button areaLocation="MU10">Odense Teknisk Gymnasium - MU10</button>
</form>
<form style="display: none;" class="area-list text-white" id="bekArea">
<h2 class="choice-title">Byggeri, energi og konstruktion</h2>
<button areaLocation="MU11">Ejendomsservicetekniker og Sikkerhedsvagt</button>
</form>
</div>
<img style="position: relative; left: 20%; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
</div>
<!--Navbar med tilbage knap og menu knap-->
<ul>
<!--Tilføjer en tilbage knap-->
<button onclick="ChangePage('../index.html')" class="backbtn">Tilbage</button>
<button onclick=" LoadAreaChoiceButtons(); LoadButtonAreas(); ToggleElement('area-choice-container'); CloseElement('map-choice-wrapper');" class="backbtn">Vælg område</button>
</ul>
<!--Test tal for at checke om den opdatere-->
<!--<p style="z-index: 3; color: black; position:absolute; top: 630px; left: 0px;" id="output"></p>-->
<div id = "main" style="z-index: 2;" class="wrapper">
<!--Kort over skolen samt logoet i hjørnet af kortet-->
<img src="../images/maps/munkebjergvej.svg" id="School" style="position: absolute; top:0px;left:0px; width: 1184px; height: auto;">
<img src="../images/sdelogo.svg" id ="logo" style="position: absolute; top: 50px; left: 1000px; width: 150px; height: auto;">
<div class="areas">
<!--Områder/felter der lyser op for at man kan finde vej-->
<div class="area" id="MU1" style="width: 150px; height: 140px; top: 170px; left: 155px; transform: rotate(2deg);" ></div>
<div class="area" id="MU2" style="width: 65px; height: 135px; top: 315px; left: 160px; transform: rotate(4deg);"> </div>
<div class="area" id="MU3" style="width: 125px; height: 40px; top: 175px; left: 290px; transform: rotate(2deg);" ></div>
<div class="area" id="MU4" style="width: 110px; height: 135px; top: 365px; left: 220px; transform: rotate(4deg);"></div>
<div class="area" id="MU5" style="width: 90px; height: 70px; top: 233px; left: 301px; transform: rotate(2deg);" ></div>
<div class="area" id="MU6" style="width: 200px; height: 138px; top: 330px; left: 330px; transform: rotate(4deg);" ></div>
<div class="area" id="MU7" style="width: 150px; height: 138px; top: 180px; left: 390px; transform: rotate(2deg);" ></div>
<div class="area" id="MU8" style="width: 245px; height: 115px; top: 340px; left: 530px; transform: rotate(4deg);" ></div>
<div class="area" id="MU9" style="width: 305px; height: 215px; top: 120px; left: 570px; transform: rotate(2.5deg);" ></div>
<div class="area" id="MU10" style="width: 45px; height: 40px; top: 362px; left: 784px; transform: rotate(4deg);" ></div>
<div class="area" id="MU11" style="width: 285px; height: 175px; top: 225px; left: 860px; transform: rotate(2.5deg);" ></div>
<!--Bruger billede. så du kan se din position-->
<img ondragstart="return false" src="../images/bruger.svg" id="bruger" style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px; visibility: hidden;">
</div>
<canvas style="position: absolute; height: auto; width: 1184px;" class="canvas"></canvas>
</div>
</body>
</html>

78
maps/risingsvej.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="dk">
<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">
<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=Titillium+Web&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/map.css?v=2">
<link rel="stylesheet" href="../css/image.css">
<link rel="stylesheet" href="../css/font.css">
<link rel="icon" type="image/svg" href="../images/SdeHandLogo.svg"/>
<title>SDE Risingsvej 60 Odense</title>
</head>
<body>
<mapIndex id="mapIndex" value="1">
<script src="../js/userlocation.js"></script>
<script src="../js/ElementControl.js"></script>
<script src="../js/image.js"></script>
<div class="map-choice-wrapper">
<div class="map-choice">
<button id="choiceButton">Hvor vil du hen?</button>
<button id="kortButton">Vis Kort</button>
</div>
<img style="background-color: #00788A; padding: 10px; border-radius: 15px; position: absolute; align-self: flex-end; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
</div>
<div class="area-choice-container">
<div class="area-choice">
<h1 class="text-white" id="ChooseArea">Vælg område</h1>
</div>
<div id="AreaListContainer" class="area-list-container">
<form class="area-list text-white" id="area-main-choice">
<h2 class="choice-title">Fagretning</h2>
<button choice="test" id="a" type="button">Test og Test</button>
<h2 class="choice-title">Andet</h2>
<button areaLocation="TE3">test 3</button>
<h2 class="choice-title" name="EventButtons">Event</h2>
<button areaLocation="eventarea" name="EventButtons">Åbenthus</button>
</form>
<form style="display: none;" class="area-list text-white" id="test">
<h2 class="choice-title">Test</h2>
<button areaLocation="TE1">test 1</button>
<button areaLocation="TE2">test 2</button>
</form>
</div>
<img style="position: relative; left: 20%; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
</div>
<ul>
<button onclick="ChangePage('../index.html')" class="backbtn">Tilbage</button>
<button onclick=" LoadAreaChoiceButtons(); LoadButtonAreas(); ToggleElement('area-choice-container'); CloseElement('map-choice-wrapper');" class="backbtn">Vælg område</button>
</ul>
<div id = "main" style="z-index: 2;" class="wrapper">
<img src="../images/maps/risingsvej.svg" id="School" style="position: absolute; top:0px;left:0px; width: 808px; height: auto;">
<img src="../images/sdelogo.svg" id ="logo" style="position: absolute; top: 20px; left: 20px; width: 150px; height: auto;">
<div class="areas">
<div class="area" id="MU1" style="width: 150px; height: 140px; top: 170px; left: 155px; transform: rotate(2deg);" ></div>
<img ondragstart="return false" src="../images/bruger.svg" id="bruger" style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px; visibility: hidden;">
</div>
<canvas style="position: absolute; height: auto; width: auto;" class="canvas"></canvas>
</div>
</body>
</html>