-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (102 loc) · 4.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<title>Hellios Retreat</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="bodyWrap">
<nav class="nav">
<a href="index.html"> <img src="img/icon.svg" alt="Hellios Retreat logo" height="50px" class="logo" /></a>
<ul class="navUl">
<a class="navLi" href="retreat.html"><li>RETREAT</li></a>
<a class="navLi" href="behandlingsophold.html"><li>BEHANDLINGSOPHOLD</li></a>
<a class="navLi" href="hesteoplevelser.html"><li>HESTEOPLEVELSER</li></a>
<a class="navLi" href="om.html"><li>OM</li></a>
<a class="navLi" href="priser.html"><li>PRISER</li></a>
<a class="contactMenuItem" href="priser.html#kontakt">
<li>
<button class="navLi" id="navBut">KONTAKT</button>
</li>
</a>
</ul>
<div class="burgerMenu">
<div class="topline"></div>
<div class="middleline"></div>
<div class="bottomline"></div>
</div>
</nav>
<div class="content">
<div class="textOnPhoto">
<img src="home-img/titel_billede.jpg" alt="terrasse" class="img-titel" />
<h1 class="headingCenter">Hellios Retreat</h1>
<p class="heading2Center">Plads til ro fordybelse og healing</p>
</div>
<p class="pWrap paddingTopPhone">
Velkommen til et ophold midt i den fredfyldte natur, ved mark og skov. Har du behov for nogle dage væk fra
hverdag, travlhed og stress, så er du hjertelig velkommen her på landet. Vi bor smukt ude af en markvej, helt
op ad skoven, tæt på fjorden, ca. 45 min. fra København.
</p>
<p class="pWrap">Vi har forskellige ophold afhængig af hvilket behov du har.</p>
<p class="pWrap">Vi glæder os til at se dig.</p>
<hr class="line" />
<div class="containerPicLinks">
<span class="retreatLink">
<a href="retreat.html">
<img src="home-img/spa.jpg" alt="retreat spa" class="imgLink" />
<h2 class="textCat">RETREAT</h2>
</a>
</span>
<br />
<span class="retreatLink">
<a href="behandlingsophold.html">
<img src="home-img/haender.jpg" alt="haender" class="imgLink" />
<h2 class="textCat">BEHANDLINGSOPHOLD</h2>
</a> </span
><br />
<span class="retreatLink">
<a href="hesteoplevelser.html">
<img src="home-img/hest.jpg" alt="hest" class="imgLink" />
<h2 class="textCat">HESTEOPLEVELSER</h2>
</a>
</span>
</div>
</div>
<footer class="footwrap">
<div class="foot">
<div class="footrow">
<ul>
<li class="footLiHeading">ADRESSE</li>
<li class="lastLineSpace">Fagerkærsvej 11</li>
<li class="lastLineSpace">3630 Jægerspris</li>
</ul>
</div>
<div class="footrow">
<ul>
<li class="footLiHeading">EMAIL</li>
<li class="lastLineSpace">
<a class="contactLink" href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</div>
<div class="footrow">
<ul>
<li class="footLiHeading">TELEFON</li>
<li class="lastLineSpace"><a class="contactLink" href="tel://+4524294782">24 29 47 82</a></li>
</ul>
</div>
</div>
</footer>
</div>
<script src="app.js"></script>
</body>
</html>