forked from Ekwugha/hotel-site
/
contact.html
160 lines (150 loc) · 8.05 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
154
155
156
157
158
159
160
<!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">
<title>Uleval Hotelt</title>
<!-- Font Awesome -->
<script src="script/fontawesome-all.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Main CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header -->
<header id="home" class="mb">
<div class="container">
<div class="row height align-items-center">
<div class="col">
<h1 class="intro-title text-light text-center mb-5 title">Contact Us</h1>
<p class="intro-subtitle text-light text-center"> <a href='index.html' class="nounderline text-secondary">Home</a>
<span class="mx-2"><i class="fas fa-arrow-right"></i></span> Contact Us</p>
</div>
</div>
</div>
</header>
<!-- contact -->
<section id="contact" class="py-5">
<div class="container">
<div class="row">
<div class="col">
<div class="row">
<div class="col-md-7 message">
<h2 class="text-capitalize">get in touch</h2>
<span class="contact-span">We are available 24/7 by fax, e-mail or by phone. You can also use our quick contact form to ask a question about our services. We would be pleased to answer your questions.</span>
<form name="contact" class="py-3" data-netlify="true" method="post" id="contactForm">
<!-- name -->
<div class="form-group py-2 md-6">
<input type="name" name="name" id="name" class="form-control" placeholder="Your Name" required>
</div>
<!-- email -->
<div class="form-group py-2 md-6">
<input type="email" name="email" id="email" class="form-control md-6" placeholder="Your E-mail" required>
</div>
<!-- phone -->
<div class="form-group py-2">
<input type="tel" name="tel" id="phone" class="form-control" placeholder="Phone" required>
</div>
<!-- message -->
<div class="form-group py-2">
<textarea name="message" name="message" id="message" cols="120" rows="5" class="form-control" placeholder="Your Message"
required></textarea>
</div>
<button type="submit" class="contact bg-dark btn btn-block
text-uppercase text-white py-3 my-4" name="Submit">send message</button>
</form>
</div>
<div class="col-md-5">
<ul class="list">
<ul class="nav">
<span>Get Social</span>
<span class="divider divider-custom divider-left"></span>
<li class="nav-item pt-3 pb-5">
<a class="nav-link" href=" ">
<i class="fab fa-google text-dark"></i>
</a>
</li>
<li class="nav-item pt-3">
<a class="nav-link" href=" ">
<i class="fab fa-twitter text-dark"></i>
</a>
</li>
<li class="nav-item pt-3">
<a class="nav-link" href=" ">
<i class="fab fa-instagram text-dark"></i>
</a>
</li>
<li class="nav-item pt-3">
<a class="nav-link" href=" ">
<i class="fab fa-facebook-f text-dark"></i>
</a>
</li>
</ul>
<li class="pb-2">
<span>Phone</span>
<span class="divider divider-custom divider-left"></span>
<div class="pt-3 pb-5">
<span class="list-icon fas fa-phone mr-2"></span>
<span>(+234) 708 6000 042</span>
</div>
</li>
<li class="pb-2">
<span>Address</span>
<span class="divider divider-custom divider-left"></span>
<div class="pt-3 pb-5">
<span class="list-icon fas fa-map-marker-alt mr-2"></span>
<span>Ikeja Lagos, Nigeria</span>
</div>
</li>
<li class="pb-2">
<span>Open Hours</span>
<span class="divider divider-custom divider-left"></span>
<div class="pt-3 pb-5">
<span class="list-icon fa fa-clock mr-2"></span>
<span>We work every day 9:00–23:00</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of contact -->
<footer class="px-3 py-5">
<div class="container-fluid bg-light text-dark p-3">
<div class="row">
<div class="col-sm-12 col-md-4 my-4">
<div class="first">
<h1>Opening Hours</h1>
<p>Weekdays: 8:00-20:00 Weekends: 9:00 - 19-00</p>
<p>© 2021 Uleval Technology. All Rights Reserved. Developed by <a href="https://elochukwuekwugha.netlify.app" >Ekwugha Elochukwu </a>
</p>
</div>
</div>
<div class="col-sm-12 col-md-4 my-4">
<div class="second">
<h1>Address</h1>
</div>
<p>
<i class="fa fa-map-marker-alt" aria-hidden="true"></i><span class="px-2">6 Soji Adepegba Ikeja Lagos, Nigeria</span>
</p>
<p>
<i class="fa fa-phone" aria-hidden="true"></i><span class="px-2">Call Us:+234 (203) 987-5874</span>
</p>
</div>
<form class="col-sm-12 col-md-4 my-4">
<div class="third">
<h1>E-Mail Us</h1>
<input type="text" placeholder="Enter your E-mail" submit="" class="py-1">
<button class="btn btn-primary button-footer mt-3">Send</button>
</div>
</form>
</div>
</div>
</footer>
</body>
</html>