-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (276 loc) · 12.2 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!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">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/styles.css">
<title>Dine Restaurant</title>
</head>
<body>
<!------ Page Loader ---------->
<div class="page-loader">
</div>
<!------ Page loader end ------>
<!----- header ------>
<header class="header">
<div class="container">
<div class="row justify-content-between allign-items-center">
<div class="logo">
<a href=""><img src="images/logo.png" alt="logo"></a>
</div>
<div class="cart">
<button type="button" id="cart-btn">
<i class="fas fa-cart-plus"></i>
<span class="cart-count-info">0</span>
</button>
<div class = "cart-container">
<div class = "cart-list">
<!-- single item -->
<!-- <div class = "cart-item">
<img src = "images/menu/4.jpg" alt = "product image">
<div class = "cart-item-info">
<h3 class = "cart-item-name">Vegan Fillet</h3>
<span class = "cart-item-category">meal</span>
<span class = "cart-item-price">Ksh 1500</span>
</div>
<button type = "button" class = "cart-item-del-btn">
<i class = "fas fa-times"></i>
</button>
</div> -->
<!-- end of single item -->
</div>
<div class = "cart-total">
<h3>Total: $</h3>
<span id = "cart-total-value"></span>
</div>
</div>
</div>
<button type="button" class="nav-toggler">
<span></span>
</button>
<nav class="nav">
<ul>
<li class="nav-item"><a href="#home">Home</a></li>
<li class="nav-item"><a href="#about">About us</a></li>
<li class="nav-item"><a href="#our-menu">Menu</a></li>
<li class="nav-item"><a href="#testimonials">Testimonials</a></li>
<li class="nav-item"><a href="#team">Experts</a></li>
<li class="nav-item"><a href="#footer">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-------- header End ------->
<!-------- homesection ----------->
<section class="home-section" id="home">
<div class="home-bg"></div>
<div class="container">
<div class="row min-vh-100 allign-items-center">
<div class="home-text" data-aos="fade-up"
data-aos-duration="1000">
<h1> Dine Out Restaurant</h1>
<p>Classic staples you thought were out of reach on a vegan diet. The Dine Restaurant is the place to go for everything you want to know about the world of vegetarian food. Our mission is to inspire, inform and enable people to be vegetarian.</p>
<a href="#our-menu" class="btn btn-default">Order Now</a>
</div>
</div>
</div>
</div>
</section>
<!-------- homesection end ------->
<!-------- about section ------------>
<section class="about-section sec-padding" id="about">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-title="our story" data-aos="fade-up">About Us</h2>
</div>
<div class="about-text" data-aos="fade-right">
<h3>Welcome To Dine out Restaurant</h3>
<p>In 1908, as a consequence of the growth in vegetarian movements world-wide, the International Vegetarian Union (IVU) was founded, succeeding the Vegetarian Federal Union which had been established in 1889. To this day, the IVU continues to encourage vegetarian societies around the world to work together to promote vegetarianism on a global stage.</p>
<a href="#our-menu" class="btn btn-default">Check Our Menu</a>
</div>
<div class="about-img" data-aos="fade-left">
<div class="img-box">
<h3>10+ years Nutrition Experience.</h3>
<img src="images/about-img.jpg" alt="about-img">
</div>
</div>
</div>
</section>
<!-------- about section end -------->
<!--------- Menu section ------------->
<section class="menu-section sec-padding" id="our-menu">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-title="order now" data-aos="fade-up">our menu</h2>
</div>
</div>
<div class="products">
<div class = "product-list">
<!-- single item -->
<!-- <div class = "product-item">
<div class = "product-img">
<img src = "images/menu/1.jpg" alt = "product image">
<button type = "button" class = "add-to-cart-btn">
<i class = "fas fa-shopping-cart"></i>Add To Cart
</button>
</div>
<div class = "product-content">
<h3 class = "product-name">Vegan Fillet</h3>
<span class = "product-category">Meal</span>
<p class = "product-price">Ksh 1500</p>
</div>
</div> -->
<!-- end of single item -->
</div>
</div>
</div>
</section>
<!--------- menu section end ---------->
<!---------- Cart section ------------->
<!---------- Cart section end ------------->
<!--------- Testimionals section ------------->
<section class="testimonials-section sec-padding" id="testimonials">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-title="testimonials" data-aos="fade-up">What other's say</h2>
</div>
</div>
<div class="row">
<div class="testi-item" data-aos="zoom-in">
<div class="testi-author">
<div class="testi-author-name">
<h3>Racheal Sinachi</h3>
<span>Hotel adventurer and content creator</span>
</div>
<div class="testi-author-img">
<img src="images/testimonials/1.jpg" alt="testi author img">
</div>
</div>
<p>Dine's restaurant ambence is so great with an all nature circulation due to its nature theme. Their recipes are 100% organic and freshly made afresh with every food ordered. I loved their vegan fillet and salads.The sizing of sauces should be increased though.</p>
<div class="ratings">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="testi-item" data-aos="zoom-in">
<div class="testi-author">
<div class="testi-author-name">
<h3>Jada Nakamura</h3>
<span>food specialist</span>
</div>
<div class="testi-author-img">
<img src="images/testimonials/2.jpg" alt="testi author img">
</div>
</div>
<p>Dine's Restaurant changed my perception of vegeterian foods been boring and not fun to eat by their exequite menu . The kitchen is amazingly clean and quite organized.Thanks to the hospitality of the chefs. I'll definitley come back! Mostly with my girls or company for a lunch treat.</p>
<div class="ratings">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<div class="testi-item" data-aos="zoom-in">
<div class="testi-author">
<div class="testi-author-name">
<h3>Mark Mwaniki</h3>
<span>loyal customer</span>
</div>
<div class="testi-author-img">
<img src="images/testimonials/3.jpg" alt="testi author img">
</div>
</div>
<p>There is just a unique taste and the style of cooking Dine Restaurant that awes me each and every food i eat in as many times as i go back there.The costumer service ! They know the value of their clients with warm welcome to a fast service. Definitely reccommend!</p>
<div class="ratings">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</section>
<!--------- testimonials section end ---------->
<!--------------- team section ----------------->
<section class="team-section sec-padding" id="team">
<div class="container">
<div class="row">
<div class="section-title">
<h2 data-title="team" data-aos="fade-up">our Chefs</h2>
</div>
</div>
<div class="row">
<div class="team-item" data-aos="flip-left" data-aos-duration="1000">
<img src="images/team/1.jpg" alt="team-item">
<div class="team-info">
<h2>Bella Vuli</h2>
<p>Head chef</p>
</div>
</div>
<div class="team-item" data-aos="flip-left" data-aos-duration="1000">
<img src="images/team/2.jpg" alt="team-item">
<div class="team-info">
<h2>Richmond Benson</h2>
<p>Sous chef</p>
</div>
</div>
<div class="team-item" data-aos="flip-left" data-aos-duration="1000">
<img src="images/team/3.jpg" alt="team-item">
<div class="team-info">
<h2>Tasha Kena</h2>
<p>Head Barista</p>
</div>
</div>
</div>
</div>
</section>
<!--------------- team section end -------------->
<!--------- Footer section ------------->
<footer class="footer" id="footer">
<div class="container">
<div class="row">
<div class="footer-item" data-aos="fade-up">
<h3>our location</h3>
<p>Mondrovia Street <br>Hurlingham-Nairobi 90300</p>
</div>
<div class="footer-item" data-aos="fade-up">
<h3>opening Hours</h3>
<p>Monday to Sarturday <br> 8.00 AM - 8.00 PM</p>
<p>Sundays <br> 10.00 AM - 7.00 AM</p>
</div>
<div class="footer-item" data-aos="fade-up">
<h3>contact us</h3>
<p>+25792964487</p>
<p>dinerestaurantinfo@gmail.com</p>
<div class="social-links">
<a href=""><i class="fab fa-facebook-f"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
<a href=""><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="copyright">
© 2021 All Rights Reserved.
</div>
</div>
</div>
</footer>
<!--------- Footer section end ---------->
<script src="js/aos.js"></script>
<script src="js/script.js"></script>
</body>
</html>