-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactUs.html
136 lines (125 loc) · 5.38 KB
/
contactUs.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
<!DOCTYPE HTML>
<html>
<head>
<title>Miya Beauty Salon</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper2">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="about.html">Miya Beauty Salon</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Our Story</a></li>
<li><a href="theTeam.html">The Team</a></li>
<li><a href="contactUs.html">Contact us</a></li>
</ul>
<a href="#menu" class="close"></a></div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Miya Beauty Salon</h2>
<p>Port-Harcourt</p>
</div>
<a href="#one" class="more scrolly">contact Us</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<div class="container">
<header class="major">
<h2>Book a Consultation</h2>
</header>
<p>Please fill out the form below to book a consultation or appointment.</p>
</div>
<section>
<form method="POST" name="contact"><input type="hidden" name="form-name" value="contact">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name">
</div>
<div class="col-6 col-12-xsmall">
<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email">
</div>
<div class="col-12">
<textarea name="demo-message" id="demo-message" placeholder="Apologies, but the contact form is disabled at the moment." rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input disabled="" type="submit" value="Send Message" class="primary"></li>
<li><input disabled="" type="reset" value="Reset"></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/aboutUs.jpg" alt="Welcome lobby"></div><div class="content">
<h2>Salon<br>
Hours</h2>
<p>Mondays - Saturdays 9am - 7pm</p>
<p>Sundays 12pm - 6pm</p>
<p><a href="contactUs.html" class="button fit">Contact Us</a></p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/team.jpg" alt="Our team"></div><div class="content">
<h2>The<br>
team</h2>
<p>We are constantly seeking out and educating ourselves on the latest trends and techniques to share with our clients.</p>
<p><a href="theTeam.html" class="button fit">Meet Us</a></p>
</div>
</section>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Book Now</h2>
</header>
<ul class="actions stacked">
<li><a href="#" class="button fit primary">+234-123-456-7890</a></li>
<li><a href="contactUs.html" class="button fit">Contact Us</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© <a href="https://airsay.netlify.app">Airsay</a></li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>