?
á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="MegaOne 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="Creative, 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>FoodBlog | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="vendor/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="food-blog/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="food-blog/css/style.css">
<link rel="stylesheet" href="food-blog/css/custom.css">
</head>
<body data-spy="scroll" data-offset="90" data-target=".navbar" >
<!-- Start 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>
<!-- End Preloader -->
<!-- Start Header -->
<header>
<!-- Button -->
<div class="nav-btn text-right mr-3 pt-4">
<a class="btn button btn-rounded trans-btn btn-hvr-black btn-black btn-1 scroll" href="#contact">
Advertise with us
</a>
</div>
<!--Navbar-->
<div class="container">
<div class="row top-nav">
<div class="col-lg-3 col-md-12 col-sm-12 pt-3 menu-button"></div>
<div class="col-lg-6 col-md-6 col-sm-6 nav-logo pt-2">
<a href="#home" title="Logo" class="logo scroll ">
<img src="food-blog/img/logo.png" alt="logo">
</a>
</div>
<div class="col-lg-3 text-right pt-3 nav-icons">
<div class="social-icons">
<ul>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fab fa-instagram"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--Nav Links-->
<nav class="navbar navbar-expand-lg text-center navbar-top-default full-nav">
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="container">
<a class="logo link scroll" href="#home">
<img src="food-blog/img/logo.png" alt="logo" title="Logo" class="logo-scrolled" >
</a>
<div class="collapse navbar-collapse ">
<ul class="navbar-nav text-center pt-4 pb-4">
<li class="nav-item active ">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#food-ideas">Food Ideas</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#special-meals">Special Meals</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#reviews">Food Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#advertisemnet">Advertise with us</a>
</li>
</ul>
</div>
</div>
<div class="nav-btn ">
<a class="btn button btn-rounded trans-btn btn-hvr-black btn-black btn-1 scroll btn-scrolled" href="#contact">
Advertise with us
</a>
</div>
</nav>
<!-- Side Nav -->
<div class="side-menu side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<a class="image scroll" href="#home">
<img src="food-blog/img/side-menu.png" alt="image">
</a>
<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="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#food-ideas">Food Ideas</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#special-meals">Special Meals</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#reviews">Food Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Advertise with us</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="social-icons">
<ul>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="copywrite text-left">© 2020 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="banner-section" id="home">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 img-section order-2 order-lg-1 wow fadeInLeft" data-wow-delay="1500ms">
<img src="food-blog/img/banner.png" alt="img">
</div>
<div class="col-lg-5 col-md-12 col-sm-12 text-section order-1 order-lg-2 wow fadeInRight" data-wow-delay="1500ms">
<h2 class="heading"><span class="green-color">delicious</span> <br>food ideas.</h2>
<p class="text">Lorem ipsum is simply dummy text of the<br> printing and typesetting.</p>
<div class="center-btn">
<a class="btn button btn-rounded orange-btn btn-hvr-green btn-green btn-1 scroll" href="file:///D:/megaone/food-blog/food-detail.html">Learn More</a>
</div>
</div>
<div class="col-lg-7 col-0"></div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start Ideas -->
<section class="ideas-section" id="food-ideas">
<div class="container">
<!-- Row-1 Start -->
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 img-section order-2 order-lg-1 wow fadeInLeft" data-wow-delay="400ms">
<img src="food-blog/img/food-ideas.png" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 order-1 order-lg-2 wow fadeInRight" data-wow-delay="400ms">
<div class="text-section">
<h2 class="heading orange-color">Delicious Meals.</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</div>
<div class="text-section">
<h2 class="heading">Best Quality.</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</div>
</div>
</div>
<!-- Row-1 End -->
<div class="food-ideas">
<!-- Row-2 Start -->
<div class="row no-gutters">
<div class="col-lg-5 col-0 idea-1 wow fadeInLeft" data-wow-delay="400ms">
<div class="media">
<div class="icon-holder">
<i class="far fa-lightbulb green-color"></i>
</div>
<div class="media-body text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</div>
</div>
</div>
<div class="col-lg-7 col-md-12 col-sm-12"></div>
</div>
<!-- Row-2 End -->
<!-- Row-3 Start -->
<div class="row no-gutters">
<div class="col-lg-7 col-0"></div>
<div class="col-lg-5 col-md-12 col-sm-12 idea-2 wow fadeInDown" data-wow-delay="400ms">
<div class="media">
<div class="icon-holder">
<i class="lni lni-briefcase orange-color "></i>
</div>
<div class="media-body text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</div>
</div>
</div>
</div>
<!-- Row-3 End -->
<!-- Row-4 Start -->
<div class="row no-gutters">
<div class="col-lg-5 col-md-12 col-sm-12 idea-3 wow fadeInLeft" data-wow-delay="400ms">
<div class="media">
<div class="icon-holder order-1 order-lg-2">
<i class="far fa-heart black-color order-2 order-lg-1"></i>
</div>
<div class="media-body text order-2 order-lg-1">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</div>
</div>
</div>
<div class="col-lg-7 col-0"></div>
</div>
<!-- Row-4 End -->
</div>
</div>
</section>
<!-- End Ideas -->
<!-- Start Meals -->
<section class="meal-section" id="special-meals">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-section order-2 order-lg-1 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Handpicked Deals</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="center-btn">
<a class="btn button btn-rounded green-btn btn-hvr-orange btn-orange btn-1" href="food-blog/standalone.html">Browse All Meals</a>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-section order-1 order-lg-2 wow fadeInRight" data-wow-delay="400ms">
<img src="food-blog/img/special-meal.png" alt="img">
</div>
</div>
</div>
</section>
<!-- End Meals -->
<!-- Start Reviews -->
<section class="reviews-section" id="reviews">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center wow fadeInDown" data-wow-delay="400ms">
<p class="subheading"> Looking for food? </p>
<h2 class="heading black-color">Best Food Reviews</h2>
</div>
</div>
<div class=" text-center reviews-carousel owl-carousel owl-themes active">
<!-- Item-1 -->
<div class="item">
<a class="card" href="food-blog/food-detail.html">
<img src="food-blog/img/review-1.png" alt="img">
<div class="card-body">
<h5 class="card-title black-color">Lorem ipsum </h5>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</a>
</div>
<!-- Item-2 -->
<div class="item">
<a class="card" href="food-blog/food-detail.html">
<img src="food-blog/img/review-2.png" alt="img">
<div class="card-body">
<h5 class="card-title black-color">Lorem ipsum </h5>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</a>
</div>
<!-- Item-3 -->
<div class="item">
<a class="card" href="food-blog/food-detail.html">
<img src="food-blog/img/review-3.png" alt="img">
<div class="card-body">
<h5 class="card-title black-color">Lorem ipsum </h5>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</a>
</div>
<!-- Item-4 -->
<div class="item">
<a class="card" href="food-blog/food-detail.html">
<img src="food-blog/img/review-4.png" alt="img">
<div class="card-body">
<h5 class="card-title black-color">Lorem ipsum </h5>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End Reviews -->
<!-- Start Advertisement -->
<section class="advertisemnet-Section" id="advertisemnet">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 img-section wow fadeInLeft" data-wow-delay="400ms">
<img src="food-blog/img/adervisement.png" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Are You Hungry?</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="center-btn">
<a class="btn button btn-rounded orange-btn btn-hvr-green btn-green btn-1" href="food-blog/standalone.html">Browse All Meals</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Advertisement -->
<!-- Start Contact -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 form-section wow fadeInLeft" data-wow-delay="400ms">
<p class="subheading">Looking for advertisement?</p>
<h2 class="heading">Contact Food Blog </h2>
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" placeholder="Your Name" required="" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="Email Address *" required="" name="userEmail">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="email@website.com" required="" name="userEmail">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Write your message here" name="userMessage" rows="6" cols="45"></textarea>
</div>
</div>
<a href="JavaScript:void(0);" class="btn button btn-rounded green-btn btn-hvr-orange btn-orange btn-1 contact_btn">
Send Message
</a>
</div>
</form>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-section wow fadeInRight" data-wow-delay="400ms">
<img src="food-blog/img/contact.png" alt="img">
</div>
</div>
</div>
</section>
<!-- Contact-Section End -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 social-icons wow fadeInDown" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover" href="#.">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover" href="#.">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<p class="text">© 2020 MegaOne. made with love by themesindustry</p>
</div>
</div>
</div>
<!-- Container End -->
</footer>
<!-- End Footer -->
<!-- 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/swiper.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- Custom Js -->
<script src="vendor/js/contact_us.js"></script>
<script src="food-blog/js/script.js"></script>
</body>
</html>