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
Professional Photography Portfolio
Professional Photography portfolio
Use this template
<div class="app-header live-view" style="background-color: rgb(0, 0, 0); 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/bistro-logo.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="color: rgb(249, 246, 246);">Bistro</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(249, 246, 246); border-color: rgb(249, 246, 246);" rel="noopener"></a><a class="fa fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(249, 246, 246); border-color: rgb(249, 246, 246);" rel="noopener"></a><a class="fa fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(249, 246, 246); border-color: rgb(249, 246, 246);" rel="noopener"></a><a class="fa fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(249, 246, 246); border-color: rgb(249, 246, 246);" 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);">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" id="id-633abf4f91e0a92d1e42516f" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-8.jpg"); background-size: cover;"> <div data-type="main" class="container 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" style="color: rgb(255, 255, 255);">SATIATE YOUR TASTE BUDS</div> <div class="slider-title fw-bold display-1 my-3 text-capitalize list-element heading" style="color: rgb(255, 255, 255);">MOUTH-WATERING <br>SPANISH HOMEMADE <br>CUISINE TASTY</div> <div class="slider-description list-element text" style="color: rgb(250, 250, 250);">Fresh and imaginative, Spanish Bistro takes pride in invigorating traditional recipes <br>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(255, 255, 255); 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 link" href="#" style="background-color: rgb(255, 255, 255); background-image: inherit;">ORDER NOW</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-633fed145779ec77f16d690d 62fb6eddecf96818eb6bc438" id="id-633fed145779ec77f16d690d" style="color: rgb(51, 51, 51);"> <div data-type="main" class="container text-center pt-self-50 pe-self-20 pb-self-30 ps-self-20"> <div class="w-100 text-center"> <div class="description mb-1 hide-item text">A new taste every day</div> <div class="title mb-5 hide-item heading h1">TODAY'S BEST OFFERTS</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-4"><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/bistro-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 text">ORGANIC</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 text-black text-opacity-75 d-flex align-items-center hide-item link" style="color: rgb(0, 0, 0);">Enter 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/bistro-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 text">HOME MADE</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 text-black text-opacity-75 d-flex align-items-center hide-item link" style="color: rgb(0, 0, 0);">Enter 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/bistro-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 text">BEEF</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 text-black text-opacity-75 d-flex align-items-center hide-item link" style="color: rgb(0, 0, 0);">Enter 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/bistro-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 text">FARM CHEESE</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 text-black text-opacity-75 d-flex align-items-center hide-item link" style="color: rgb(0, 0, 0);">Enter Now</a> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-633fed145779ec77f16d690d 62fb6eddecf96818eb6bc438" id="id-633fed145779ec77f16d690d" style="color: rgb(255, 255, 255); background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-1.jpg"); background-size: cover;"> <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">A new taste every day</div> <div class="title mb-5 heading h1" style="text-align:center">TODAY'S BEST OFFERS</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" style="color: rgb(69, 69, 69);"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-13.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 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);">Enter Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item" style="color: rgb(69, 69, 69);"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-22.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 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);">Enter Now</a> </div> </div> </div><div class="mb-4 repeat"> <div class="card bolg-card list-item item" style="color: rgb(69, 69, 69);"> <div class="img-box overflow-hidden"> <img class="list-element w-100 image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-20.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 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">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);">Enter 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"> <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">Some information about our meals and offers</div> <div class="title mb-4 heading h2">Pimientos de Padrón</div> </div> <div class="text" style="color: rgb(92, 92, 92);"><p>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></p><h1><b>$ 7.75<span style="font-size: 2.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;"> </span></b></h1></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="hide-item image 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/bistro-3.jpg");"> </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">Some information about our meals and offers</div> <div class="title mb-4 heading h2">Boquerones en vinagre </div> </div> <div class="text" style="color: rgb(92, 92, 92);">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. <p><br></p><h1><b>$ 7.75 </b></h1><p></p></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="hide-item image 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/bistro-4.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 text" style="color: rgb(115, 115, 115);">Addons to make your food experience delightful</div> <div class="title mb-5 heading h1" style="color: rgb(72, 72, 72);">SPECIAL ADD-ONS</div> </div> <div class="row justify-content-center d-flex row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4"><div class="col mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/long-5.jpeg"); background-size: cover;"> <div class="img-box position-absolute 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 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/long-6.jpeg"); background-size: cover;"> <div class="img-box position-absolute 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 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/long-7.jpeg"); background-size: cover;"> <div class="img-box position-absolute 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 mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/long-8.jpeg"); background-size: cover;"> <div class="img-box position-absolute 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 DOUGHNUTS </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" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-2.jpg"); background-size: cover;"> <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">Here are the Food Items that you might like </div> <div class="title text-uppercase mb-4 heading m-self-0 p-self-0"><b>OUR 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"><b>Mushroom Carbonara</b></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-18.jpeg");"> <div class="row position-relative py-2 w-100"> <div class="col-9"> <div><h6 class="list-element heading"><b>Boquerones en vinagre</b></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">$18</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"><b>Brussels Sprout</b></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"><b>Conejo con arroz</b></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">$19</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"><b>Pimientos de Padrón</b></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">$11</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"><b>Caprese Salad</b></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">$7</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"><b>Giardiniera Antipasto Platter</b></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">$14</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"><b>Ganache Tart </b></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">$12</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"><b>Cacio e Pepe</b></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></ul> <a href="" class="btn d-table mx-auto border-0 mt-4 link" style="color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); background-image: inherit;">Full Menu</a> </div> </div> </section><section class="block container-fluid p-0 m-0 id-63402eba4120c769646110f3 62fb6ee6e81d6a358661eded" id="id-63402eba4120c769646110f3" style="background-color: rgb(247, 247, 247); background-image: inherit;"> <div data-type="main" class="container text-center pt-self-60 pe-self-20 pb-self-40 ps-self-20"> <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 class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3"><div class="col repeat"> <div class="item-discount overflow-hidden position-relative mb-4 list-item item"> <div class="mb-4 p-4 position-relative testimonails-cloud 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="user-box d-flex align-items-center"> <div class="img-box-user rounded-pill mx-3 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="" class="img-fluid rounded-pill w-100 list-element image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-3.jpeg");"> </div> <div class="vertical-col"> <div class="heading text-uppercase fs-6 list-element h6" style="color: rgb(72, 72, 72);">Roberto Baggio</div> <div class="usertxt text-opacity-75 list-element text" style="color: rgb(115, 115, 115);">Facebook</div> </div> </div> </div> </div><div class="col repeat"> <div class="item-discount overflow-hidden position-relative mb-4 list-item item"> <div class="mb-4 p-4 position-relative testimonails-cloud 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="user-box d-flex align-items-center"> <div class="img-box-user rounded-pill mx-3 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="" class="img-fluid rounded-pill w-100 list-element image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-4.jpeg");"> </div> <div class="vertical-col"> <div class="heading text-uppercase fs-6 list-element h6" style="color: rgb(72, 72, 72);">Fabio Pirlo</div> <div class="usertxt text-opacity-75 list-element text" style="color: rgb(115, 115, 115);">Twitter</div> </div> </div> </div> </div><div class="col repeat"> <div class="item-discount overflow-hidden position-relative mb-4 list-item item"> <div class="mb-4 p-4 position-relative testimonails-cloud 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="user-box d-flex align-items-center"> <div class="img-box-user rounded-pill mx-3 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="" class="img-fluid rounded-pill w-100 list-element image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-5.jpeg");"> </div> <div class="vertical-col"> <div class="heading text-uppercase fs-6 list-element h6" style="color: rgb(72, 72, 72);">Dino Zoff</div> <div class="usertxt text-opacity-75 list-element text" style="color: rgb(115, 115, 115);">McDonalds</div> </div> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-63453f58f2ce23065c292d3d 62fb6ee2388d1027d71e780c" id="id-63453f58f2ce23065c292d3d"> <div data-type="main" class="container-fluid text-center ps-self-0 pt-self-60 pe-self-0 pb-self-50"> <div class="w-100 text-center"> <div class="description m-0 text" style="color: rgb(115, 115, 115);">Check out this incredible place</div> <div class="title text-uppercase m-0 heading h1" style="color: rgb(72, 72, 72);">FASCINATING LOCATION</div> </div> <ul class="d-flex align-items-center justify-content-start py-3 overflow-auto"><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-14.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-15.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-16.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-17.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-18.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-19.jpg");"> </div> </li><li class="repeat"> <div class="d-inline-block list-item w-100 pt-4 mt-5 item"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="list-element img-fluid w-100 shadow image cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/bistro-20.jpg");"> </div> </li></ul> </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. <br>More Food. Less Money</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 - Pl. de la Marina Española, 4, 24332, Madrid, Spain </div> </div> </div> </section></div> </div> </section>'>
