?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Food Delivery is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Food Delivery, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title> Food Delivery | Restaurants</title>
<!-- Favicon -->
<link href="" rel="icon">
<!-- Bundle -->
<link href="../vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="css/line-awesome.min.css" rel="stylesheet">
<link href="../vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="../vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="../vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="../vendor/css/cubeportfolio.min.css" rel="stylesheet">
<link href="../vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="../vendor/css/wow.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/nouislider.min.css" rel="stylesheet">
<link href="css/range-slider.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="spinner">
<div class="blob top"></div>
<div class="blob bottom"></div>
<div class="blob left"></div>
<div class="blob move-blob"></div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="home" class="cursor-light">
<div class="inner-header nav-icon">
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-6 col-lg-3">
<a class="navbar-brand link" href="../index-food-delivery.html">
<img src="img/logo.png" class="" alt="logo">
<!-- <img src="img/logo-white-small.png" class="logo-fixed" alt="logo">-->
</a>
</div>
<div class="col-lg-6 simple-navbar d-none d-lg-flex align-items-center justify-content-center">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ml-auto mr-auto">
<a class="nav-link link" href="restaurant-listing.html">Browse Food</a>
<a class="nav-link link" href="../index-food-delivery.html#app-sec">Download App</a>
<a class="nav-link link" href="../index-food-delivery.html#about-sec">About Us</a>
</div>
</div>
</nav>
</div>
<div class="col-6 col-lg-3 d-flex align-items-center justify-content-end">
<ul class="user-links">
<li class="header-shop-cart"><a href="javascript:void(0);" class="line-icon position-relative link"><i class="las la-shopping-bag"></i><span class="badge rounded-circle">4</span></a>
<div class="minicart link">
<div class="minicart-content">
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item1.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Lamp Chops Handi</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="1"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item6.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Double Stack Pizza</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="3"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="cart-img col-5">
<a href="#">
<img src="img/item5.png" alt="">
</a>
</div>
<div class="cart-content col-6">
<h4>
<a href="#">Double Stack Pizza</a>
</h4>
<div class="cart-price">
<span class="new">$229.9</span>
<span><del>$229.9</del></span>
</div>
<div class="number">
<span class="minus">-</span>
<input type="text" value="2"/>
<span class="plus">+</span>
</div>
<div class="del-icon">
<a href="#">
<i class="far fa-trash-alt"></i>
</a>
</div>
</div>
</div>
</div>
<ul class="ml-0">
<li>
<div class="total-price">
<!-- <span class="f-left">Total:</span>-->
<span class="f-right">$239.9</span>
</div>
</li>
<li>
<div class="checkout-link">
<a href="#" class="main-btn rounded-pill" id="checkout-btn">Checkout</a>
</div>
</li>
</ul>
</div>
</li>
<li class="user-menu-cart"><a href="javascript:void(0);" class="fa-icon link"><i class="far fa-user"></i><span><i class="las la-angle-down ml-1"></i></span></a>
<div class="menu-links link">
<ul>
<li>
<div class="overlay-link"></div>
<a href="login.html"><i class="lni lni-key"></i>Login</a></li>
<li>
<div class="overlay-link"></div>
<a href="registeration.html"><i class="lni lni-pointer-right"></i>Register</a></li>
<li>
<div class="overlay-link"></div>
<a href="accounts.html"><i class="lni lni-user"></i>Account</a></li>
<li>
<div class="overlay-link"></div>
<a href="#"><i class="lni lni-lock"></i>Logout</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn link d-lg-none" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="../index-food-delivery.html" class="navbar-brand"><img src="img/logo-white-small.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="restaurant-listing.html">Browse Food</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-food-delivery.html#app-sec">Download App</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-food-delivery.html#about-sec">About Us</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--Header End-->
<!--Banner Sec start-->
<section class="secondary-pages-banner cursor-light bg-1" id="main-banner">
<!-- END REVOLUTION SLIDER -->
<img src="img/slider-ele3.png" class="secondary-item1">
<img src="img/slider-ele1.png" class="secondary-item2">
<div class="banner-content text-center">
<div class="heading-area">
<h4 class="heading">Browse Our Food</h4>
<div class="crumbs">
<nav aria-label="breadcrumb" class="breadcrumb-items">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index-food-delivery.html" class="link">Home</a></li>
<li class="breadcrumb-item"><a href="restaurant-listing.html" class="link">Restaurant Listing</a></li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<!--Banner Sec End-->
<!--Slider form start-->
<div class="filter-form product-filter-nav bg-2" id="filter-form">
<div class="container">
<div class="row">
<div class="col-12">
<form class="row contact-form" id="contact-form-data">
<div class="col-12" id="result"></div>
<div class="col-12 col-lg-10 d-inline-block d-lg-flex align-items-center text-center text-lg-left">
<div class="row no-gutters w-100">
<div class="col-12 col-lg-4">
<div class="form-group d-block">
<div class="product-price mt-4">
<div id="slider-range" class="w-100"></div>
<p class="price-num mt-3 mt-lg-2" style="color: #fff;">Price: <span id="min-p"></span> <span id="max-p"></span></p>
</div>
</div>
</div>
<div class="col-12 col-lg-4 m-auto">
<div class="form-group">
<label><i class="lni lni-dinner"></i></label>
<select class="form-control w-100" id="set1">
<option class="selected hidden disabled" hidden>Restaurant Type</option>
<option value="Mega Restaurant">Mega Restaurant</option>
<option value="The Fast Food">The Fast Food</option>
<option value="The Green Bakery">Green Bakery</option>
</select>
</div>
</div>
<div class="col-12 col-lg-4 m-auto">
<div class="form-group">
<label><i class="lni lni-map-marker"></i></label>
<select class="form-control" id="set2">
<option class="selected" hidden>Restaurant Location</option>
<option value="New York">New York</option>
<option value="London">London</option>
<option value="Paris">Paris</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-2 d-flex align-items-center">
<a href="restaurant-listing.html" class="btn main-btn rounded-pill w-100 contact_btn">FILTER</a>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Slider form end-->
<!--Food Gallery Start-->
<section class="gallery-sec padding-top-half padding-bottom bg-2" id="gallery-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="row portfolio-area" id="portfolio-area">
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item1.png">
<div class="item-badge rounded-circle">25<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Mega Restaurant</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item2.png">
<div class="item-badge rounded-circle">50<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">The Fast Food</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item3.png">
<div class="item-badge rounded-circle">45<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Green Bakery</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item4.png">
<div class="item-badge rounded-circle">25<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Eat Frio</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item5.png">
<div class="item-badge rounded-circle">50<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Turkish Cousine</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item6.png">
<div class="item-badge rounded-circle">45<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Pizzario</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item1.png">
<div class="item-badge rounded-circle">25<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Mega Restaurant</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item2.png">
<div class="item-badge rounded-circle">50<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">The Fast Food</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item3.png">
<div class="item-badge rounded-circle">45<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Green Bakery</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 portfolio-item">
<div class="portfolio-inner-content">
<a href="restaurant-detail.html">
<div class="item-img-holder position-relative">
<img src="img/item6.png">
<div class="item-badge rounded-circle">45<span>mins</span></div>
</div>
<div class="item-detail-area">
<div class="d-flex justify-content-between">
<h4 class="item-name">Pizzario</h4>
<ul class="item-reviews">
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
<li><i class="las la-star"></i></li>
</ul>
</div>
<p class="text">Curabitur mollis bibendum luctus.. </p>
</div>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6 offset-lg-3">
<a href="javascript:void(0);" id="loadMore" class="btn main-btn rounded-pill w-100">
<i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>LOAD MORE FOOD OPTIONS
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Food Gallery End end-->
<div class="foot-effect"></div>
<!--Footer Start-->
<footer class="footer-style-1 bg-1">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-12">
<div class="footer-social text-center">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i><span></span></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-12 text-center mt-3">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--Tilt Js-->
<script src="../vendor/js/TweenMax.min.js"></script>
<!-- custom script-->
<script src="js/nouislider.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/notify.min.js"></script>
<script src="js/select2.min.js"></script>
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>