-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathfacilities.html
250 lines (221 loc) · 9.55 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Derine Salaza</title>
<!-- bootstrap style -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- font awesome cdn -->
<script src="https://kit.fontawesome.com/7d4482d100.js" crossorigin="anonymous"></script>
<!-- font awesome js -->
<script type="text/javascript" src="assets/js/fontawesome-all.js"></script>
<link rel="stylesheet" href="facilities.css">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,700;0,800;1,400&display=swap"
rel="stylesheet">
<title>Facilities</title>
</head>
<body>
<!-- nav bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">
<div class="square" style="width: 80px; height: 70px; background-color: #002c5c; position: absolute; margin-top: -20px; text-align: center; font-size: 15px; color: white; font-family:'Open Sans', sans-serif;"><p style="margin-top: 10px;"> Derine <br> Salanza</p></div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarNav">
<ul class=" navbar-nav ml-auto ">
<li class="nav-item px-lg-3">
<a class="nav-link " href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item px-lg-3">
<a class="nav-link" href="rooms_rates.html">Room and Rates</a>
</li>
<li class="nav-item active px-lg-3">
<a class="nav-link" href="facilities.html">Facilities</a>
</li>
<li class="nav-item px-lg-3">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- end of navbar -->
<div id="wrapper" class="container-fluid gap">
<!-- WRITEUP -->
<section class=" container-fluid gap text-center">
<h1>Our Facilities</h1>
<P class="plain-text text-left">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus nulla saepe et repellendus nam
dicta dolor. Ab, quos aliquid? Dolores iste vitae iure quasi ut quisquam rem, voluptatibus dolorem
deserunt.
<br>
<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti exercitationem tempore maiores ad
consequatur illo inventore commodi iusto adipisci animi mollitia dolore, nam reiciendis, natus
consequuntur incidunt id repellendus! Dolorum.</P>
</section>
<!-- END WRITEUP -->
<!-- FEATURES SECTION -->
<!-- FEATURES ROW-1 -->
<section id="features">
<div class="container-fluid gap">
<div class="row">
<!-- IMG-1 -->
<div class="col-lg-6 col-md-6 cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image 01.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-1">
<h3 class="card-title">RESTAURANT & BAR</h3>
<p class="card-text">Experience the wonders of fresh, authentic delicacies Derine Salaza
restaurants. Derine Salaza restaurants and bars will take you on a cultural journey
through intensely creative delicacies.</p>
</div>
</div>
</div>
<!-- END IMG-1 -->
<!-- IMG-2 -->
<div class="col-md-6 col-lg-6 c cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image02.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-2">
<h3 class="card-title">SWIMMING POOL</h3>
<p class="card-text ">Some Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Animi, ipsum? quick example text to build on the card title and make up the bulk
of the card's content.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END FEATURES ROW-1 -->
<!-- FEATURES ROW-2 -->
<div class="container-fluid gap">
<div class="row">
<div class="col-md-6 col-lg-6 cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image03.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-3">
<h3 class="card-title">FITNESS FACILITY</h3>
<p class="card-text">You do not have to miss your work out sessions because you are out
of
town. Derine Salanza offers an innovative fitness facility because we care about
your
health and well being.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image04.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-4">
<h3 class="card-title">EVENT HALL</h3>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatem
amet nostrum soluta voluptate, tempore quia id accusamus modi aspernatur odit! </p>
</div>
</div>
</div>
</div>
</div>
<!-- END FEATURES ROW-2 -->
<!-- FEATURES ROW-3 -->
<!-- END FEATURES ROW-3 -->
<div class="container-fluid gap">
<div class="row">
<div class="col-md-6 col-lg-6 cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image05.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-5">
<h3 class="card-title">SPA</h3>
<p class="card-text">Derine Salanza offers a wide variety of services to provide a
wonderful
and enriching experience. The spa offers three treatment rooms, steam showers, sauna
and
a relaxing pool. </p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 cardx">
<div class="card text-left">
<img class="card-img-top hotel-img" src="./images/image06.jpg" alt="IMG_NOT_FOUND">
<div class="card-body part-6">
<h3 class="card-title">HOTEL SHOP</h3>
<p class="card-text">Forget anything? not to worry our hotel shop is filled with
everything
you might need.consectetur adipisicing elit. Voluptatem amet nostrum soluta
voluptate,
tempore quia id accusamus modi aspernatur odit! </p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
<!-- footer section -->
<!-- Footer -->
<footer class="page-footer font-small" style="background-color: #002c5c;">
<div class="container text-center text-md-left mt text-white" style="padding-top: 50px;">
<div class="row">
<div class="col-md-3">
<h6 class="text-uppercase font-weight-bold">OUR ADDRESS</h6>
<p>Derine Salanza <br/> Motila Drive, Lagos, Nigeria.</p>
</div>
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mb-3">
<h6 class="text-uppercase font-weight-bold">RESERVATION</h6>
<p>Telephone: (+234) 222-333-5851 <br/>
Email: [email protected]</p>
</div>
<div class="col-md-6 col-lg-4 col-xl-4 mx-auto mb-md-0 mb-5">
<h6 class="text-uppercase font-weight-bold">SUBSCRIBE TO OUR NEWS LETTER</h6>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Email Address..." aria-label="Email Address"
aria-describedby="basic-addon2" style="color: #ffffff; background-color: #002c5c;">
<div class="input-group-append">
<span class="input-group-text text-white" id="basic-addon2" style="background: #00c851;"><b>Submit</b></span>
</div>
</div>
</div>
</div>
</div>
<hr class=" " style="background: white;">
<div style="background-color: #002c5c;">
<div class="container">
<div class="row py-4 d-flex align-items-center text-white">
<div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0">
<p class="mb-0">
© 2020 Derine Salanza Hotel
<a href="#" style="color: white;">Terms</a>
<a href="#" style="color: white;">Privacy</a>
<a href="#" style="color: white;"><b>English</b></a>
</p>
</div>
<div class="col-md-6 col-lg-7 text-center text-md-right">
<a class="fb-ic"> <i class="fab fa-facebook-f white-text mr-1"> </i> </a>
<a class="tw-ic"> <i class="fab fa-twitter white-text mr-1"> </i> </a>
<a class="li-ic"> <i class="fab fa-linkedin-in white-text mr-1"> </i> </a>
<a class="pinterest-ic"> <i class="fab fa-pinterest white-text mr-1"> </i> </a>
<a class="ins-ic"> <i class="fab fa-instagram white-text mr-5"> </i> </a>
</div>
</div>
</div>
</div>
</footer>
<!-- JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</html>