| Server IP : 172.67.201.108 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<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=Cookie&family=Open+Sans:wght@400;600;700;800;900&family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,900;1,400;1,700&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<link rel="stylesheet" href="one-page/css/et-line.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/swiper.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/restaurant/restaurant.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Restaurant | Canvas</title>
</head>
<body class="stretched sticky-footer page-transition" data-loader-html="<span class='pizza'> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> <span class='slice'></span> </span>">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="transparent-header" data-sticky-shrink="false">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo" class="col-auto me-lg-0 order-lg-2">
<a href="demo-restaurant.html">
<img class="logo-default" srcset="demos/restaurant/images/logo.png, demos/restaurant/images/[email protected] 2x" src="demos/restaurant/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu col-lg-4 order-lg-1">
<ul class="menu-container">
<li class="menu-item"><a class="menu-link" href="demo-restaurant.html"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-restaurant-about-us.html"><div>About</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-restaurant-menu.html"><div>Menu</div></a></li>
</ul>
</nav>
<nav class="primary-menu col-lg-4 order-lg-3">
<ul class="menu-container justify-content-lg-end">
<li class="menu-item"><a class="menu-link" href="demo-restaurant-gallery.html"><div>Gallery</div></a></li>
<li class="menu-item"><a class="menu-link" href="demo-restaurant-blog.html"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link color" href="demo-restaurant-reservation.html"><div>Reservation</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element swiper_wrapper min-vh-60 min-vh-md-100 include-header" data-effect="fade" data-loop="true" data-autoplay="6000" data-speed="1400">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container dark">
<div class="slider-caption">
<div>
<h2 class="font-secondary ls-0 fw-normal text-transform-none" data-animate="fadeIn">Taste from Italy.</h2>
<p class="d-none d-sm-block font-primary" data-animate="fadeIn" data-delay="400">Who Needs a Boyfriend if there Pizza And WiFi are both available.</p>
<div class="static-content position-relative d-flex justify-content-start mt-5" data-animate="fadeIn" data-delay="800">
<img src="demos/restaurant/images/icons/bowl-white.svg" width="42" height="42" alt="Image">
<img class="ms-4" src="demos/restaurant/images/icons/spoon-white.svg" width="42" height="42" alt="Image">
<img class="ms-4" src="demos/restaurant/images/icons/glass-white.svg" width="42" height="42" alt="Image">
<img class="ms-4" src="demos/restaurant/images/icons/wifi-white.svg" width="42" height="42" alt="Image">
</div>
</div>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('demos/restaurant/images/slider/1.jpg');"></div>
</div>
<div class="swiper-slide">
<div class="container dark">
<div class="slider-caption slider-caption-center" style="margin-top: -30px;">
<div>
<img data-animate="fadeIn" src="demos/restaurant/images/slider-logo.png" alt="Image" style="width: 120px; margin-bottom: 10px;">
<h2 class="font-secondary ls-0 fw-normal text-transform-none" data-animate="fadeIn" data-delay="400">Make your Chocolate.</h2>
<p class="d-none d-sm-block font-primary" data-animate="fadeIn" data-delay="800">You'll be surprised to see the Final Results of your<br>Creation & would crave for more.</p>
<div class="static-content position-relative d-flex justify-content-center mt-5" data-animate="fadeIn" data-delay="1000">
<img src="demos/restaurant/images/icons/bowl-white.svg" width="42" height="42" alt="Image">
<img class="ms-4" src="demos/restaurant/images/icons/spoon-white.svg" width="42" height="42" alt="Image">
<img class="ms-4" src="demos/restaurant/images/icons/glass-white.svg" width="42" height="42" alt="Image">
</div>
</div>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('demos/restaurant/images/slider/3.jpg');"></div>
</div>
<div class="swiper-slide">
<div class="container dark">
<div class="slider-caption slider-caption-right">
<div>
<h2 class="font-secondary ls-0 fw-normal text-transform-none" data-animate="fadeIn">Hello & Welcome.</h2>
<p class="d-none d-sm-block font-primary" data-animate="fadeIn" data-delay="400">Coffee drinkers make better Lovers. Everything starts with a great Coffee.</p>
</div>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('demos/restaurant/images/slider/2.jpg'); background-position: center bottom;"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div style="position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: url('demos/restaurant/images/sketch.png') repeat center bottom; background-size: auto 100%; height: 40px; margin-top: -40px;"></div>
<div class="content-wrap" style="overflow: visible;">
<div class="section m-0" style="padding: 40px 0; background: url('demos/restaurant/images/sections/4.jpg') center center no-repeat; background-size: 100% auto">
<div class="container">
<div class="heading-block border-bottom-0 mb-4">
<h2 class="font-secondary color text-transform-none" style="font-size: 52px;">How We Work</h2>
</div>
<div class="row col-mb-50">
<div class="col-lg-3">
<div class="feature-box media-box" style="max-width: 400px;">
<div class="fbox-media" style="width: 70px; height: auto;">
<img src="demos/restaurant/images/icons/bowl.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>Food Served Hot</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas omnis nam molestias minus ipsa, placeat!</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="feature-box media-box" style="max-width: 400px;">
<div class="fbox-media" style="width: 70px; height: auto;">
<img src="demos/restaurant/images/icons/spoon.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>Ample Options</h3>
<p>Facere aliquam itaque quia recusandae, corporis fugit fugiat eaque, accusamus officiis reprehenderit.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="feature-box media-box" style="max-width: 400px;">
<div class="fbox-media" style="width: 70px; height: auto;">
<img src="demos/restaurant/images/icons/glass.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>In-House Brewery</h3>
<p>Velit id facilis odit aliquid laudantium. Tempore, sequi. Harum nesciunt, magni aperiam est?</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0" style="background: #FFF url('demos/restaurant/images/sections/5.jpg') no-repeat top left / cover; padding: 60px 0; border-top: 1px solid #EEE;">
<div class="container">
<div class="heading-block text-center mb-0 border-bottom-0">
<span class="font-primary" style="font-size: 16px; color: #888">Tasty & Healthy</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 60px;">Our Food Menu</h3>
</div>
</div>
</div>
<div class="section food-menu mt-0 p-0">
<div class="container-fluid">
<div class="row align-items-stretch">
<div class="col-lg-7">
<div class="vertical-middle">
<div class="col-padding">
<div><div id="item-thumb" class="item-thumb"></div></div>
</div>
</div>
</div>
<div class="col-lg-5" style="background-color: #FFF; padding: 0; box-shadow: -4px 1px 15px 3px rgba(0,0,0,0.07);">
<div id="food-menu-carousel" class="menu-carousel owl-carousel image-carousel food-menu-carousel carousel-widget customjs">
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/1.jpg" alt="Image 1">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Multigrain Toast.</h3>
<div class="food-info">Corn, Bacon, Tomato, Cheese, Onlion</div>
</div>
<div class="food-price color font-primary mt-3">$19.99</div>
</div>
<p class="mb-0">Efficiently syndicate cross functional web-readiness before business niches. Uniquely reinvent ethical testing procedures before ethical leadership skills.<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/2.jpg" alt="Image 2">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Prawn Mussels Plate.</h3>
<div class="food-info">Prawn, Tomato, Noodles</div>
</div>
<div class="food-price color font-primary mt-3">$11.59</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/3.jpg" alt="Image 3">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Black Jumbo Burger.</h3>
<div class="food-info">Chicken Patty, Bean Bread</div>
</div>
<div class="food-price color font-primary mt-3">$8.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/4.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Fried Chicken.</h3>
<div class="food-info">Chicken, Olive Oil</div>
</div>
<div class="food-price color font-primary mt-3">$22.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/5.jpg" alt="Image 1">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Smoothie Fruit Bowl.</h3>
<div class="food-info">Raspberries, Strawberries, Granola, Banana</div>
</div>
<div class="food-price color font-primary mt-3">$19.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur. Holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/6.jpg" alt="Image 2">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Margarita Pizza.</h3>
<div class="food-info">Wheat Flour, Cheese, Tomato, Onion</div>
</div>
<div class="food-price color font-primary mt-3">$14.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<div class="food-price color font-primary mt-3">$14.99</div>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/7.jpg" alt="Image 3">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Macaroni Pasta.</h3>
</div>
<div class="food-price color font-primary mt-3">$11.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/8.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Chicken with Fries.</h3>
<div class="food-info">Chicken, Potatoes, Broccolies</div>
</div>
<div class="food-price color font-primary mt-3">$33.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/food/9.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Chinese Noodle.</h3>
<div class="food-info">Noodles, Cornflower, Prawn</div>
</div>
<div class="food-price color font-primary mt-3">$7.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0 bg-transparent">
<div class="container">
<div class="row col-mb-50">
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<a href="demos/restaurant/reservation.html" ><img style="border-radius: 2px;" src="demos/restaurant/images/featured/1.jpg" alt="Why choose Us?"></a>
</div>
<div class="fbox-content px-0">
<h3>Beautiful Location.<span class="subtitle ls-1" style="color:#BBB">Food Tastes Better when you are in Good Location.</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus eaque perspiciatis mollitia.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<a href="demos/restaurant/gallery.html" ><img style="border-radius: 2px;" src="demos/restaurant/images/featured/2.jpg" alt="Effective Planning"></a>
</div>
<div class="fbox-content px-0">
<h3>Feel the Taste.<span class="subtitle ls-1" style="color:#BBB">Nothing Brings people together like Good Food.</span></h3>
<p>Porro repellat vero sapiente amet vitae quibusdam necessitatibus consectetur, labore totam. Accusamus perspiciatis asperiores labore esse.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<a href="demos/restaurant/about-us.html" ><img style="border-radius: 2px;" src="demos/restaurant/images/featured/3.jpg" alt="Why choose Us?"></a>
</div>
<div class="fbox-content px-0">
<h3>Delicious Desserts.<span class="subtitle ls-1" style="color:#BBB">The Best things in life are Sweet.</span></h3>
<p>Quos, non, esse eligendi ab accusantium voluptatem. Maxime eligendi beatae, atque tempora ullam. Vitae delectus quia, consequuntur rerum quo. , labore totam. Accusamus perspiciatis asperiores.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0" style="background: #fee749 url('demos/restaurant/images/sections/4.jpg') no-repeat center right; background-size: cover; padding: 60px 0;">
<div class="heading-block text-center mb-0 border-bottom-0">
<span class="font-primary ls-1" style="font-size: 14px; color: #AAA">Sweet & Sexy</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 60px;line-height: 1.3;">Our Dessert Menu</h3>
</div>
</div>
<div class="section dessert-menu m-0 p-0">
<div class="container-fluid">
<div class="row align-items-stretch">
<div class="col-lg-5" style="background-color: #FFF; padding: 0; box-shadow: -4px 1px 15px 3px rgba(0,0,0,0.07);">
<div id="dessert-menu-carousel" class="menu-carousel owl-carousel image-carousel carousel-widget customjs">
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/1.jpg" alt="Image 1">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Chocolate Cupcakes.</h3>
<div class="food-info">Chocolate, Caramel, Hazelnut, Coffee, Strawberry</div>
</div>
<div class="food-price color font-primary mt-3">$19.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/2.jpg" alt="Image 2">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Caramel Cake.</h3>
<div class="food-info">Egg, Caramel</div>
</div>
<div class="food-price color font-primary mt-3">$11.59</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/3.jpg" alt="Image 3">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Choco Strawberry Waffle.</h3>
<div class="food-info">Strawberry, Chocolate Syrup, Vanilla Icecream</div>
</div>
<div class="food-price color font-primary mt-3">$8.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/4.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Tuffle Cake.</h3>
</div>
<div class="food-price color font-primary mt-3">$22.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/5.jpg" alt="Image 1">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Chocolate Croissant.</h3>
<div class="food-info">Chocolate Syrup</div>
</div>
<div class="food-price color font-primary mt-3">$19.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur. Holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/6.jpg" alt="Image 2">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Delicious Cookies.</h3>
</div>
<div class="food-price color font-primary mt-3">$14.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/7.jpg" alt="Image 3">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Strawberry Pastry.</h3>
</div>
<div class="food-price color font-primary mt-3">$11.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/8.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Fruity Bowl.</h3>
<div class="food-info">Fruits, Yogurt, Strawberries, Banana, Cherries</div>
</div>
<div class="food-price color font-primary mt-3">$33.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
<div class="oc-item">
<img class="mt-4" src="demos/restaurant/images/items/desserts/9.jpg" alt="Image 4">
<div class="food-content">
<div class="d-flex flex-column flex-sm-row justify-content-sm-between mb-4">
<div class="heading-block border-bottom-0 mb-0">
<h3 class="font-secondary text-transform-none">Jelly Cake.</h3>
</div>
<div class="food-price color font-primary mt-3">$7.99</div>
</div>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam eveniet cum explicabo iure quasi impedit commodi nobis doloremque quas consequuntur!<br><br>Credibly maximize orthogonal e-services and technically sound communities. Seamlessly procrastinate holistic partnerships. Distinctively disseminate stand-alone process improvements after efficient total linkage. Efficiently syndicate.</p>
<a href="demos/restaurant/menu.html" class="more-link">See More Details <i class="bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="vertical-middle">
<div class="col-padding">
<div><div id="item-thumb1" class="item-thumb"></div></div>
<div class="text-center mx-auto"><a class="button button-border button-small button-black button-dark button-circle ms-0" style="margin-top: 0px;">See All Menu</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="section bg-transparent">
<div class="d-none d-lg-block" style="background: #FFF url('demos/restaurant/images/sections/3.jpg') no-repeat center center / cover; height: 100%;position: absolute; top: 0; left: 0; width: 100%"></div>
<div class="container">
<div class="heading-block border-bottom-0">
<span class="font-primary ls-1" style="font-size: 14px; color: #AAA">Services</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 60px; line-height: 1.3;">What We Do</h3>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-12"><img src="demos/restaurant/images/sections/1.jpg" alt="Image"></div>
<div class="col-lg-4 col-md-6 col-12">
<a href="demos/restaurant/about-us.html" class="button button-border button-large button-black button-dark button-rounded text-transform-none ls-0 font-primary service-button">Our Service</a>
<img src="demos/restaurant/images/sections/2.jpg" alt="Image" class="d-none d-md-block" style="margin: 0 0 0 -80px;">
</div>
</div>
</div>
</div>
<div class="section mb-0" style="padding: 80px 0; background: #F5F5F5 url('demos/restaurant/images/food-pattern.png') repeat center center;">
<div class="container">
<div class="heading-block text-center border-bottom-0">
<span class="font-primary ls-1" style="font-size: 14px; color: #AAA">Expert & Skillful</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 60px; line-height: 1.3;">Our Chefs</h3>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="team">
<div class="team-image imagescalein">
<a href="demos/restaurant/about-us.html"><img src="demos/restaurant/images/chefs/1.jpg" alt="John Doe"></a>
</div>
<div class="team-desc">
<div class="team-title">
<h4 class="font-primary fw-normal ls-2">Fig Nelson</h4>
<span>Chef</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum dolor sequi quaerat, deleniti beatae ratione.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team">
<div class="team-image imagescalein">
<a href="demos/restaurant/about-us.html"><img src="demos/restaurant/images/chefs/2.jpg" alt="Josh Clark"></a>
</div>
<div class="team-desc">
<div class="team-title">
<h4 class="font-primary fw-normal ls-2">Josh Clark</h4>
<span>Chef</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore eveniet magnam nam, atqu.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team">
<div class="team-image imagescalein">
<a href="demos/restaurant/about-us.html"><img src="demos/restaurant/images/chefs/3.jpg" alt="Mary Jane"></a>
</div>
<div class="team-desc">
<div class="team-title">
<h4 class="font-primary fw-normal ls-2">Mary Jane</h4>
<span>Manager</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis cum minima mollitia, velit.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team">
<div class="team-image imagescalein">
<a href="demos/restaurant/about-us.html"><img src="demos/restaurant/images/chefs/4.jpg" alt="Nix Maxwell"></a>
</div>
<div class="team-desc">
<div class="team-title">
<h4 class="font-primary fw-normal ls-2">Nix Maxwell</h4>
<span>Staff</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere dolore ipsam nemo, similique.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div style="background: #FFF url('demos/restaurant/images/sections/7.jpg') no-repeat top right; background-size: 100% auto; padding-top: 50px">
<div class="container">
<div class="heading-block text-center border-bottom-0">
<span class="font-primary ls-1" style="font-size: 14px; color: #AAA">Our Latest News</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 60px; line-height: 1.2;">News Feed</h3>
</div>
<div class="row posts-md col-mb-30 mb-0">
<div class="col-lg-4 col-md-6">
<div class="entry">
<div class="entry-image mb-0">
<a href="demos/restaurant/images/blogs/1.jpg" data-lightbox="image"><img src="demos/restaurant/images/blogs/1.jpg" alt="Image 1"></a>
</div>
<div class="entry-title mt-0 p-4 title-xs text-transform-none">
<div class="entry-meta mt-0 mb-2">
<ul>
<li><a href="#">08th Apr 2021</a></li>
<li><a href="#">Video</a></li>
</ul>
</div>
<h2 class="mb-0"><a href="demos/restaurant/blog.html">Make Ahead Super Green Vegan Quinoa Sandwich.</a></h2>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="entry">
<div class="entry-image mb-0">
<a href="demos/restaurant/images/blogs/2.jpg" data-lightbox="image"><img src="demos/restaurant/images/blogs/2.jpg" alt="Image 2"></a>
</div>
<div class="entry-title mt-0 p-4 title-xs text-transform-none">
<div class="entry-meta mt-0 mb-2">
<ul>
<li><a href="#">21th Mar 2021</a></li>
<li><a href="#">Book</a></li>
</ul>
</div>
<h2 class="mb-0"><a href="demos/restaurant/blog.html">We Delivered Heart Shape Cornbread Waffles.</a></h2>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="entry">
<div class="entry-image mb-0">
<a href="demos/restaurant/images/blogs/3.jpg" data-lightbox="image"><img src="demos/restaurant/images/blogs/3.jpg" alt="Image 3"></a>
</div>
<div class="entry-title mt-0 p-4 title-xs text-transform-none">
<div class="entry-meta mt-0 mb-2">
<ul>
<li><a href="#">10th Feb 2021</a></li>
<li><a href="#">Recipe</a></li>
</ul>
</div>
<h2 class="mb-0"><a href="demos/restaurant/blog.html">Top Delicious Recipes from world's Best Chefs.</a></h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line clear"></div>
<div class="container section-contact mt-6">
<div class="row g-5">
<div class="col-lg-3 col-md-6 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-et-map"></i>
<h3 class="text-uppercase font-body" style="font-size: 22px; font-weight: 700;margin-top: 20px">Contact</h3>
<span class="font-primary">795 Folsom Ave, Suite 600<br>San Francisco, CA 94107</span>
</div>
<div class="col-lg-3 col-md-6 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-et-clock"></i>
<h3 class="text-uppercase font-body" style="font-size: 22px; font-weight: 700;margin-top: 20px">Opening Time</h3>
<span class="font-primary">Sun - Thu | 07:00 - 23:00 Hours<br>
Fri - Sat | 08:00 - 01:00 Hours</span>
</div>
<div class="col-lg-3 col-md-6 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-et-clipboard"></i>
<h3 class="text-uppercase font-body" style="font-size: 22px; font-weight: 700;margin-top: 20px">Reservation</h3>
<span class="font-primary"><strong>Mobile: </strong>+62-111-222-333<br>
<strong>Fax: </strong>(+62)-11-4752-1433</span>
</div>
<div class="col-lg-3 col-md-6 text-center">
<i class="i-plain i-xlarge mx-auto mb-0 icon-et-heart"></i>
<h3 class="text-uppercase font-body" style="font-size: 22px; font-weight: 700;margin-top: 20px">Social Contact</h3>
<div class="d-flex justify-content-center">
<a href="#" class="social-icon border-transparent h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon border-transparent h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon border-transparent si-youtube">
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-youtube"></i>
</a>
<a href="#" class="social-icon border-transparent h-bg-email3">
<i class="bi-envelope"></i>
<i class="bi-envelope"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div style="position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; background: url('demos/restaurant/images/sketch-header.png') repeat center bottom; background-size: auto 100%; height: 40px; margin-bottom: -10px;"></div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark" style="background: url('demos/restaurant/images/footer-bg.jpg') repeat center center / cover; background-size: auto 100%;; padding: 20px 0 22px">
<!-- Copyrights
============================================= -->
<div id="copyrights" class="bg-transparent pb-4">
<div class="container">
<div class="row justify-content-between col-mb-30">
<div class="col-12 col-md-auto text-center text-md-start">
<span class="font-primary">© Canvas Inc. 2021. All Rights Reserved.</span>
</div>
<div class="col-12 col-md-auto text-center text-md-end">
<div class="copyrights-menu copyright-links">
<a href="#">Home</a>/<a href="#">About Us</a>/<a href="#">Team</a>/<a href="#">Clients</a>/<a href="#">Contact</a>
</div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="bi-arrow-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- Custom Carousel JS File -->
<script>
var carouselRTL = false;
if( jQuery('body').hasClass('rtl') ) {
carouselRTL = true;
}
jQuery(window).on( 'pluginCarouselReady', function(){
jQuery('#food-menu-carousel').owlCarousel({
animateIn: 'fadeIn',
animateOut: 'fadeOut',
items: 1,
mouseDrag: false,
dotsContainer: '#item-thumb',
rtl: carouselRTL
});
jQuery('#dessert-menu-carousel').owlCarousel({
animateIn: 'fadeIn',
animateOut: 'fadeOut',
items: 1,
mouseDrag: false,
dotsContainer: '#item-thumb1',
rtl: carouselRTL
});
});
</script>
</body>
</html>