-
Notifications
You must be signed in to change notification settings - Fork 0
/
facilities.html
140 lines (122 loc) · 6.67 KB
/
facilities.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="da">
<head>
<title>Ryttenskolen Bed & Breakfast</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-md bg-light navbar-light">
<a class="navbar-brand" href="homepage.html">RYTTERSKOLEN<br>
BED & BREAKFAST</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="homepage.html">Rytterskolen</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="Rooms.html" id="navbardrop" data-toggle="dropdown">Værelser</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="Rooms.html">Alle Værelser</a>
<a class="dropdown-item" href="SkoleStuen.html">Skolestuen</a>
<a class="dropdown-item" href="familyRoom.html">Familieværelset</a>
<a class="dropdown-item" href="bigroom.html">Dobbeltværelset</a>
<a class="dropdown-item" href="smallRoom.html">Enkeltværelset</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link active" href="facilities.html">Faciliteter</a>
</li>
<li>
<a class="nav-link" href="mon.html">Møn</a>
</li>
<li>
<a class="nav-link" href="contact.html">Kontakt</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<img alt="Kitchen" class="d-block img-fluid mx-auto" src="images/The_Hotel/kitchen11.jpeg" id="demo">
</div>
<div class="container-fluid header" id="petrol">
<h2>FÆLLES FACILITETER</h2>
<p>
Rytterskolen har masser af kroge, hvor man kan være sig selv, også selvom der er fuldt besat. Lokalt supermarked med masser af lokale varer få hundrede meter fra Rytterskolen gør det nemt at tilberede maden i køkkenet, grille på terrassen eller benytte bålpladsen. Lån vaskemaskinen, en cykel, en kano eller bare en kikkert til at følge havørne og glenternes færd.</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 d-flex flex-wrap align-content-center">
<h3>HYGGE I HAVEN</h3>
<p>Haven byder på skyggefyldte kroge, solbeskinnede områder - hvadenten I ønsker at trække jer lidt tilbage eller møde de andre, der besøger os. Vi tænder op i kulgrillen om aftenen på gårdspladsen - I kan benytte gasgrillen på terrassen - eller grillbordet på den lille terrasse.<br>Der er lidt leg til børnene - og haven er hegnet, så ingen bliver væk..</p>
</div>
<div class="col-sm-6">
<div id="demo1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block img-fluid mx-auto" src="images/The_Hotel/gardenCopy.jpg" alt="Garden">
</div>
<div class="carousel-item">
<img class="d-block img-fluid mx-auto" src="images/The_Hotel/garden%20(2).jpg" alt="Garden">
</div>
<div class="carousel-item">
<img class="d-block img-fluid mx-auto" src="images/The_Hotel/garden%20(3).jpg" alt="Garden">
</div>
<div class="carousel-item">
<img class="d-block img-fluid mx-auto" src="images/The_Hotel/outdoor%20(3).jpg" alt="Outdoor">
</div>
<div class="carousel-item">
<img class="d-block img-fluid mx-auto" src="images/The_Hotel/outdoor%20(2).jpg" alt="Outdoor">
</div>
<ul class="carousel-indicators">
<li data-target="#demo1" data-slide-to="0" class="active"></li>
<li data-target="#demo1" data-slide-to="1"></li>
<li data-target="#demo1" data-slide-to="2"></li>
<li data-target="#demo1" data-slide-to="3"></li>
<li data-target="#demo1" data-slide-to="4"></li>
</ul>
<a class="carousel-control-prev" href="#demo1" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo1" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-distributed">
<div class="footer-left">
<h3>RYTTERSKOLEN<br> BED & BREAKFAST</h3>
<p>Book via: </p>
<a href="https://www.airbnb.dk/rooms/20368166"><img class="rounded" alt="airbnb" src="images/airbnb.jpg" width="30%"></a>
</div>
<div class="footer-center">
<div><img alt="location" src="images/icons8-place-marker-filled-50.png" width="30px">
<a href="https://goo.gl/maps/URKXwQFw8Sm">
<p><span>Klintevej 364</span> Borre, Denmark</p>
</a>
</div>
<br>
<div><img alt="phone" src="images/phone-xxl.png" width="30px">
<a href="tel:004529292231">+45 29 29 22 31</a>
</div>
<br>
<div><img alt="email" src="images/email-xxl.png" width="30px">
<p><a href="mailto:trinedyhrwiberg@gmail.com">trinedyhrwiberg@gmail.com</a></p>
</div>
</div>
<div class="footer-right">
</div>
</footer>
</body>
</html>