?
á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="#" id="open-search-window"><i class="las la-search"></i></a>-->
<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" href="../index-food-shop.html">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-angle-double-right"></i> Product Listing</a>
<a class="dropdown-item" href="product-detail.html"><i class="las la-angle-double-right"></i> Product Detail</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="standalone.html"><i class="las la-angle-double-right"></i> Standalone</a>
</div>
</li>
<li><a class="nav-link" href="product-listing.html">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" href="../index-food-shop.html">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-angle-double-right"></i> Product Listing</a>
<a class="dropdown-item" href="product-detail.html"><i class="las la-angle-double-right"></i> Product Detail</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="las la-angle-double-right"></i> Standalone</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="product-listing.html">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/single-blog-slider.jpg');">
<div class="overlay text-center d-flex justify-content-center align-items-center">
<div class="slide-contain">
<h4>BLOG DETAIL</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="single-blog.html">Blog Detail</a></li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<!--slider sec end-->
<!--main page content-->
<section class="main" id="main">
<!--content-->
<div class="blog-content padding-top">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8">
<div class="main_content text-center text-lg-left">
<div class="detail_blog">
<div class="blog_detail">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<h2>Post With A Preview Images</h2>
<span class="d-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="d-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Aliquam erat volutpat.
<br/><br/>Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. .Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.</p>
<!-- <p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>-->
<!-- <h2>Post With A Preview Images</h2>-->
<p class="d-text">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Ut bibendum lacus vestibulum maximus suscipit. Nam ut rutrum ex, venenatis sollicitudin urna.
<br/><br/>Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Nam ut rutrum ex, venenatis sollicitudin urna.
Ut bibendum lacus vestibulum maximus suscipit...</p>
<ul class="text-left">
<li>Nam ut rutrum ex venenatis sollicitudin.</li>
<li>Aliquam erat volutpat.</li>
<li>Nam ut rutrum ex erat volutpat.</li>
</ul>
<video id="player1" style="max-width: 100%" preload="none" controls poster="img/blogs/1.jpg" playsinline>
<source src="img/blogs/video.mp4" type="video/mp4">
</video>
<p class="d-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 neque blandit euismod.
<br/><br/>
Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus. Pellentesque dignissim volutpat orci at interdum. In id ipsum volutpat.
</p>
<div class="qoute">
<p class="blog-sub-heading text-center"><span></span>Most flexible one page</p>
<p class="q-text">You’ve gotta dance like there’s nobody watching, love like you’ll never be hurt, sing like there’s nobody listening, and live like it’s heaven on earth.</p>
<span class="q-name">Archard . William</span>
</div>
<p class="d-text">Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus.</p>
<div class="row cube-sec no-gutters">
<div class="col-12 col-md-6 pr-0 pr-md-2 pb-3">
<img src="img/blogs/b2.jpg" alt="image">
</div>
<div class="col-12 col-md-6 pl-0 pl-md-2 pb-3">
<img src="img/blogs/b3.jpg" alt="image">
</div>
<div class="col-12">
<img src="img/blogs/b4.jpg" alt="image">
</div>
</div>
<p class="d-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 neque blandit euismod.
<br/><br/>
Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus. Pellentesque dignissim volutpat orci at interdum. In id ipsum volutpat.</p>
<div class="row social">
<div class="col-12 col-md-8 tags pb-3 pb-md-0">
<span><a href=""> Image</a></span>
<span><a href="">Project</a></span>
<span><a href="">Studio</a></span>
</div>
<div class="col-12 col-md-4 social-tags text-center text-md-right">
<span class="fb"><a href=""> <i class="fab fa-facebook-f"></i></a></span>
<span class="twit"><a href=""><i class="fab fa-twitter"></i></a></span>
<span class="in"><a href=""><i class="fab fa-linkedin-in"></i></a></span>
<span class="pin"><a href=""><i class="fab fa-pinterest-p"></i></a></span>
</div>
</div>
</div>
</div>
<div class="writer-detail">
<div class="post_navigation">
<div class="row">
<div class="col-6 left-row text-left">
<div class="row">
<div class="col-12 col-md-2 text-right text-md-left">
<a href=""><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-10 left-arr-d d-none d-md-block">
<span class="links">Previous Post</span>
<h5>Standard Post with a Video</h5>
</div>
</div>
</div>
<div class="col-6 right-row text-right">
<div class="row">
<div class="col-10 right-arr-d d-none d-md-block">
<span class="links">Next Post</span>
<h5>Standard Post with a Video</h5>
</div>
<div class="col-2">
<a href=""><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="posted_by">
<div class="media row">
<div class="col-12 col-lg-3">
<img src="img/blogs/writer.jpg" class="align-self-center mr-3 rounded-circle" alt="img">
</div>
<div class="media-body mt-auto mb-auto col-12 col-lg-9">
<span>Written By</span>
<h5 class="mt-1 mb-1">Andria Richard</h5>
<p class="d-text">Maecenas sit amet purus eget ipsum elementum venenatis. Quis rutrum mi semper non.</p>
</div>
</div>
</div>
<div class="comment-form">
<div class="msg-heading"><span>Write a Message</span></div>
<form>
<div class="row my-form">
<div class="col-12 col-md-4">
<input type="text" required="required" class="form-control" placeholder="Name">
</div>
<div class="col-12 col-md-4">
<input type="email" required="required" class="form-control" placeholder="Email">
</div>
<div class="col-12 col-md-4">
<input type="text" required="required" class="form-control" placeholder="Subject">
</div>
<div class="col-12">
<textarea class="form-control" placeholder="Message" rows="7"></textarea>
</div>
<div class="col-12 text-center mt-4">
<a class="btn web-btn rounded-pill" href="single-blog.html">Post Comment</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<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>