forked from Jimlah/hngi7Hotel4
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
195 lines (175 loc) · 10.3 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/7d4482d100.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="home.css">
<title>Welcome</title>
</head>
<body>
<nav style="padding-bottom: 0;" 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 active 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 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>
<div class="header-image">
<img class="img-responsive" src="images/header_background.png" alt="header_background">
</div>
<section>
<div class="blog-card">
<div class="blog-text1">
<h1>Welcome to our Hotel</h1>
<p> An Elegant 4-diamond hotel with Unbeatable rates to soothe your style and needs. We offer a wide
range of services and facilities to make our guest comfortable because that’s our priority.
Exquisite rooms, well furnished with high quality beds offering a home feeling.
</p>
</div>
<div class="first-image">
<img src="images/welcome-img.png" alt="Welcome image">
</div>
</div>
<div class="blog-card1">
<div class="blog-text">
<h1 >Exquisite Rooms</h1>
<p>Discover the luxurious amenities available at Derine Salanza and begin planning your next stay
</p>
<button class="btn"> <a href="#">LEARN MORE</a></button>
</div>
<div class="second-image">
<img src="images/first-section.png" alt="first-section">
</div>
</div>
<div class="blog-card1">
<div class="third-image">
<img src="images/second-section.png" alt="first-section">
</div>
<div class="blog-text">
<h1> Dine With Us</h1>
<p>Experience the wonder of fresh, authentic delicacies at Derine Salanza restaurant. from
delectable light bites and cocktails served poolside to robust buffet</p>
<button class="btn"> <a href="#">LEARN MORE</a></button>
</div>
</div>
<div class="blog-card1">
<div class="blog-text">
<h1>Say "I Do" at Derine Salanza</h1>
<p>We provide an elegant atmosphere for the most memorable wedding in Derine. An ethereal enviroment
that will perfectly complement any vision</p>
<button class="btn"> <a href="#">CONTACT US</a></button>
</div>
<div class="fourth-image">
<img src="images/third-section.png" alt="first-section">
</div>
</div>
<div class="blog-card1">
<div class="fifth-image">
<img src="images/fourth-section.png" alt="fourth-section">
</div>
<div class="blog-text">
<h1> Dine With Us</h1>
<p>Experience the wonder of fresh, authentic delicacies at Derine Salanza restaurant. from
delectable light bites and cocktails served poolside to robust buffet</p>
<button class="btn"> <a href="#">LEARN MORE</a></button>
</div>
</div>
</section>
<div id="quote">
<div class="quote-text">
<h4><q>Wonderful stay at Derine Salanza</q></h4>
<p>We stayed one week at Derine Salanza and were satisfied as usual, this was our third stay.
The hotel is very good! We stayed in the Deluxe suite and the surroundings around the room felt
like love- just perfect!</p>
<p>
We had breakfast and launch at Restaurant. The food is very good! And the service is even
better, with Serena, Maxwell and Moise.
</p>
</div>
<div class="date">
<p>Pomal, April 2020.</p>
</div>
</div>
<div class="hashtag">
<h1>#DerineSalanzaWithUs</h1>
</div>
<!-- ----------------------end of section-------------------- -->
<!-- footer section -->
<!-- Footer -->
<footer class="page-footer font-small" style="background-color: #002c5c;margin-top: 0;">
<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>
<!-- Footer -->
</body>
<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>