| 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>Menu | 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" class="overflow-hidden">
<!-- 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 -->
<!-- Page Title
============================================= -->
<section class="page-title page-title-parallax parallax dark page-title-center include-header" style="padding: 120px 0 180px;">
<img src="demos/restaurant/images/sections/food-menu.jpg" class="parallax-bg">
<div class="container">
<div class="page-title-row">
<div class="page-title-content">
<h1 class="font-secondary text-capitalize ls-0" style="font-size: 74px;">Menu</h1>
<span class="fw-normal">Choose Items from Our Menu</span>
</div>
</div>
</div>
</section><!-- .page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap py-0" style="overflow: visible;">
<div class="container">
<div id="tab-restuarant">
<ul class="nav canvas-alt-tabs2 tabs nav-pills nav-fill mb-5" id="canvas-tab-nav2" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="canvas-tabs-breakfast-tab" data-bs-toggle="pill" data-bs-target="#tabs-breakfast"
type="button" role="tab" aria-controls="canvas-tabs-breakfast" aria-selected="true"><img src="demos/restaurant/images/icons/breakfast.svg" alt="Image"> Breakfast</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tabs-salad-tab" data-bs-toggle="pill" data-bs-target="#tabs-salad"
type="button" role="tab" aria-controls="canvas-tabs-salad" aria-selected="false"><img src="demos/restaurant/images/icons/salads.svg" alt="Image"> Salads</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tabs-pizza-tab" data-bs-toggle="pill" data-bs-target="#tabs-pizza"
type="button" role="tab" aria-controls="canvas-tabs-pizza" aria-selected="false"><img src="demos/restaurant/images/icons/pizza.svg" alt="Image"> Pizza</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tabs-dessert-tab" data-bs-toggle="pill" data-bs-target="#tabs-dessert"
type="button" role="tab" aria-controls="canvas-tabs-dessert" aria-selected="false"><img src="demos/restaurant/images/icons/dessert.svg" alt="Image"> Dessert</button>
</li>
</ul>
<div id="canvas-tab-alt-content" class="tab-content mt-4">
<div class="tab-pane fade show active" id="tabs-breakfast" role="tabpanel" aria-labelledby="canvas-tabs-breakfast-tab"
tabindex="0">
<div class="row gutter-40">
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/1.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Banana Pancake</a></h4>
<div class="item-price">$ 19.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/2.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Raisins Croissant</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/3.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Healthy Omelette</a></h4>
<div class="item-price">$ 8.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/4.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Fried Eggs with Bread</a></h4>
<div class="item-price">$ 13.19</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/5.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Cheese Croissant</a></h4>
<div class="item-price">$ 7.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/6.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Croissant and Coffee</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/7.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Blueberries Waffle</a></h4>
<div class="item-price">$ 29.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/breakfast/8.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Fried Egg With Beans</a></h4>
<div class="item-price">$ 5.99</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-salad" role="tabpanel" aria-labelledby="canvas-tabs-salad-tab" tabindex="0">
<div class="row gutter-40">
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/1.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pomegranate Salad</a></h4>
<div class="item-price">$ 19.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/2.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Greek Salad</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/3.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Fruit Lover</a></h4>
<div class="item-price">$ 8.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/4.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Egg Salad</a></h4>
<div class="item-price">$ 13.19</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/5.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Mushroom & Avocado</a></h4>
<div class="item-price">$ 7.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/6.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Ceasar Salad</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/7.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Thai Salad</a></h4>
<div class="item-price">$ 29.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/salads/8.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Supreme Veggie</a></h4>
<div class="item-price">$ 5.99</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-pizza" role="tabpanel" aria-labelledby="canvas-tabs-pizza-tab" tabindex="0">
<div class="row gutter-40">
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/1.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Tomatino</a></h4>
<div class="item-price">$ 19.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/2.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Margerita</a></h4>
<div class="item-price">$ 12.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/3.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Greasy Italian</a></h4>
<div class="item-price">$ 17.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/4.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Deluxe Veggie</a></h4>
<div class="item-price">$ 22.19</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/5.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Rustica</a></h4>
<div class="item-price">$ 17.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/6.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Bianca</a></h4>
<div class="item-price">$ 21.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/7.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Quattro</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/pizza/8.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Pizza Roma</a></h4>
<div class="item-price">$ 15.99</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-dessert" role="tabpanel" aria-labelledby="canvas-tabs-dessert-tab" tabindex="0">
<div class="row gutter-40">
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/1.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Chocolate Fudge</a></h4>
<div class="item-price">$ 19.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/2.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Blueberry Cake</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/3.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Truffle Coffee</a></h4>
<div class="item-price">$ 8.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/4.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Strawberry Velvet</a></h4>
<div class="item-price">$ 13.19</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/5.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Delicious Blueberry</a></h4>
<div class="item-price">$ 7.49</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/6.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Herbs & Pomegranate</a></h4>
<div class="item-price">$ 11.99</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/7.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Chocolate & Raspberry Tart</a></h4>
<div class="item-price">$ 29.00</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="portfolio-item">
<a href="#" class="portfolio-image"><img src="demos/restaurant/images/menu/desserts/8.jpg" alt="1" class="rounded"></a>
<div class="portfolio-desc pt-2">
<h4 class="mb-1"><a href="#">Fruits Cake</a></h4>
<div class="item-price">$ 5.99</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0 mt-3" style="padding: 80px 0; background: #F5F5F5 url('demos/restaurant/images/food-pattern.png') repeat center center;">
<div class="container">
<div class="heading-block border-bottom-0 text-center mb-4">
<span class="font-primary ls-1 color">Steps of Order</span>
<h3 class="text-transform-none font-secondary ls-0" style="font-size: 52px; line-height: 1.3;">How do you Get your Food</h3>
</div>
<div class="clear"></div>
<div class="row mt-5 g-5">
<div class="col-lg-4 col-sm-6">
<div class="feature-box media-box">
<div class="fbox-media" style="width: 60px; height: 60px">
<img src="demos/restaurant/images/icons/route.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>1. Select Your Location</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas omnis nam molestias minus ipsa!</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="feature-box media-box">
<div class="fbox-media" style="width: 60px; height: 60px">
<img src="demos/restaurant/images/icons/shop.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>2. Choose your Food</h3>
<p>Facere aliquam itaque quia recusandae, corporis fugit fugiat eaque, accusamus officiis reprehenderit.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="feature-box media-box">
<div class="fbox-media" style="width: 75px; height: 60px">
<img src="demos/restaurant/images/icons/delivery-bg.svg" alt="Image">
</div>
<div class="fbox-content px-0">
<h3>3. Your Item is on the Way</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 m-0 bg-transparent" style="padding: 80px 0 70px;">
<div class="container">
<div class="mx-auto d-flex justify-content-center text-center" style="max-width: 900px;">
<h3 class="mb-0 ls-0">Get $30 on Your First Order <a href="#" class="button button-circle button-xlarge button-light text-white ls-0 text-transform-none mt-0 mb-1 ms-3" style="position: relative;"><span>Order Now</span> <i class="bi-arrow-right fw-semibold"></i></a></h3>
</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/functions.js"></script>
</body>
</html>