9 <div
class=
"hero_area">
10 <!-- header section strats -->
11 <header
class=
"header_section">
12 <div
class=
"container-fluid">
13 <nav
class=
"navbar navbar-expand-lg custom_nav-container">
14 <a
class=
"navbar-brand" href=
"/">
20 <div
class=
"User_option">
22 <i
class=
"fa fa-user" aria-hidden=
"true"></i>
25 <form
class=
"form-inline ">
26 <input type=
"search" placeholder=
"Search" />
27 <button
class=
"btn nav_search-btn" type=
"submit">
28 <i
class=
"fa fa-search" aria-hidden=
"true"></i>
32 <div
class=
"custom_menu-btn">
33 <button onclick=
"openNav()">
34 <img src=
"images/menu.png" alt=
"">
37 <div
id=
"myNav" class=
"overlay">
38 <div
class=
"overlay-content">
39 <a
href=
"./index">Home</a>
40 <a
href=
"./about">About</a>
41 <a
href=
"./blog">Blog</a>
42 <a
href=
"./testimonial">Testimonial</a>
49 <!-- end header section -->
51 <!-- slider section -->
52 <section
class=
"slider_section ">
53 <div
class=
"container ">
55 <div
class=
"col-lg-10 mx-auto">
56 <div
class=
"detail-box">
58 Discover Restuarant And Food
61 when looking at its layout. The point of
using Lorem Ipsum
64 <div
class=
"find_container ">
65 <div
class=
"container">
69 <div
class=
"form-row ">
70 <div
class=
"form-group col-lg-5">
71 <input type=
"text" class=
"form-control" id=
"inputHotel" placeholder=
"Restaurant Name">
73 <div
class=
"form-group col-lg-3">
74 <input type=
"text" class=
"form-control" id=
"inputLocation" placeholder=
"All Locations">
75 <span
class=
"location_icon">
76 <i
class=
"fa fa-map-marker" aria-hidden=
"true"></i>
79 <div
class=
"form-group col-lg-3">
81 <button type=
"submit" class=
"btn ">Search</button>
93 <div
class=
"slider_container">
96 <img src=
"images/slider-img1.png" alt=
"" />
100 <div
class=
"img-box">
101 <img src=
"images/slider-img2.png" alt=
"" />
105 <div
class=
"img-box">
106 <img src=
"images/slider-img3.png" alt=
"" />
110 <div
class=
"img-box">
111 <img src=
"images/slider-img4.png" alt=
"" />
115 <div
class=
"img-box">
116 <img src=
"images/slider-img1.png" alt=
"" />
120 <div
class=
"img-box">
121 <img src=
"images/slider-img2.png" alt=
"" />
125 <div
class=
"img-box">
126 <img src=
"images/slider-img3.png" alt=
"" />
130 <div
class=
"img-box">
131 <img src=
"images/slider-img4.png" alt=
"" />
136 <!-- end slider section -->
140 <!-- recipe section -->
142 <section
class=
"recipe_section layout_padding-top">
143 <div
class=
"container">
144 <div
class=
"heading_container heading_center">
146 Our Best Popular Recipes
150 <div
class=
"col-sm-6 col-md-4 mx-auto">
152 <div
class=
"img-box">
153 <img src=
"images/r1.jpg" class=
"box-img" alt=
"">
155 <div
class=
"detail-box">
160 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
165 <div
class=
"col-sm-6 col-md-4 mx-auto">
167 <div
class=
"img-box">
168 <img src=
"images/r2.jpg" class=
"box-img" alt=
"">
170 <div
class=
"detail-box">
175 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
180 <div
class=
"col-sm-6 col-md-4 mx-auto">
182 <div
class=
"img-box">
183 <img src=
"images/r3.jpg" class=
"box-img" alt=
"">
185 <div
class=
"detail-box">
190 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
196 <div
class=
"btn-box">
204 <!-- end recipe section -->
208 <section
class=
"app_section">
209 <div
class=
"container">
210 <div
class=
"col-md-9 mx-auto">
212 <div
class=
"col-md-7 col-lg-8">
213 <div
class=
"detail-box">
215 <span> Get the</span> <br>
219 long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The poin
221 <div
class=
"app_btn_box">
222 <a
href=
"" class=
"mr-1">
223 <img src=
"images/google_play.png" class=
"box-img" alt=
"">
226 <img src=
"images/app_store.png" class=
"box-img" alt=
"">
229 <a
href=
"" class=
"download_btn">
234 <div
class=
"col-md-5 col-lg-4">
235 <div
class=
"img-box">
236 <img src=
"images/mobile.png" class=
"box-img" alt=
"">
245 <!-- end app section -->
247 <!-- about section -->
249 <section
class=
"about_section layout_padding">
250 <div
class=
"container">
251 <div
class=
"col-md-11 col-lg-10 mx-auto">
252 <div
class=
"heading_container heading_center">
258 <div
class=
"col-md-7 mx-auto">
259 <div
class=
"img-box">
260 <img src=
"images/about-img.jpg" class=
"box-img" alt=
"">
263 <div
class=
"detail-box">
265 Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable
268 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
276 <!-- end about section -->
278 <!-- news section -->
280 <section
class=
"news_section">
281 <div
class=
"container">
282 <div
class=
"heading_container heading_center">
288 <div
class=
"col-md-6">
290 <div
class=
"img-box">
291 <img src=
"images/n1.jpg" class=
"box-img" alt=
"">
293 <div
class=
"detail-box">
298 there isn
't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
301 <i class="fa fa-arrow-right" aria-hidden="true"></i>
306 <div class="col-md-6">
308 <div class="img-box">
309 <img src="images/n2.jpg" class="box-img" alt="">
311 <div class="detail-box">
316 there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
319 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
328 <!-- end news section -->
330 <!-- client section -->
332 <section
class=
"client_section layout_padding">
333 <div
class=
"container">
334 <div
class=
"col-md-11 col-lg-10 mx-auto">
335 <div
class=
"heading_container heading_center">
340 <div
id=
"customCarousel1" class=
"carousel slide" data-ride=
"carousel">
341 <div
class=
"carousel-inner">
342 <div
class=
"carousel-item active">
343 <div
class=
"detail-box">
348 Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and
350 <i
class=
"fa fa-quote-left" aria-hidden=
"true"></i>
353 <div
class=
"carousel-item">
354 <div
class=
"detail-box">
359 Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and
361 <i
class=
"fa fa-quote-left" aria-hidden=
"true"></i>
364 <div
class=
"carousel-item">
365 <div
class=
"detail-box">
370 Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and
372 <i
class=
"fa fa-quote-left" aria-hidden=
"true"></i>
376 <a
class=
"carousel-control-prev d-none" href=
"#customCarousel1" role=
"button" data-slide=
"prev">
377 <span
class=
"carousel-control-prev-icon" aria-hidden=
"true"></span>
378 <span
class=
"sr-only">Previous</span>
380 <a
class=
"carousel-control-next" href=
"#customCarousel1" role=
"button" data-slide=
"next">
381 <i
class=
"fa fa-arrow-right" aria-hidden=
"true"></i>
382 <span
class=
"sr-only">Next</span>
389 <!-- end client section -->