-
Notifications
You must be signed in to change notification settings - Fork 0
/
retreat.html
111 lines (110 loc) · 4.65 KB
/
retreat.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hellios Retreat</title>
<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" />
<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 selected" 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="retreat-img/spa_359.jpg" alt="spa" class="img-titel-cat" />
<h1 class="headingCenter headingSize">Retreat</h1>
</div>
<p class="pWrap">
Forestil dig forårets fuglefløjt, det spirende græs og bøgen som er ved at springe ud. Eller mærk efterårets
duft af skovbund og vinden som rusker i trætoppene.
</p>
<p class="pWrap">
Vi har naturen lige udenfor døren. Giv dig selv og dine sanser et boost, med naturen som hjælper. Du kan booke
dig ind til en dejlig pause fra hverdagen, hvor du selv sørger for forplejning eller aftaler med os.
</p>
<p class="pWrap">
På dette ophold har du mulighed for at være her på egen hånd uden tilvalg af behandlinger. Du kan aftale at
benytte vildmarksbad eller sauna. Her er et perfekt udgangspunkt for meditaion, gå, løbe, cykel eller
vandreture i skov eller ved strand. Vi hjælper gerne med anbefalinger.
</p>
<hr class="line" />
<div class="wrapsixPics">
<div class="rowPic">
<span class="retreatLink">
<img src="retreat-img/spa_pagne.jpg" alt="retreat spa" class="imgLink" />
</span>
<br />
<span class="retreatLink"> <img src="retreat-img/skov.jpg" alt="woods" class="imgLink" /> </span><br />
<span class="retreatLink">
<img src="retreat-img/vogn.jpg" alt="camper" class="imgLink" />
</span>
</div>
<br />
<div class="rowPic">
<span class="retreatLink">
<img src="retreat-img/skur_indeni.jpg" alt="room" class="imgLink" />
</span>
<br />
<span class="retreatLink"> <img src="retreat-img/gård_natur.jpg" alt="nature" class="imgLink" /> </span
><br />
<span class="retreatLink">
<img src="retreat-img/spa.jpg" alt="spa" class="imgLink" />
</span>
</div>
</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>