?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/food-blog/
Upload File :
Current File : /home/webyoo/www/events/crm/food-blog/standalone.html

<!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/swiper.min.css">
   <link rel="stylesheet" href="../vendor/css/wow.css">
   <!-- Style Sheet -->
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/custom.css">
   </head>

<body data-spy="scroll" data-target=".navbar" data-offset="50">

<!-- 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" href="../index-food-blog.html#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="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" href="../index-food-blog.html#home">
         <img src="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" href="../index-food-blog.html#home">Home</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#food-ideas">Food Ideas</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#special-meals">Special Meals</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#reviews">Food Reviews</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#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 btn-scrolled" href="../index-food-blog.html#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" href="../index-food-blog.html#home">
         <img src="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 " href="../index-food-blog.html#home">Home</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#food-ideas">Food Ideas</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#special-meals">Special Meals</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#reviews">Food Reviews</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" href="../index-food-blog.html#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">&#169; 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="standalone-banner" id="home">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-6 col-md-12 col-sm-12 header-text wow fadeInLeft" data-wow-delay="1000ms">
            <h2 class="heading">Standalone Page</h2>
            <ul class="page-breadcrumb ">
               <li><a href="../index-food-blog.html#home"><i class="fas fa-home"></i>Home <i class="fas fa-angle-double-right white-icon"></i></a></li>
               <li>StandAlone</li>
            </ul>
         </div>
         <div class="col-lg-6 col-md-12 col-sm-12 header-img wow fadeInRight" data-wow-delay="1000ms">
            <img src="img/banner-img.png" alt="img">
         </div>
      </div>
   </div>
</section>
<!-- End Banner -->

<!-- Start Main Content -->
<section class="main-page">
   <div class="container">
      <div class="standalone-heading text-center">
         <div class="row no-gutters">
            <div class="col-12 col-lg-8 offset-lg-2 col-md-10 offset-md-1 wow fadeInDown" data-wow-delay="300ms">
               <p class="subheading">Most flexible one page</p>
               <h2 class="heading">Standalone Page</h2>
               <p class=" text m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.</p>
            </div>
         </div>
      </div>
      <div class="standalone-area">
         <!-- Standalone-row-1 -->
         <div class="row standalone-row align-items-center no-gutters">
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect order-2 order-lg-1 wow fadeInLeft" data-wow-delay="300ms">
               <img src="img/standalone-1.jpg" alt="image">
               <div class="standaloneoverlay overlayBottom"></div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text order-1 order-lg-2 wow fadeInRight " data-wow-delay="300ms">
               <p class="subheading">Most flexible one page</p>
               <h2 class="heading">Standalone Heading</h2>
               <p class=" text m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
            </div>
         </div>

         <!-- Standalone-row-2 -->
         <div class="row standalone-row align-items-center no-gutters">
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text wow fadeInLeft" data-wow-delay="300ms">
               <p class="subheading">Most flexible one page</p>
               <h2 class="heading">Standalone Heading</h2>
               <p class="text m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect  wow fadeInRight" data-wow-delay="300ms">
               <img src="img/standalone-2.jpg" alt="image">
               <div class="standaloneoverlay overlayBottom"></div>
            </div>
         </div>

         <!-- Standalone-row-3 -->
         <div class="row standalone-row align-items-center no-gutters">
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect order-2 order-lg-1 wow fadeInLeft" data-wow-delay="300ms">
               <img src="img/standalone-3.jpg" alt="image">
               <div class="standaloneoverlay overlayBottom"></div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text order-1 order-lg-2 wow fadeInRight" data-wow-delay="300ms">
               <p class="subheading">Most flexible one page</p>
               <h2 class="heading">Standalone Heading</h2>
               <p class="text m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- End Main Content -->

<!-- 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="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
               <li><a class="twitter-hover" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
               <li><a class="google-plus-hover" href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a></li>
               <li><a class="linked-in-hover" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
               <li><a class="instagram-hover" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
               <li><a class="gmail-hover" href="javascript:void(0);"><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>
</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/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- Custom Js -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>



web shell, Coded By 2019