forked from Jimlah/hngi7Hotel4
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
153 lines (140 loc) · 6.76 KB
/
contact.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<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="room.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,600&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- displays site properly based on user's device -->
<!-- favicon link -->
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<!-- bootstrap link -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,600&display=swap" rel="stylesheet">
<!-- font awesome cdn -->
<script src="https://kit.fontawesome.com/7d4482d100.js" crossorigin="anonymous"></script>
<!-- css link -->
<link href="contact.css" rel="stylesheet" type="text/css" />
<title>Contact</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 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 active px-lg-3">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="imgBody">
<img src="Images/Mask Group.png" class="img-responsive" />
</div>
<div class="body">
<h2>CONTACT DERINE SALANZA HOTEL</h2>
<h3>We Can Help!</h3>
<div class="info">
<p>Derine Salanza Hotel features charming, comfortable accommodations for every social status. Stay
in one of our exquisite
rooms and experience an elegant home-away-from-home, complete with eco-friendly amenities and
helpful staff.</p>
<p>For more information, contact the Derine Salanza hotel - we'd love to answer your questions,
respond to comments, and
hear your feedback.</p>
</div>
<div class="info2">
<h3>DERINE SALANZA HOTEL</h3>
<p>Two Motila Drive</p>
<p>Lagos, Nigeria.</p>
<p>Reservations: <span> {234}222-333-5851</span></p>
<p>Direct: <span> {800}342-4295</span></p>
<p>Fax: <span> {831}372-0620</span></p>
<p>Email: <span> [email protected]</span></p>
</div>
<div class="info3">
<h3>ONLINE RESERVATIONS</h3>
<p>To check availability and rates and/or to book online, please send email to <a
href="#">[email protected]</a>
or contact us via telephone directly.</p>
<p>View <a href="#">maps and directions</a> to Dennie Salanza hotel</p>
</div>
</div>
</div>
</section>
<!-- 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>
<!-- 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>