-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (184 loc) · 8.99 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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta ="viewport" content="width=device-width, initial-scale=1.0">
<title>Essence</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
</head>
<body>
<div class="container2">
<div class="background-image2"><img src="background.jpeg" width="100%" height="1080px">
<div class="text-over-image2"><h1>Meet,<span> Eat & </span><br>Enjoy The true</br>taste </h1>
<a href="menu.html" class="btn">Explore Menu</a>
</div>
<div class="contain">
<div class="container-box">
<img src="c1.png">
<h3>11:00 AM to 10:00 PM</h3>
<a href="#">WORKING HOURS</a>
</div>
<div class="container-box">
<img src="c2.png">
<h3>555,Brooklyn Heights</h3>
<a href="location.html">GET DIRECTION</a>
</div>
<div class="container-box">
<img src="c3.png">
<h3> 7587534404
</h3>
<a href="#">CALL US</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="background-image">
<!-- <div class="text-over-image Text_on_image">
Welcome to Essence, where culinary excellence meets unparalleled hospitality.
Nestled in the heart of California, our charming ambiance and delectable menu offerings
promise an unforgettable dining experience. From succulent steaks to exquisite seafood
creations, each dish is crafted with precision and passion, using only the freshest,
locally-sourced ingredients. Whether you're celebrating a special occasion or simply seeking a
memorable meal, join us and indulge in a symphony of flavors that will tantalize your taste buds
and leave you craving for more. Come savor the extraordinary at Essence.
</div> -->
<div class="Left_image">
<img src="mae-mu-74HGrqRby2Q-unsplash.jpg" width="100%" height="30%">
</div>
<div class="Right_text"><h1>WONDERFUL DINING EXPERIENCE AND FOOD</h1><br>
<h3>Step into our charming eatery where the warm glow of
rustic decor meets the tantalizing aromas of globally-inspired cuisine,
crafted with passion and precision. Each dish is a masterpiece,
meticulously curated to delight the senses and ignite the palate,
inviting you on a culinary journey like no other</h3></br>
</div>
</div>
</div>
<header>
<a href="#" class="logo"><i class='bx bxs-home'></i>Essence</a>
<ul class="navlist">
<li class="nav-list"><a href="index.html" class="active">HOME</a></li>
<li class="nav-list"><a href="menu.html">MENU</a></li>
<li class="nav-list"><a href="about.html">ABOUT US</a></li>
<li class="nav-list"><a href="location.html">HOURS & LOCATION</a></li>
<li class="nav-list"><a href="booking.html">RESERVATION</a></li>
</ul>
<div class="nav-icons">
<a href="cart.html"><i class='bx bxs-cart bx-tada' ></i></a>
</div>
<div class="bx bx-menu" id="menu-icon"></div>
</header>
<!-- <section class="about" id="about">
<div class="about-img">
</div>
</section> -->
<!-- <<---- REVIEW SECTION-->
<section class="review" id="review">
<div class="OurCustomer">
<p class="ourcus">Our Customer</p>
<p class="ourcussub">Clients Review About Our Restaurant </p>
</div>
<div class="review-content">
<div class="box">
<p>I recently dined at this charming restaurant, and I must say, the experience was delightful. From the moment I stepped in, the cozy ambiance made me feel right at home.
The menu offered a variety of mouthwatering dishes, and the flavors were exceptional.
</p>
<div class="in-box">
<div class="box-img">
<img src="r1.jpg">
</div>
<div class="box-text">
<h3>Raymond Holt</h3>
<h4>Food Vlogger</h4>
<div class="ratings">
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
</div>
</div>
</div>
</div>
<div class="box">
<p>🌟 Exquisite dishes, top-notch service, and Instagram-worthy vibes. This
restaurant is THE spot for foodies and vloggers! 📸🍽️
</p>
<div class="in-box">
<div class="box-img">
<img src="r2.jpg">
</div>
<div class="box-text">
<h3>Christina Santiago</h3>
<h4>Food Vlogger</h4>
<div class="ratings">
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
</div>
</div>
</div>
</div>
<div class="box">
<p>Exceptional culinary creations, impeccable service,
and captivating ambiance make this restaurant a top choice for discerning food enthusiasts
</p>
<div class="in-box">
<div class="box-img">
<img src="r3.jpg">
</div>
<div class="box-text">
<h3>Charles Jeffords</h3>
<h4>Food Vlogger</h4>
<div class="ratings">
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
<span><i class='bx bxs-star bx-flip-horizontal' ></i></span>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="contact-footer">
<div class="Footer">
<div class="LeftFooter">
<h3 class="text-center mt-2 pt-1">Essence <span><p>© 2024 All rights reserved.</p></span></h3>
</div>
<div class="RightFooter">
<div class="RightLinks">
<div class="LinksDiv">
<a href="/about.html" class="linkcolor">
About
</a>
<span class="Danda">|</span>
<a href="#" class="linkcolor">
Contact
</a>
<span class="Danda">|</span>
<a href="#" class="linkcolor">
Terms
</a>
<span class="Danda">|</span>
<a href="#" class="linkcolor">
Privacy
</a>
</div>
</div>
</div>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>