Skip to the content
Products
App Builder
Mobile app builder to create an app in 3 steps.
Android App Maker
iPhone App Maker
Convert Website to App
AI App Generator
Website Builder
Website builder to create a websites in minutes
AI Website Builder
Business Website Builder
Ecommerce Website Builder
Tools
AI Name Generator
AI Slogan Generator
AI Text Generator
Scheduling Software
Free Online Calculator
AI Title Generator
AI Quiz Maker
AI Worksheet Maker
AI Writing Generator
AI Content Generator
AI Code Generator
AI UI Design Generator
AI Code Checker
AI Blog Post Generator
AI Product Description Generator
AI Description Generator
AI Bio Generator
AI Caption Generator
AI Quote Generator
AI Form Builder
AI QR Code Generator
AI Barcode Generator
AI Keyword Generator
AI Image to Quiz Generator
AI FAQ Generator
AI Question Generator
Website Accessibility Checker
AI Landing Page Generator
AI Paragraph Generator
AI Summary Generator
SSL Checker
DNS Checker
Web Hosting
Website Checker
Plagiarism Checker
Backlink Checker
Domain Transfer
Domain Name Generator
Contact Us
Help
Pricing
Reseller
AI Templates
Join
Log in
Home
Templates
Restaurant-food
Ultimate Restaurant Cafe Bar Booking Website
Ultimate Restaurant, Cafe, Bar Booking Website
Use this template
<div class="app-header live-view" style="background-color: rgb(15, 15, 15); background-image: inherit;"> <section class="header-block container p-0 py-3"> <div class="row"> <div class="col-12 col-md-5 col-lg-5 d-flex align-items-center justify-content-center justify-content-md-start justify-content-lg-start"> <div class="d-flex align-items-center mb-3 mb-lg-0 mb-md-0"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restaurant-logo.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="font-family: "Averia Libre"; color: rgb(250, 250, 250);">RESTAURANT</span> </div> </div> <div class="col-12 col-md-7 col-lg-7 d-flex"> <div class="d-flex flex-column flex-md-row flex-lg-row align-items-center mx-auto mx-lg-0 mx-md-0 ms-md-auto ms-lg-auto"> <div class="social" id="social"><a class="fa fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(250, 250, 250); border-color: rgb(250, 250, 250);" rel="noopener"></a><a class="fa fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(250, 250, 250); border-color: rgb(250, 250, 250);" rel="noopener"></a><a class="fa fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(250, 250, 250); border-color: rgb(250, 250, 250);" rel="noopener"></a><a class="fa fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(250, 250, 250); border-color: rgb(250, 250, 250);" rel="noopener"></a></div> <a class="btn btn-secondary border-0 ms-3 me-3 me-md-0 me-lg-0 ms-md-3 ms-lg-3 shadow-sm mt-3 mt-lg-0 mt-md-0 d-none" id="button" style="color: rgb(255, 255, 255); font-family: "Averia Libre";">Get Started</a> </div> </div> </div> </section> </div> <div class="app-blocks live-view"><section class="block container-fluid p-0 m-0 id-633abf4f91e0a92d1e42516f 62f23f706ccaa067206103d9 swiper" id="id-633abf4f91e0a92d1e42516f" style="color: rgb(255, 255, 255); background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-8.jpg"); background-size: cover;"> <div data-type="main" class="container text-center pt-self-20 pe-self-20 pb-self-20 ps-self-20"><div class="repeat"> <div class="row list-item d-block d-lg-flex item"> <div class="col d-flex flex-column justify-content-center position-relative justify-content-lg-center" style="aspect-ratio:2/1"> <div class="slider-subtitle fs-5 text-capitalize list-element text">Get Your Delicious Food From The Home-Made Kitchen </div> <div class="slider-title fw-bold display-1 my-3 text-capitalize list-element heading" style="font-size: 68px;">RESTAURANT</div> <div class="slider-description list-element text">Fresh and imaginative, our Restaurant takes pride in invigorating traditional <br>recipes for a modern audience and lets the ingredients take the lead.</div> <div class="slider-button"> <a class="btn rounded-pill btn-md rounded-0 mt-4 text-capitalize px-4 py-3 me-2 list-element link" href="#" style="background-color: rgb(252, 252, 252); background-image: inherit;">View Menu</a> <a class="btn rounded-pill btn-md rounded-0 mt-4 text-capitalize px-4 py-3 list-element hide-item link" href="#" style="color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); background-image: inherit;">Google Play</a> </div> </div> <img class="list-element w-100 img-style col hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/food-img-01.png");"> </div> </div></div> </section><section class="block container-fluid p-0 m-0 id-633eba00af2df42e7b63bd70 62fb6ee2388d1027d71e780c" id="id-633eba00af2df42e7b63bd70"> <div data-type="main" class="container text-left pt-self-50 pe-self-50 pb-self-50 ps-self-50"> <div class="row align-items-lg-center d-block d-lg-flex"> <div class="col"> <div class="title-base"> <div class="m-0 text">This is how it all started</div> <div class="title mb-4 heading h2">OUR STORY</div> </div> <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <a class="btn btn-link p-0 border-0 mb-3 w-100 text-start hide-item link" style="color: rgb(0, 0, 0);">Read more</a> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/sign-2.png" alt="" class="image pt-self-30 pe-self-0 pb-self-0 ps-self-0 cover"> </div> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" class="col mt-4 mt-lg-0 image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-9.jpg");"> </div> </div> </section><section class="block container-fluid p-0 m-0 id-633d48f84b67da36d252e57d 62fb6ed8de38a1536f1ec498" id="id-633d48f84b67da36d252e57d" style="background-color: rgb(247, 247, 247); background-image: inherit;"> <div data-type="main" class="container text-center pt-self-80 pe-self-20 pb-self-80 ps-self-20"> <div class="w-100 text-center"> <div class="description mb-1 hide-item text" style="color: rgb(115, 115, 115);">Enjoy a complete food experience</div> <div class="title mb-5 hide-item heading h1" style="color: rgb(72, 72, 72);">MENU PROMOTIONS</div> </div> <div class="row align-items-center justify-content-center d-flex"><div class="col-md-6 col-lg-3 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-10.jpg"); background-size: cover;"> <div class="img-box position-relative w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">$ 9.50 / FULL</div> <div><h3 class="position-relative list-element list-title text-capitalize heading h3" style="color: rgb(255, 255, 255);">SIGNATURE DOUGHNUT SLIDERS</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">Lorem ipsum dolor sit amet </div> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">$3.40</div> <a class="btn btn-primary mt-4 border-0 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div><div class="col-md-6 col-lg-3 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-11.jpg"); background-size: cover;"> <div class="img-box position-relative w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">$ 9.50 / FULL</div> <div><h3 class="position-relative list-element list-title text-capitalize heading h3" style="color: rgb(255, 255, 255);">DEVILED EGG FLIGHT</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">Lorem ipsum dolor sit amet </div> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">$2.40</div> <a class="btn btn-primary mt-4 border-0 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div><div class="col-md-6 col-lg-3 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-12.jpg"); background-size: cover;"> <div class="img-box position-relative w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">$ 9.50 / FULL</div> <div><h3 class="position-relative list-element list-title text-capitalize heading h3" style="color: rgb(255, 255, 255);">AVOCADO TOAST</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">Lorem ipsum dolor sit amet </div> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">$4.40</div> <a class="btn btn-primary mt-4 border-0 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div><div class="col-md-6 col-lg-3 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-13.jpg"); background-size: cover;"> <div class="img-box position-relative w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">$ 9.50 / FULL</div> <div><h3 class="position-relative list-element list-title text-capitalize heading h3" style="color: rgb(255, 255, 255);">CINNAMON CROUGHNUTS</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">Lorem ipsum dolor sit amet </div> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">$1.40</div> <a class="btn btn-primary mt-4 border-0 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-6343db9505c6031f9c353e62 62fb6ed8de38a1536f1ec498" id="id-6343db9505c6031f9c353e62"> <div data-type="main" class="menu container pt-self-40 pe-self-20 pb-self-40 ps-self-20"> <div class="menu-container"> <div class="w-100 text-center mb-5"> <div class="description mb-1 text">Come see the items featured from our kitchen</div> <div class="title text-uppercase mb-4 heading"><b>THE MENU</b></div> </div> <ul class="menu-items row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3"><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-17.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">CAESAR SALAD </h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$2</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-18.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">LUMACHE</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$5</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-19.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">AGNOLOTTI</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$20</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-20.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">LINGUINE</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$15</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-17.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">PROSCIUTTO DI PARMA</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$13</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-18.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">MARGHERITA</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$8</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-19.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">DUCK CONFIT</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$6</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-20.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">PANCAKES</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$3</span> </div> </div> </div> </li><li class="position-relative d-flex my-1 py-1 repeat"> <div class="list-item d-flex item"> <img class="icon list-element hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/square-17.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading">CARAMEL APPLE CHEESECAKE</h6></div> <div class="description list-element text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <div class="col-3 text-end"> <span class="text-black fs-6 d-block text-right list-element text">$20</span> </div> </div> </div> </li></ul> </div> </div> </section><section class="block container-fluid p-0 m-0 id-633d18abdc297364a36a9dbd 62fb6ee6e81d6a358661eded" id="id-633d18abdc297364a36a9dbd" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bg-4.jpeg"); background-size: cover;"> <div data-type="main" class="container-fluid text-center ps-self-0 pt-self-80 pe-self-0 pb-self-80"> <div class="w-100 text-center"> <div class="description mb-1 hide-item text" style="color: rgb(115, 115, 115);">True Minds</div> <div class="title text-uppercase mb-4 heading h1" style="color: rgb(72, 72, 72);">TESTIMONIALS</div> </div> <div><div class="row repeat"> <div class="col-12 justify-content-center list-item item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="d-block mx-auto my-4 rounded-pill w-100 list-element image cover" alt="" style="max-width: 100px; background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-14.jpg");"> <div class="py-4 text-center"> <div class="list-element text" style="color: rgb(115, 115, 115);">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <div class="list-element my-5 fs-6 fw-bold heading h6" style="color: rgb(72, 72, 72);">-Mitchell Mateo</div> </div> </div> </div><div class="row repeat"> <div class="col-12 justify-content-center list-item item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="d-block mx-auto my-4 rounded-pill w-100 list-element image cover" alt="" style="max-width: 100px; background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-15.jpg");"> <div class="py-4 text-center"> <div class="list-element text" style="color: rgb(115, 115, 115);">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <div class="list-element my-5 fs-6 fw-bold heading h6" style="color: rgb(72, 72, 72);">-Joe Michelon</div> </div> </div> </div></div></div></section><section class="block container-fluid p-0 m-0 id-633fed145779ec77f16d690d 62fb6eddecf96818eb6bc438" id="id-633fed145779ec77f16d690d" style="color: rgb(51, 51, 51);"> <div data-type="main" class="container text-left pt-self-80 pe-self-20 pb-self-80 ps-self-20"> <div class="w-100"> <div class="description mb-1 text" style="text-align:center">Feel energized with a wholesome meal </div> <div class="title mb-5 heading h1" style="text-align:center">TODAY’S OFFERS ON DISPLAY</div> </div> <div class="row align-items-top justify-content-center d-flex row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3"><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-2.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">BIOLOGIC</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Pimientos de Padrón</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-3.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">BIOLOGIC</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Conejo con arroz</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-4.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">HOME MADE</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Boquerones en vinagre</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-5.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">BEEF</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Caesar Salad</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-6.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">FARM CHEESE</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Lumache</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-7.jpg");"> </div> <div class="card-body position-relative p-3"> <div class="list-element circle border border-3 border-white position-absolute rounded-pill text-center p-2 hide-item text">21 <span>Oct, 22</span></div> <div class="list-element extra-content text-uppercase text-center hide-item text">MOUNTAIN</div> <div class="list-element heading text-black fs-5 mt-4 my-3 pt-2 text-opacity-75 h3">Agnolotti</div> <div class="list-element mb-3 text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> <a href="#" class="list-element fw-bold link" style="color: rgb(0, 0, 0);">Order Now</a> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-633eba00af2df42e7b63bd70 62fb6ee2388d1027d71e780c flex-row-reverse" id="id-633eba00af2df42e7b63bd70" style="background-color: rgb(245, 248, 255); background-image: inherit;"> <div data-type="main" class="container-fluid ps-self-50 pt-self-50 pe-self-50 pb-self-50"> <div class="row align-items-lg-center d-block d-lg-flex"> <div class="col"> <div class="title-base"> <div class="m-0 text">Here is what our chefs have to say</div> <div class="title mb-4 heading h2">Our Master Chefs</div> </div> <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <a class="btn btn-link p-0 border-0 mb-3 w-100 text-start hide-item link" style="color: rgb(0, 0, 0);">Read more</a> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/sign-2.png" alt="" class="image pt-self-20 pe-self-0 pb-self-0 ps-self-0 cover"> </div> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" class="col mt-4 mt-lg-0 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/restarant-1.png");"> </div> </div> </section><section class="block container-fluid p-0 m-0 id-6368d1b6ad086312046efbda 62fb6ebfd43cd5020b313553" id="id-6368d1b6ad086312046efbda"> <div data-type="main" class="container-fluid text-center pt-self-50 pe-self-20 pb-self-50 ps-self-20"> <div class="row justify-content-center"> <div class="col-md-2 col-lg-2 col-xl-1 text-center mb-3"> <img width="90" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="" class="image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/clock.gif");"> </div> <div class="col-md-4 col-lg-3 col-xl-2 mb-4 text-center text-md-start"> <div class="mb-2 description text"><i>Our open schedules</i></div> <div class="heading"> <h2 class="title heading"><b>HOURS</b></h2> </div> </div> <div class="col-12 col-lg-12 col-xl-9"> <div class="custom-table"> <div class="table_row "><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Day</b></div> <div class="table-col list-element text"><b>Lunch</b></div> <div class="table-col list-element text"><b>Dinner</b></div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Monday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Tuesday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Wednesday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Thurdsay</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Friday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Saturday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div><div class="column repeat"> <div class="list-item item"> <div class="table-col list-element text"><b>Sunday</b></div> <div class="table-col list-element text">12pm - 04pm</div> <div class="table-col list-element text">07pm - 11pm</div> </div> </div></div> </div> </div> </div> </div> </section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer3 footer" id="id-footer3" style="color: rgb(163, 157, 157); background-color: rgb(245, 245, 245); background-image: inherit;"> <div class="footer-strip p-3 container text-center ps-self-0 pt-self-20 pe-self-0 pb-self-20" data-type="main"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6"> <img width="180" alt="" class="image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/footer-logo.png");"> <hr class="space m"> <div class="text"> Be the first one to know about our newest items and latest offers. More Food. </div> <hr class="space s"> <div class="social" style="color: rgb(163, 157, 157);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(163, 157, 157); border-color: rgb(245, 245, 245);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(163, 157, 157); border-color: rgb(245, 245, 245);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(163, 157, 157); border-color: rgb(245, 245, 245);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(163, 157, 157); border-color: rgb(245, 245, 245);" rel="noopener"></a></div> </div> <div class="col-md-3"></div> <div class="col-12 text-center mt-4 mb-2 text">© 2022 example - info@example.com - +02 123458992 - Less Money Pl. de la Example Street, 4, 24332, USA</div> </div> </div> </section></div> </div> </section>'>
