| Server IP : 104.21.21.239 / 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=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" href="include/rs-plugin/css/settings.css" media="screen">
<link rel="stylesheet" href="include/rs-plugin/css/layers.css">
<link rel="stylesheet" href="include/rs-plugin/css/navigation.css">
<!-- Document Title
============================================= -->
<title>Home - Restuarant | Canvas</title>
<style>
.revo-slider-emphasis-text {
font-size: 64px;
font-weight: 700;
letter-spacing: -1px;
font-family: 'Poppins', sans-serif;
padding: 15px 20px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}
.revo-slider-desc-text {
font-size: 20px;
font-family: 'Lato', sans-serif;
width: 650px;
text-align: center;
line-height: 1.5;
}
.revo-slider-caps-text {
font-size: 16px;
font-weight: 400;
letter-spacing: 3px;
font-family: 'Poppins', sans-serif;
}
.tp-video-play-button { display: none !important; }
.tp-caption { white-space: nowrap; }
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<section id="slider" class="slider-element slider-parallax revslider-wrap min-vh-60 min-vh-md-100">
<div class="slider-inner">
<!--
#################################
- THEMEPUNCH BANNER -
#################################
-->
<div id="rev_slider_irestaurant_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="default-slider" style="padding:0px;">
<!-- START REVOLUTION SLIDER 5.1.4 fullscreen mode -->
<div id="rev_slider_irestaurant" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.1.4">
<ul> <!-- SLIDE -->
<li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="images/restaurant/slider/thumb/2.jpg" data-delay="12000" data-saveperformance="off" data-title="Delicious Recipes">
<!-- MAIN IMAGE -->
<img src="images/restaurant/slider/2.jpg" alt="kenburns1" data-bgposition="left center" data-kenburns="on" data-duration="12000" data-ease="Linear.easeNone" data-scalestart="130" data-scaleend="100" data-bgpositionend="right center">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text text-uppercase"
data-x="600"
data-y="215"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;">Finger Lickin' Good</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text p-0 border-0"
data-x="597"
data-y="230"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; font-size: 60px;">Delicious Recipes</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text text-start"
data-x="600"
data-y="340"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; max-width: 550px; white-space: normal;">Welcome to the Home of Fabulously Tasty homemade food that's gonna make you forget your mom.!</div>
<div class="tp-caption ltl tp-resizeme"
data-x="600"
data-y="450"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;"><a href="#" class="button button-white button-light button-border button-large button-rounded text-end m-0"><span>Browse Menu</span> <i class="uil uil-angle-right-b"></i></a></div>
</li>
<!-- SLIDE -->
<li data-transition="slidedown" data-slotamount="1" data-masterspeed="1500" data-thumb="images/restaurant/slider/thumb/1.jpg" data-delay="10000" data-saveperformance="off" data-title="Book your Tables">
<!-- MAIN IMAGE -->
<img src="images/restaurant/slider/1.jpg" alt="kenburns6" data-bgposition="center top" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="120" data-scaleend="100" data-bgpositionend="center center">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text text-uppercase"
data-x="0"
data-y="215"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; color: #222;">Easy Seat Reservations</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text p-0 border-0"
data-x="-3"
data-y="230"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; color: #222; font-size: 60px;">Book your Tables</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text text-start"
data-x="0"
data-y="340"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; color: #222; max-width: 550px; white-space: normal;">Try our Mobile App to Reserve Tables in our Restaurant to avoid the Queue.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="0"
data-y="450"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;"><a href="#" class="button button-3d button-black button-large button-rounded text-end m-0" class="text-white"><span>Reserve Now</span> <i class="uil uil-angle-right-b"></i></a></div>
</li>
<!-- SLIDE -->
<li class="dark" data-transition="slideleft" data-slotamount="1" data-masterspeed="1500" data-thumb="images/restaurant/slider/thumb/3.jpg" data-delay="12000" data-saveperformance="off" data-title="Full Featured Menu">
<!-- MAIN IMAGE -->
<img src="images/restaurant/slider/3.jpg" alt="kenburns3" data-bgposition="left top" data-kenburns="on" data-duration="12000" data-ease="Linear.easeNone" data-scalestart="130" data-scaleend="100" data-bgpositionend="right bottom">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text text-uppercase"
data-x="440"
data-y="215"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;">Wide Array of Options</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text p-0 border-0"
data-x="287"
data-y="230"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;">Full Featured Menus</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
data-x="245"
data-y="340"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3; max-width: 650px; white-space: normal;">Choose from Continental, Oriental, Italian or Thai Cuisines. Or Simply create your own Mix.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="496"
data-y="450"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
data-speed="800"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style="z-index: 3;"><a href="#" class="button button-border button-white button-light button-large button-rounded text-end m-0"><span>Start Now</span> <i class="uil uil-angle-right-b"></i></a></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Header
============================================= -->
<header id="header" data-menu-padding="15" data-sticky-shrink="false">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html">
<img class="logo-default" src="images/logo-resto.png" 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 style-5">
<ul class="menu-container border-end-0 me-0 pe-0">
<li class="menu-item current"><a class="menu-link" href="#"><div><i class="bi-house"></i>Home</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-corporate.html"><div>Home - Corporate</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-portfolio.html"><div>Home - Portfolio</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-blog.html"><div>Home - Blog</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-blog.html"><div>Blog - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-shop.html"><div>Home - Shop</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-shop.html"><div>Shop - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-magazine.html"><div>Home - Magazine</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="landing.html"><div>Home - Landing Page</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="landing.html"><div>Landing Page - Layout 1</div></a></li>
<li class="menu-item"><a class="menu-link" href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
<li class="menu-item"><a class="menu-link" href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
<li class="menu-item"><a class="menu-link" href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
<li class="menu-item"><a class="menu-link" href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-onepage.html"><div>Home - One Page</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="index-onepage.html"><div>One Page - Default</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="index-wedding.html"><div>Home - Wedding</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-events.html"><div>Home - Events</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-parallax.html"><div>Home - Parallax</div></a></li>
<li class="menu-item"><a class="menu-link" href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-file-text"></i>Menu</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-people"></i>Staff</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="uil uil-images"></i>Gallery</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-star-fill"></i>Reviews</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-newspaper"></i>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="uil uil-map-marker"></i>Contact</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div><i class="bi-layer-forward"></i>Demos</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row justify-content-center col-mb-50">
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<img src="images/restaurant/thumb/3.jpg" alt="Why choose Us?">
</div>
<div class="fbox-content px-0">
<h3>Why choose Us.<span class="subtitle">Because we are Reliable.</span></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae 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">
<img src="images/restaurant/thumb/16.jpg" alt="Why choose Us?">
</div>
<div class="fbox-content px-0">
<h3>Our Mission.<span class="subtitle">To Redefine your Brand.</span></h3>
<p>Quos, non, esse eligendi ab accusantium voluptatem. Maxime eligendi beatae, atque tempora ullam. Vitae delectus quia, consequuntur rerum molestias quo.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box media-box">
<div class="fbox-media">
<img src="images/restaurant/thumb/12.jpg" alt="Why choose Us?">
</div>
<div class="fbox-content px-0">
<h3>What we Do.<span class="subtitle">Make our Customers Happy.</span></h3>
<p>Porro repellat vero sapiente amet vitae quibusdam necessitatibus consectetur, labore totam. Accusamus perspiciatis asperiores labore esse ab accusantium ea modi ut.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section dark mb-6 d-flex" style="height: 500px;">
<div class="vertical-middle">
<div class="container-fluid text-center">
<i class="i-plain i-xlarge fa-solid fa-utensils mx-auto" data-animate="fadeInDown"></i>
<div class="slider-caption slider-caption-center">
<h2 data-animate="fadeInUp">Brilliant Service</h2>
<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">"Momentum poverty tackling fellows social impact. Expanding community ownership, future affiliate protect civil society. Bloomberg."</p>
</div>
</div>
</div>
<div class="video-wrap">
<video poster="images/videos/glorias-fajitas.jpg" preload="auto" loop autoplay muted>
<source src='images/videos/glorias-fajitas.mp4' type='video/mp4'>
<source src='images/videos/glorias-fajitas.webm' type='video/webm'>
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.35);"></div>
</div>
</div>
<div class="container">
<div class="row col-mb-50">
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-plain border-bottom-0">
<div class="fbox-icon">
<a href="#"><img src="images/icons/restaurant/glass.png" alt="Icon" data-animate="zoomIn"></a>
</div>
<div class="fbox-content">
<h3>Exclusive Bar Available<span class="subtitle">Start getting high</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-plain border-bottom-0">
<div class="fbox-icon">
<a href="#"><img src="images/icons/restaurant/fork.png" alt="Icon" data-animate="zoomIn" data-delay="200"></a>
</div>
<div class="fbox-content">
<h3>International Food Menu<span class="subtitle">World Famous Recipes</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-plain border-bottom-0">
<div class="fbox-icon">
<a href="#"><img src="images/icons/restaurant/cup.png" alt="Icon" data-animate="zoomIn" data-delay="400"></a>
</div>
<div class="fbox-content">
<h3>Breakfast Available<span class="subtitle">Specialized Morning Menus</span></h3>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="feature-box fbox-center fbox-plain border-bottom-0">
<div class="fbox-icon">
<a href="#"><img src="images/icons/restaurant/tea.png" alt="Icon" data-animate="zoomIn" data-delay="600"></a>
</div>
<div class="fbox-content">
<h3>Quiet Cafe Dining<span class="subtitle">Private & Personalized</span></h3>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-transparent mt-6 mb-0">
<div class="container">
<div class="row align-items-center col-mb-50">
<div class="col-md-6 text-center">
<img src="images/restaurant/20.png" alt="Image" data-animate="fadeInLeft">
</div>
<div class="col-md-6">
<div class="heading-block" style="padding-top: 40px;">
<h2>Fresh from the Garden.</h2>
<span>Duis mollis, est non commodo luctus. Donec sed odio dui</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, repudiandae, maxime, earum, sapiente assumenda non odit laborum qui vero vel quos sint excepturi in laudantium.</p>
<a href="#" class="button button-border button-large button-rounded mt-4 ms-0">View Recipes</a>
</div>
</div>
</div>
</div>
<div class="section bg-transparent mt-0 border-0 mb-4">
<div class="container">
<div class="row align-items-center col-mb-50">
<div class="col-md-6">
<div class="heading-block" style="padding-top: 40px;">
<h2>You'll be Lovin' It.</h2>
<span>Duis mollis, est non commodo luctus. Donec sed odio dui</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, repudiandae, maxime, earum, sapiente assumenda non odit laborum qui vero vel quos sint excepturi in laudantium.</p>
<a href="#" class="button button-border button-large button-rounded mt-4 ms-0">More Details</a>
</div>
<div class="col-md-6 text-center">
<img src="images/restaurant/22.png" alt="Image" data-animate="fadeInRight">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row col-mb-50 gx-5">
<div class="col-sm-6 col-lg-3">
<div class="fancy-title title-border">
<h4>Opening Hours</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam aspernatur facilis cumque amet suscipit odio.</p>
<ul class="iconlist mb-0">
<li><i class="bi-clock color"></i> <strong>Mondays-Fridays:</strong> 10AM to 7PM</li>
<li><i class="bi-clock color"></i> <strong>Saturdays:</strong> 11AM to 3PM</li>
<li><i class="bi-clock text-danger"></i> <strong>Sundays:</strong> Closed</li>
</ul>
</div>
<div class="col-sm-6 col-lg-3">
<div class="fancy-title title-border">
<h4>Our Buffet Menu</h4>
</div>
<p>Our Buffet Menu is unique & filling consisting of different types of 5 Starters, 12 Full-Course Dishes, 9 Desserts & 3 Mocktails which you are gonna relish to the core.</p>
<a href="#" class="button button-rounded button-dark ms-0"><i class="bi-file-text"></i> Browse Menu</a>
</div>
<div class="col-lg-6">
<div class="fancy-title title-border">
<h4>Gallery</h4>
</div>
<div class="masonry-thumbs grid-container row row-cols-4" data-lightbox="gallery">
<a class="grid-item" href="images/restaurant/3.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/3.jpg" alt="Gallery Thumb 1" data-animate="zoomIn"></a>
<a class="grid-item" href="images/restaurant/5.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/5.jpg" alt="Gallery Thumb 2" data-animate="zoomIn" data-delay="100"></a>
<a class="grid-item" href="images/restaurant/6.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/6.jpg" alt="Gallery Thumb 3" data-animate="zoomIn" data-delay="200"></a>
<a class="grid-item" href="images/restaurant/7.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/7.jpg" alt="Gallery Thumb 4" data-animate="zoomIn" data-delay="300"></a>
<a class="grid-item" href="images/restaurant/8.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/8.jpg" alt="Gallery Thumb 5" data-animate="zoomIn" data-delay="400"></a>
<a class="grid-item" href="images/restaurant/10.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/10.jpg" alt="Gallery Thumb 6" data-animate="zoomIn" data-delay="500"></a>
<a class="grid-item" href="images/restaurant/11.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/11.jpg" alt="Gallery Thumb 7" data-animate="zoomIn" data-delay="600"></a>
<a class="grid-item" href="images/restaurant/12.jpg" data-lightbox="gallery-item"><img src="images/restaurant/thumb/gallery/12.jpg" alt="Gallery Thumb 8" data-animate="zoomIn" data-delay="700"></a>
</div>
</div>
</div>
</div>
<div class="section parallax border-0 dark footer-stick mt-6">
<img src="images/restaurant/4.jpg" class="parallax-bg">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="heading-block border-bottom-0">
<h3>Reviews</h3>
</div>
<div class="fslider restaurant-reviews" data-arrows="false" data-animation="slide">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<p class="lead">"Globalization fairness non-partisan visionary, institutions Aga Khan resolve. Results public-private partnerships, international development elevate scalable."</p>
<span><strong>John Doe</strong>, New York Magazine</span><br>
<i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-half"></i>
</div>
<div class="slide">
<p class="lead">"Medicine; experience in the field climate change achieve voice public-private partnerships process our ambitions. Sanitation."</p>
<span><strong>Mary Jane</strong>, Chicago News</span><br>
<i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-half"></i> <i class="bi-star"></i>
</div>
<div class="slide">
<p class="lead">"Healthcare forward-thinking public service, social innovation making progress. Arab Spring social analysis, equality treatment, diversification."</p>
<span><strong>Luis Frank</strong>, France</span><br>
<i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star-fill"></i> <i class="bi-star"></i>
</div>
</div>
</div>
</div>
<style>
.restaurant-reviews .flex-control-nav {
top: auto;
bottom: 25px;
}
</style>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="w-100">
<div class="heading-block text-center mb-0">
<h2>Need to make a Reservation? <strong>Call +165.4455.6254</strong></h2>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end">
<a href="#" class="social-icon si-small bg-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 si-small bg-transparent h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small bg-transparent h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- SLIDER REVOLUTION 5.x SCRIPTS -->
<script src="include/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="include/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
<script>
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
var apiRevoSlider = tpj('#rev_slider_irestaurant').show().revolution(
{
sliderType:"standard",
jsFileLocation:"include/rs-plugin/js/",
dottedOverlay:"none",
sliderLayout:"fullscreen",
delay:16000,
gridwidth:1140,
gridheight:720,
hideThumbs:200,
thumbWidth:100,
thumbHeight:50,
thumbAmount:5,
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
thumbnails: {
style: "hesperiden",
enable: true,
width: 100,
height: 50,
min_width: 100,
wrapper_padding: 5,
wrapper_color: "#ffffff",
wrapper_opacity: "0.5",
tmp: '<span class="tp-thumb-image"></span><span class="tp-thumb-title">{{title}}</span>',
visibleAmount: 5,
hide_onmobile: false,
hide_onleave: false,
direction: "horizontal",
span: false,
position: "inner",
space: 5,
h_align: "right",
v_align: "bottom",
h_offset: 20,
v_offset: 50
}
},
touchenabled:"on",
onHoverStop:"on",
swipe_velocity: 0.7,
swipe_min_touches: 1,
swipe_max_touches: 1,
drag_block_vertical: false,
parallaxBgFreeze:"on",
parallaxLevels:[7,4,3,2,5,4,3,2,1,0],
keyboardNavigation:"off",
navigationHAlign:"center",
navigationVAlign:"bottom",
navigationHOffset:0,
navigationVOffset:20,
soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightVOffset:0,
shadow:0,
fullWidth:"off",
fullScreen:"on",
spinner:"spinner4",
stopLoop:"off",
stopAfterLoops:-1,
stopAtSlide:-1,
shuffle:"off",
autoHeight:"off",
forceFullWidth:"off",
hideThumbsOnMobile:"off",
hideNavDelayOnMobile:1500,
hideBulletsOnMobile:"off",
hideArrowsOnMobile:"off",
hideThumbsUnderResolution:0,
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
startWithSlide:0,
});
});
</script><!-- END REVOLUTION SLIDER -->
</body>
</html>