?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/food-blog/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/food-blog/food-detail.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/owl.carousel.min.css">
   <link rel="stylesheet" href="../vendor/css/swiper.min.css">
   <link rel="stylesheet" href="../vendor/css/wow.css">
   <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
   <!-- Style Sheet -->
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="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" 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="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">Food Detail</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>Food Detail</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 Heading Section -->
<section class="heading-section">
   <div class="container">
      <div class="row">
         <div class="col-12">
            <div class="product-body">
               <div class="pro-detail-sec row">
                  <div class="col-12 wow fadeInDown" data-wow-delay="400ms">
                     <h4 class="heading text-center text-lg-left">Information About Food Variety</h4>
                     <p class="text text-center text-lg-left">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
                  </div>
               </div>
               <div class="row product-list product-detail">
                  <div class="col-12 col-lg-6 product-detail-slider wow fadeInLeft" data-wow-delay="400ms">
                     <div class="wrapper">
                        <div class="Gallery swiper-container img-magnifier-container" id="gallery">
                           <div class="swiper-wrapper myimgs">
                              <div class="swiper-slide"> <a href="img/detail-slider1.jpg" data-fancybox="1" title="Zoom In"><img class="myimage" src="img/detail-slider1.jpg" alt="gallery"/></a></div>
                              <div class="swiper-slide"> <a href="img/detail-slider2.jpg" data-fancybox="2" title="Zoom In"><img class="myimage" src="img/detail-slider2.jpg" alt="thumnails"/></a></div>
                              <div class="swiper-slide"> <a href="img/detail-slider3.jpg" data-fancybox="3" title="Zoom In"><img class="myimage" src="img/detail-slider3.jpg" alt="thumnails"/></a></div>
                           </div>
                        </div>
                        <div class="Thumbs swiper-container" id="thumbs">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide"> <img src="img/detail-slider1.jpg" alt="thumnails"/></div>
                              <div class="swiper-slide"> <img src="img/detail-slider2.jpg" alt="thumnails"/></div>
                              <div class="swiper-slide"> <img src="img/detail-slider3.jpg" alt="thumnails"/></div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 col-lg-6 text-center text-lg-left wow fadeInRight" data-wow-delay="400ms">
                     <div class="product-single-price">
                        <p class="text">Situated within close proximity to the onsite clubhouse this is a prime location land plot with great rental potential. Facilities available to the community residents include an exclusive club house</p>
                     </div>
                     <div class="product-checklist text ">
                        <ul>
                           <li><i class="fas fa-check"></i> Hygiene Food</li>
                           <li><i class="fas fa-check"></i> Delicious Food Variety</li>
                           <li><i class="fas fa-check"></i> Satisfaction 100% Guaranteed</li>
                        </ul>
                     </div>
                     <div class="center-btn">
                        <a class="btn button btn-rounded green-btn btn-hvr-orange btn-orange btn-1 " data-animation-duration="500" data-fancybox data-src="#animatedModal" href="#contact">
                        Food Inquiry
                        </a>
                     </div>
                     <div class="social-icons">
                        <ul>
                           <li>
                              <p>Share Link:</p>
                           </li>
                           <li><a href="javascript:void(0);" class="facebook-hover"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                           <li><a href="javascript:void(0);" class="twitter-hover"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
                           <li><a href="javascript:void(0);" class="linked-in-hover"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                           <li><a href="javascript:void(0);" class="instagram-hover"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- Product Detail End -->
            </div>
            <!-- Product Body End -->
         </div>
      </div>
   </div>
</section>
<!-- End Heading Section -->

