/
index.html
161 lines (146 loc) · 5.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Royal Cuts - Reshape your vibe!</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://kit.fontawesome.com/6155000134.js" crossorigin="anonymous"></script>
<script src="main.js" async></script>
</head>
<body>
<header>
<span class="logo"><img src="images/36290.png"></span>
<i id="menu-button" class="fa-solid fa-bars"></i>
<nav>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Consult</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Lookbook</a>
</li>
<li>
<a href="#">News</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</nav>
<span> - Book Online Now</span>
</header>
<main id="main">
<section id="control">
<h1>
Reshape your vibe
</h1>
<p>
We cater to men who are looking for an elevated barbershop experience. You can count on getting exceptional haircuts, shaves, spa services, and more from one of our friendly and skillful professionals. </p>
</section>
<div id="hairguy"></div>
<span id="hours">Monday - Thursday : 9:30am - 8:30pm</span>
<section id="discount-book">
<i class="dis-close fa-solid fa-circle-xmark"></i>
<p>
First time visiting?
</p>
<p>
<span>25 %</span> off for first consult
</p>
<p> -Click To Book Now And Save</p>
</section>
</main>
<section id="services">
<div class="styleCard" id="left">
<h3>
Feel Fresh
</h3>
<p>
Few things can lift your mood or bring the pep back into your step like a stylish new haircut. It brings us so much joy to give our clients haircuts that make them feel like their best selves. We want our customers to walk away feeling revitalized and ready to take on the world.
</p>
</div>
<div class="styleCard" id="middle">
<h3>
Appointments
</h3>
<p>
Royal Cuts takes online appointments, so there is no longer a reason to sit and wait. We will accommodate walk-ins as well. We offer men any type of look from corporate to relaxed and we work with all hair types and lengths from a close buzz to long shoulder length hair.
</p>
</div>
<div class="styleCard" id="right">
<h3>
Busy Schedule?
</h3>
<p>
With the fast paced life we lead these days, who has time to stop for a trim? Schedule an appointment now and let one of our professionals come to you.
</p>
</div>
</section>
<section id="empower">
<section id="text-video">
<h2>
Take control, Make your own choice
</h2>
<p>
At Royal Cuts’s, we bring you nostalgia with a modern twist. From the authentic barber chairs, our old-fashioned hot lather and straightedge razor shaves to our relaxing head and neck massages, Royal Cuts’s Barbershop sets a new standard for barber shops. Whether you’re looking for a traditional short hair cut or a more contemporary men’s hairstyle, we invite you to visit one of our barbers and experience for yourself why Royal Cuts’s is simply a cut above the rest!
</p>
</section>
<div id="video">▶</div>
</section>
<section id="professionals">
<figure class="professionalCard">
<img class='proPictures' src="./images/barber1.jpg" alt="Jonathan Apple">
<figcaption>
<h3>
Jonathan Apple
</h3>
</figcaption>
</figure>
<figure class="professionalCard">
<img class='proPictures' src="./images/barber3.jpg" alt="Frances Malcom">
<figcaption>
<h3>
Frances Malcom
</h3>
</figcaption>
</figure>
<figure class="professionalCard">
<img class='proPictures' src="./images/barber4.jpg" alt="Jerry Smith">
<figcaption>
<h3>
Jerry Smith
</h3>
</figcaption>
</figure>
</section>
<section id="coupon">
<h3>
Save 10% on our perscription services by signing up today
</h3>
</section>
<section id="inspiration">
<div class="griddy">
<div id='imgOne'></div>
<div id='imgTwo'></div>
<div id='imgThree'></div>
<div id='imgFour'></div>
<div id='imgFive'></div>
<div id="imgSix"></div>
</div>
</section>
<!-- <section>
<h2>A Cut Above the Rest</h2>
<p>
We’re a full service barbershop here at Royal Cuts’s and that means we do much more than provide a great haircut. We believe a haircut should be a ritual, a nostalgic experience harkening back to a simpler day. From the real barber chairs to our old-fashioned hot lather and straight-edge razor shaves… Royal Cuts’s Barbershop sets a new standard for barber shops.
</p>
</section> -->
</body>
</html>