?
á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-shop 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-shop, 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>Index - food-shop</title>
<!-- Favicon -->
<link href="img/favicon.ico" 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/swiper.min.css" rel="stylesheet">
<link href="css/nouislider.min.css" rel="stylesheet">
<link href="css/range-slider.css" rel="stylesheet">
<link href="css/blog.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="centrize full-width">
<div class="vertical-center">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="header">
<div class="upper-nav">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 mt-auto mb-auto">
<ul class="d-flex mb-0 top-info">
<li class="c-links d-none d-lg-block"><span><i class="lab la-whatsapp"></i></span><a href="#">+(34)609 331754</a></li>
</ul>
</div>
<div class="col-12 col-lg-6 mt-auto mb-auto d-lg-flex justify-content-center justify-content-lg-end">
<ul class="shop-details d-flex">
<li>
<a href="javascript:void(0)" class="open_search"><i class="las la-search"></i></a>
</li>
<li><a href="#" id="open-shop-card"><i class="las la-shopping-bag"></i></a></li>
</ul>
</div>
<div class="col-12 d-flex justify-content-center align-items-center">
<a class="navbar-brand" href="../index-food-shop.html"><img src="img/logo.png"></a>
</div>
</div>
</div>
</div>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="container">
<div class="row no-gutters w-100">
<div class="col-6 col-lg-3 offset-3 offset-lg-0">
<a href="../index-food-shop.html" title="Logo" class="logo fixed-nav-items">
<!--Logo Default-->
<img src="img/logo-black.png" alt="logo" class="logo-dark">
</a>
</div>
<!--Nav Links-->
<div class="col-6 d-none d-lg-flex justify-content-lg-center align-items-lg-center">
<div class="collapse navbar-collapse" id="megaone">
<ul class="navbar-nav ml-auto mr-auto">
<li><a class="nav-link active scroll" href="../index-food-shop.html#header">Home</a></li>
<li><a class="nav-link" href="about-us.html">About Us</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages <i class="fas fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="product-listing.html"><i class="las la-caret-right"></i> Product Listing</a>
<a class="dropdown-item" href="product-detail.html"><i class="las la-caret-right"></i> Product Detail</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="standalone.html"><i class="las la-caret-right"></i> Standalone</a>
</div>
</li>
<li><a class="nav-link scroll" href="../index-food-shop.html#featured-items">Shop</a></li>
<li><a class="nav-link" href="standard-blog.html">Blogs</a></li>
<li><a class="nav-link" href="contact-us.html">Contact</a></li>
</ul>
</div>
</div>
<!--Side Menu Button-->
<div class="col-3 d-flex justify-content-end align-items-center">
<ul class="shop-details fixed-nav-items">
<li>
<a href="javascript:void(0)" class="open_search"><i class="las la-search"></i></a>
</li>
<li><a href="#" id="open-shop-card1"><i class="las la-shopping-bag"></i></a></li>
</ul>
</div>
</div>
</div>
</nav>
<svg id="header-svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="60" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M0 100 C40 0 60 0 100 100 Z"/>
</svg>
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</header>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="../index-food-shop.html#header">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about-us.html">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages <i class="fas fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown1">
<a class="dropdown-item" href="product-listing.html"><i class="las la-caret-right"></i> Product Listing</a>
<a class="dropdown-item" href="product-detail.html"><i class="las la-caret-right"></i> Product Detail</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="las la-caret-right"></i> Standalone</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="../index-food-shop.html#featured-items">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="standard-blog.html">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact-us.html">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<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-instagram"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p class="text-dark">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
<!--Header End-->
<!--slider sec strat-->
<section id="slider-sec" class="slider-sec parallax" style="background: url('./img/blogs/s-blog-slider.jpg');">
<div class="overlay text-center d-flex justify-content-center align-items-center">
<div class="slide-contain">
<h4>BLOG CONTENT</h4>
<div class="crumbs">
<nav aria-label="breadcrumb" class="breadcrumb-items">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index-film.html">Home</a></li>
<li class="breadcrumb-item"><a href="standard-blog.html">Blog Content</a></li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<!--slider sec end-->
<!--main page content-->
<section class="main">
<div class="blog-content padding-top padding-bottom">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 order-1">
<div class="main_content text-center text-lg-left">
<div class="single_blog">
<div class="single_img">
<img src="img/blogs/b2.jpg" alt="image"/>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="p-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn web-btn rounded-pill" href="single-blog.html">READ MORE</a>
</div>
</div>
<div class="single_blog">
<div class="single_img">
<img src="img/blogs/b1.jpg" alt="image"/>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="p-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn web-btn rounded-pill" href="single-blog.html">READ MORE</a>
</div>
</div>
<div class="single_blog">
<div class="single_img">
<img src="img/blogs/b3.jpg" alt="image"/>
</div>
<div class="single_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="blog-text"><a href="#">JUNE 24, 2019</a> | BY <a href="#">MARK ANDERSON</a> | <a href="#">PHOTOGRAPHY</a>, <a href="#">MUSIC</a></span>
<p class="p-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis...</p>
<a class="btn web-btn rounded-pill" href="single-blog.html">READ MORE</a>
</div>
</div>
</div>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center justify-content-lg-start">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link active" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 side-bar order-3 order-lg-2">
<div class="row">
<div class="col-12">
<div class="side_tags">
<div class="search-bar">
<form method="get" id="searchform" action="#" role="search">
<label class="sr-only" for="s">Search</label>
<div class="input-group">
<input class="field form-control" id="s" name="s" type="text" placeholder="Search …" value="">
<span class="input-group-append">
<button class="submit btn-search" id="searchsubmit" name="submit" type="submit"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
</div>
<div class="cat_sec">
<h4 class="text-center text-lg-left">Categories</h4>
<ul>
<li><a href="">ART </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">FASHION </a> <span class="dots"></span> <p>5</p></li>
<li><a href="">PHOTOGRAPHY </a> <span class="dots"></span> <p>12</p></li>
<li><a href="">LIFESTYLE </a> <span class="dots"></span> <p>22</p></li>
<li><a href="">MOTIVATION </a> <span class="dots"></span> <p>1</p></li>
</ul>
</div>
<div class="popular_posts">
<h4 class="text-center text-lg-left">Popular Posts</h4>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p1.jpg" alt="image">
</div>
<div class="col-7 box-detail">
<h2>Post With A Preview Images</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p2.jpg" alt="image">
</div>
<div class="col-7 box-detail">
<h2>Post With A Image Gallery</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
<div class="media-box row">
<div class="col-5 box-img">
<img src="img/blogs/p3.jpg" alt="image">
</div>
<div class="col-7 box-detail">
<h2>Post With A Slide Images</h2>
<p>July 18 , 2019 | by <span>Mark Aderson</span></p>
</div>
</div>
</div>
<div class="tags_sec">
<h4 class="text-center text-lg-left">Tags</h4>
<div class="tags text-center text-lg-left">
<span class="rounded-pill">AUDIO</span>
<span class="rounded-pill">VEDIO</span>
<span class="rounded-pill">BRANDINGS</span>
<span class="rounded-pill">GRAPHICS</span>
<span class="rounded-pill">FASHION</span>
<span class="rounded-pill">DIGITAL</span>
<span class="rounded-pill">SCANNING</span>
</div>
</div>
<div class="cat_sec">
<h4 class="text-center text-lg-left">Archieves</h4>
<ul>
<li><a href="">2 Jan , 2019 </a> <span class="dots"></span> <p>2</p></li>
<li><a href="">2 Feb , 2019 </a> <span class="dots"></span> <p>5</p></li>
<li><a href="">2 Mar , 2019 </a> <span class="dots"></span> <p>12</p></li>
<li><a href="">2 June , 2019 </a> <span class="dots"></span> <p>22</p></li>
<li><a href="">2 Aug , 2019 </a> <span class="dots"></span> <p>1</p></li>
</ul>
</div>
<div class="advertisment">
<img src="img/blogs/advertisment.jpg" alt="image"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--main page content end-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-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="lab la-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="lab la-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="lab la-google"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="lab la-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="lab la-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="las la-envelope"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-12 text-center">
<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-->
<!--Shop card window Start-->
<section class="shop-card-window hidden" id="shop-card-window">
<a href="#" id="close-card-window" class="close-card-window"><i class="las la-times"></i></a>
<div class="shop-card-window-content">
<h4 class="shop-card-heading">My Bag</h4>
<div class="d-flex justify-content-center align-items-center">
<div class="mini-bag">
<div class="bag-item">
<div class="item-img">
<img src="img/item1.jpg">
</div>
<div class="item-details">
<h4 class="item-name">Product Name</h4>
<span class="item-qty">Qty: 2</span>
<span class="item-price">Price: $300</span>
<a href="#" class="basket"><i class="las la-trash"></i> </a>
</div>
</div>
<div class="bag-item">
<div class="item-img">
<img src="img/item2.jpg">
</div>
<div class="item-details">
<h4 class="item-name">Product Name</h4>
<span class="item-qty">Qty: 2</span>
<span class="item-price">Price: $300</span>
<a href="#" class="basket"><i class="las la-trash"></i> </a>
</div>
</div>
<div class="bag-item">
<div class="item-img">
<img src="img/item3.jpg">
</div>
<div class="item-details">
<h4 class="item-name">Product Name</h4>
<span class="item-qty">Qty: 2</span>
<span class="item-price">Price: $300</span>
<a href="#" class="basket"><i class="las la-trash"></i> </a>
</div>
</div>
<div class="bag-item">
<div class="item-img">
<img src="img/item4.jpg">
</div>
<div class="item-details">
<h4 class="item-name">Product Name</h4>
<span class="item-qty">Qty: 2</span>
<span class="item-price">Price: $300</span>
<a href="#" class="basket"><i class="las la-trash"></i> </a>
</div>
</div>
</div>
</div>
<div class="bag-btn">
<h4 class="total"><span>Total: </span>100$</h4>
<a href="#" class="btn web-dark-btn rounded-pill">View Bag </a>
<a href="#" class="btn web-btn rounded-pill">Checkout </a>
</div>
</div>
</section>
<!--Shop card window End-->
<!--Search modal window start-->
<div class="search_block">
<div class="search_box animated wow fadeInUp d-flex justify-content-center align-items-center">
<div class="inner">
<input type="text" name="search" id="search" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.." />
<button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>
</div>
</div>
<div class="search-overlay"></div>
</div>
<!--Search modal window end-->
<!-- JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js"></script>
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.appear.js"></script>
<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>
<script src="../vendor/js/stickyfill.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>
<script src="../vendor/js/jquery.cubeportfolio.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>
<!-- google map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="js/map.js"></script>
<!--Tilt Js-->
<!-- custom script-->
<script src="../vendor/js/bootstrap-input-spinner.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>