<!-- Start Customer Reviews -->
<section class="customer-reviews">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
            <h2 class="heading text-center">Customer Reviews</h2>
         </div>
      </div>
      <div class="review-area">
         <div class="reviews">
            <div class="media ">
               <div class="row no-gutters text-center">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <img src="img/customer-1.jpg" alt="...">
                  </div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fas fa-star-half-alt half-checked"></span>
                  </div>
               </div>
               <div class="media-body text">
                  <div class="col-lg-12">
                     <span>27 Aug 2017</span>
                     <h5 class="heading">Media heading</h5>
                     Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
                  </div>
               </div>
            </div>
            <div class="media ">
               <div class="row no-gutters text-center">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <img src="img/customer-2.jpg" alt="...">
                  </div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fa fa-star checked-star"></span>
                     <span class="fas fa-star-half-alt half-checked"></span>
                  </div>
               </div>
               <div class="media-body text">
                  <div class="col-lg-12">
                     <span>27 Aug 2017</span>
                     <h5 class="heading">Media heading</h5>
                     Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
                  </div>
               </div>
            </div>
         </div>
         <div class="col-12 d-flex mb-4 mt-3">
            <h5 class="text-nowrap">Add Review</h5>
            <hr class="w-100 ml-5">
         </div>
         <form class="getin_form border-form" id="register">
            <div class="row">
               <div class="col-md-6 col-sm-12">
                  <div class="form-group bottom35">
                     <input type="text" class="form-control"  placeholder="Name*" required="" id="registerName">
                  </div>
               </div>
               <div class="col-md-6 col-sm-12">
                  <div class="form-group bottom35">
                     <input type="email" class="form-control" placeholder="Email*" required="" id="registerEmail">
                  </div>
               </div>
               <div class="col-12 col-lg-2 text-center text-lg-left">
                  <h5 class="text-nowrap">Your Rating</h5>
               </div>
               <div class="col-12 col-lg-10 text-center text-lg-left">
                  <ul class="user-rating">
                     <li><a href="#"><i class="fa fa-star checked-star"></i></a></li>
                     <li><a href="#"><i class="fa fa-star checked-star"></i></a></li>
                     <li><a href="#"><i class="fa fa-star checked-star"></i></a></li>
                     <li><a href="#"><i class="fa fa-star checked-star"></i></a></li>
                     <li><a href="#"><i class="fa fa-star checked-star"></i></a></li>
                  </ul>
               </div>
               <div class="col-12">
                  <div class="form-group">
                     <textarea class="form-control textareaclass" rows="5" id="comment" placeholder="Your Review"></textarea>
                  </div>
               </div>
               <div class="col-12 mt-3">
                  <div class="form-group d-flex justify-content-center d-lg-block">
                     <a class="btn button btn-rounded green-btn btn-hvr-orange btn-orange btn-1 " href="#contact">
                     Add Review
                     </a>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</section>
<!-- End Customer Reviews -->

<!-- Start Related Foods -->
<section class="reviews-section">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-12 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
            <h2 class="heading black-color">Related Foods</h2>
         </div>
      </div>
      <div class=" text-center food-products owl-carousel owl-theme">
         <!-- Item -->
         <div class="item">
            <a class="card" href="javascript:void(0);">
               <img src="img/product-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 -->
         <div class="item">
            <a class="card" href="javascript:void(0);">
               <img src="img/product-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 -->
         <div class="item">
            <a class="card" href="javascript:void(0);">
               <img src="img/product-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 -->
         <div class="item">
            <a class="card" href="javascript:void(0);">
               <img src="img/product-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>
<!-- Start Related Foods -->

<!-- Get Started Popup -->
<div class="quote-content hidden animated-modal" id="animatedModal">
   <!--Heading-->
   <div class="pb-md-5 p-0 text-center">
      <span class="food-id">Food ID-03012</span>
      <h2 class="alt-font font-weight-600 text-black mt-2">LETS START DISCUSS</h2>
   </div>
   <!--Contact Form-->
   <form class="contact-form" id="modal-contact-form-data">
      <div class="row">
         <!--Result-->
         <div class="col-12" id="quote_result"></div>
         <!--Left Column-->
         <div class="col-12 col-md-6">
            <div class="form-group">
               <input class="form-control" id="quote_name" name="quoteName" placeholder="Name" required=""
                  type="text">
               <input type="hidden" value="03012" name="propertyId">
            </div>
            <div class="form-group">
               <input class="form-control" id="quote_contact" name="userPhone" placeholder="Contact #" required=""
                  type="text">
            </div>
         </div>
         <!--Right Column-->
         <div class="col-12 col-md-6">
            <div class="form-group">
               <input class="form-control" id="quote_email" name="userEmail" placeholder="Email" required=""
                  type="email">
            </div>
            <div class="form-group">
               <input class="form-control" id="quote_address" name="userAddress" placeholder="City / Country"
                  required="" type="text">
            </div>
         </div>
         <!--Full Column-->
         <div class="col-12 col-md-12">
            <div class="form-group">
               <textarea class="form-control" id="userMessage" name="userMessage"  placeholder="Please give us your feedback here."></textarea>
            </div>
         </div>
         <!--Button-->
         <div class="col-md-12">
            <div class="form-check">
               <label class="checkbox-lable font-weight-200 font-16">Contact by phone ins preferred
               <input type="checkbox">
               <span class="checkmark"></span>
               </label>
            </div>
            <a href="javascript:void(0)" class="btn button btn-rounded green-btn btn-hvr-orange btn-orange btn-1  modal_contact_btn" id="quote_submit_btn">Submit Now</a>
         </div>
      </div>
   </form>
</div>
<!--End Started Popup-->

<!-- 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/wow.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>



web shell, Coded By 2019