ok
Direktori : /home2/selectio/www/thecomponents.in/file/ |
Current File : /home2/selectio/www/thecomponents.in/file/demo-food3-product.html |
<!DOCTYPE html> <html lang="en" class="dark-theme"> <!-- Mirrored from d-themes.com/html/riode/demo-food3-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 10:08:17 GMT --> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <title>Riode - Ultimate eCommerce Template</title> <meta name="keywords" content="HTML5 Template" /> <meta name="description" content="Riode - eCommerce Template"> <meta name="author" content="D-THEMES"> <link rel="icon" type="image/png" href="images/icons/favicon.png"> <script> WebFontConfig = { google: { families: ['Poppins:400,500,600,700,800', 'Rammetto One:400,500,600,700,800'] } }; (function (d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'js/webfont.js'; wf.async = true; s.parentNode.insertBefore(wf, s); })(document); </script> <link rel="stylesheet" type="text/css" href="vendor/fontawesome-free/css/all.min.css"> <link rel="stylesheet" type="text/css" href="vendor/animate/animate.min.css"> <link rel="stylesheet" type="text/css" href="vendor/magnific-popup/magnific-popup.min.css"> <link rel="stylesheet" type="text/css" href="vendor/owl-carousel/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="vendor/photoswipe/photoswipe.min.css"> <link rel="stylesheet" type="text/css" href="vendor/photoswipe/default-skin/default-skin.min.css"> <link rel="stylesheet" type="text/css" href="vendor/sticky-icon/stickyicon.css"> <link rel="stylesheet" type="text/css" href="css/demo-food3.min.css"> </head> <body> <div class="page-wrapper" style="background-color: #151515;"> <h1 class="d-none">Riode - Responsive eCommerce HTML Template</h1> <header class="header"> <div class="header-middle sticky-header fix-top sticky-content"> <div class="container-fluid has-center"> <div class="header-left"> <a href="#" class="mobile-menu-toggle"> <i class="d-icon-bars2"></i> </a> <nav class="main-nav"> <ul class="menu"> <li> <a href="demo-food3.html">Home</a> </li> <li> <a href="demo-food3-shop.html">Shop</a> </li> <li> <a href="#">Our Menu</a> </li> <li> <a href="about-us.html">About Us</a> </li> <li> <a href="contact-us.html">Contact Us</a> </li> <li> <a href="https://d-themes.com/buynow/riode.html">Buy Riode!</a> </li> </ul> </nav> </div> <div class="header-center"> <a href="demo-food3.html" class="logo"> <img src="images/demos/demo-food3/logo.png" alt="logo" width="172" height="43" /> </a> </div> <div class="header-right"> <div class="dropdown currency-dropdown mr-4"> <a href="#currency">USD</a> <ul class="dropdown-box"> <li><a href="#USD">USD</a></li> <li><a href="#EUR">EUR</a></li> </ul> </div> <div class="dropdown language-dropdown mr-6"> <a href="#language">ENG</a> <ul class="dropdown-box"> <li> <a href="#USD">ENG</a> </li> <li> <a href="#EUR">FRH</a> </li> </ul> </div> <a href="tel:#" class="text-white header-phone mr-2 mr-sm-6" title="tel"> <i class="d-icon-phone mr-0 mr-lg-1"></i> <p class="d-lg-show mb-0">(800) 414 - 1769</p> </a> <span class="divider mr-6"></span> <div class="header-search hs-toggle mr-4"> <a href="#" class="search-toggle"> <i class="d-icon-search"></i> </a> <form action="#" class="input-wrapper"> <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required /> <button class="btn btn-search" type="submit"> <i class="d-icon-search"></i> </button> </form> </div> <a href="ajax/login.html" class="login-link d-lg-show mr-4"><i class="d-icon-user"></i></a> <div class="dropdown wishlist wishlist-dropdown off-canvas mr-4 d-lg-show"> <a href="wishlist.html" class="wishlist-toggle"> <i class="d-icon-heart"></i> </a> <div class="canvas-overlay"></div> <div class="dropdown-box scrollable"> <div class="canvas-header"> <h4 class="canvas-title">wishlist</h4> <a href="#" class="btn btn-dark btn-link btn-icon-right btn-close">close<i class="d-icon-arrow-right"></i><span class="sr-only">wishlist</span></a> </div> <div class="products scrollable"> <div class="product product-wishlist"> <figure class="product-media"> <a href="product.html"> <img src="images/wishlist/product-1.jpg" width="100" height="100" alt="product" /> </a> <button class="btn btn-link btn-close"> <i class="fas fa-times"></i><span class="sr-only">Close</span> </button> </figure> <div class="product-detail"> <a href="product.html" class="product-name">Girl's Dark Bag</a> <div class="price-box"> <span class="product-price">$84.00</span> </div> </div> </div> <div class="product product-wishlist"> <figure class="product-media"> <a href="product.html"> <img src="images/wishlist/product-2.jpg" width="100" height="100" alt="product" /> </a> <button class="btn btn-link btn-close"> <i class="fas fa-times"></i><span class="sr-only">Close</span> </button> </figure> <div class="product-detail"> <a href="product.html" class="product-name">Women's Fashional Comforter </a> <div class="price-box"> <span class="product-price">$84.00</span> </div> </div> </div> <div class="product product-wishlist"> <figure class="product-media"> <a href="product.html"> <img src="images/wishlist/product-3.jpg" width="100" height="100" alt="product" /> </a> <button class="btn btn-link btn-close"> <i class="fas fa-times"></i><span class="sr-only">Close</span> </button> </figure> <div class="product-detail"> <a href="product.html" class="product-name">Wide Knickerbockers</a> <div class="price-box"> <span class="product-price">$84.00</span> </div> </div> </div> </div> <a href="wishlist.html" class="btn btn-dark wishlist-btn mt-4"><span>Go To Wishlist</span></a> </div> </div> <div class="dropdown cart-dropdown type2 mr-0 mr-lg-2"> <a href="#" class="cart-toggle link"> <i class="d-icon-bag"><span class="cart-count">2</span></i> </a> <div class="dropdown-box"> <div class="products scrollable"> <div class="product product-cart"> <figure class="product-media"> <a href="product.html"> <img src="images/cart/product-1.jpg" alt="product" width="80" height="88" /> </a> <button class="btn btn-link btn-close"> <i class="fas fa-times"></i><span class="sr-only">Close</span> </button> </figure> <div class="product-detail"> <a href="product.html" class="product-name">Riode White Trends</a> <div class="price-box"> <span class="product-quantity">1</span> <span class="product-price">$21.00</span> </div> </div> </div> <div class="product product-cart"> <figure class="product-media"> <a href="product.html"> <img src="images/cart/product-2.jpg" alt="product" width="80" height="88" /> </a> <button class="btn btn-link btn-close"> <i class="fas fa-times"></i><span class="sr-only">Close</span> </button> </figure> <div class="product-detail"> <a href="product.html" class="product-name">Dark Blue Women’s Leomora Hat</a> <div class="price-box"> <span class="product-quantity">1</span> <span class="product-price">$118.00</span> </div> </div> </div> </div> <div class="cart-total"> <label>Subtotal:</label> <span class="price">$139.00</span> </div> <div class="cart-action"> <a href="cart.html" class="btn btn-white btn-link">View Cart</a> <a href="checkout.html" class="btn btn-dark"><span>Go To Checkout</span></a> </div> </div> </div> </div> </div> </div> </header> <main class="main mt-8 single-product"> <div class="page-content mb-10 pb-6"> <div class="container"> <div class="product product-single row"> <div class="col-md-6"> <div class="product-gallery row"> <figure class="product-image mb-4"> <img src="images/demos/demo-food3/food3-product/single-product1-580x456.jpg" data-zoom-image="images/demos/demo-food3/food3-product/single-product1-800x600.jpg" alt="riode meat1" width="800" height="600"> <a href="#" class="product-image-full"><i class="d-icon-zoom"></i></a> </figure> <figure class="product-image mb-4"> <img src="images/demos/demo-food3/food3-product/single-product2-580x456.jpg" data-zoom-image="images/demos/demo-food3/food3-product/single-product2-800x600.jpg" alt="riode meat2" width="800" height="600"> <a href="#" class="product-image-full"><i class="d-icon-zoom"></i></a> </figure> <figure class="product-image mb-4"> <img src="images/demos/demo-food3/food3-product/single-product3-580x456.jpg" data-zoom-image="images/demos/demo-food3/food3-product/single-product3-800x600.jpg" alt="riode meat3" width="800" height="600"> <a href="#" class="product-image-full"><i class="d-icon-zoom"></i></a> </figure> </div> </div> <div class="col-md-6 sticky-sidebar-wrapper"> <div class="product-details sticky-sidebar"> <div class="product-navigation"> <ul class="breadcrumb breadcrumb-lg"> <li><a href="demo-food3.html">Home</a></li> <li><a href="product.html" class="active">Products</a></li> <li>Sticky</li> </ul> <ul class="product-nav"> <li class="product-nav-prev"> <a href="#"> <i class="d-icon-arrow-left"></i> Prev <span class="product-nav-popup"> <img src="images/demos/demo-food3/product/1-280x220.jpg" alt="product thumbnail" width="280" height="220"> <span class="product-name">Sed egtas Dnte Comfort</span> </span> </a> </li> <li class="product-nav-next"> <a href="#"> Next <i class="d-icon-arrow-right"></i> <span class="product-nav-popup"> <img src="images/demos/demo-food3/product/2-280x220.jpg" alt="product thumbnail" width="280" height="220"> <span class="product-name">Sed egtas Dnte Comfort</span> </span> </a> </li> </ul> </div> <h1 class="product-name">Shredded Pork Boiled in Soy</h1> <div class="product-price"><ins class="new-price">$46.00</ins><del class="old-price">$68.00</del></div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width:100%"></span> <span class="tooltiptext tooltip-top"></span> </div> <a href="#product-tab-reviews" class="link-to-tab rating-reviews">( 4 reviews )</a> </div> <p class="product-short-desc mb-6">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus liberpuro ate vol fucibus dipiscing.</p> <div class="product-form product-qty mb-3"> <div class="product-form-group"> <div class="input-group mr-2"> <button class="quantity-minus d-icon-minus"></button> <input class="quantity form-control" type="number" min="1" max="1000000"> <button class="quantity-plus d-icon-plus"></button> </div> <button class="btn-product btn-cart text-normal ls-normal font-weight-semi-bold"><i class="d-icon-bag"></i>Add to Cart</button> </div> </div> <div class="product-footer"> <div class="social-links mr-4"> <a href="#" class="social-link social-facebook fab fa-facebook-f"></a> <a href="#" class="social-link social-twitter fab fa-twitter"></a> <a href="#" class="social-link social-pinterest fab fa-vimeo-v"></a> </div> <span class="divider d-lg-show"></span> <div class="product-action"> <a href="#" class="btn-product btn-wishlist mr-5"><i class="d-icon-heart"></i>Add to Wishlist</a> <a href="#" class="btn-product btn-compare"><i class="d-icon-compare"></i>Add to Compare</a> </div> </div> <div class="accordion accordion-simple"> <div class="card border-no card-description"> <div class="card-header"> <a href="#collapse1-1" class="collapse pt-4 pb-4">Description</a> </div> <div id="collapse1-1" class="card-body expanded pl-0"> <div class="row"> <div class="col-12 mb-3"> <p class="mb-4"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id engmin rae sitf putate. Sellus massa,tristique it amet cond coim. </p> <p class="mb-0 text-grey font-weight-semi-bold">More Details</p> <ul class="mb-6 mt-1"> <li>Praesent id enim sit amet.</li> <li>Tdio vulputate eleifend in in tortor. ellus massa.Dristique sitiismonec.</li> <li>Massa ristique sit amet condim vel, facilisis quimequistiqutiqu amet condim</li> <li>Dilisis Facilisis quis sapien. Praesent id enim sit amet </li> </ul> <p class="mb-0"> Praesent id enim sit amet odio vulputate eleifend in in tortor. Sellus maseleifend in in tortor. Sellus massa, tristique sitiismo sapien. </p> </div> </div> </div> </div> <div class="card card-additional"> <div class="card-header"> <a href="#collapse1-2" class="expand">Additional information</a> </div> <div class="card-body collapsed" id="collapse1-2"> <ul class="list-none"> <li><label>Brands:</label> <p>SkillStar, SLS</p> </li> <li><label>Color:</label> <p>Blue, Brown</p> </li> <li><label>Size:</label> <p>Large, Medium, Small</p> </li> </ul> </div> </div> <div class="card card-sizeguide"> <div class="card-header"> <a href="#collapse1-3" class="expand">Size Guide</a> </div> <div class="card-body collapsed" id="collapse1-3"> <figure class="size-image mt-4 mb-4"> <img src="images/product/size_guide.png" alt="Size Guide Image" width="217" height="398"> </figure> <figure class="size-table mt-4 mb-4"> <table> <thead> <tr> <th>SIZE</th> <th>CHEST(IN.)</th> <th>WEIST(IN.)</th> <th>HIPS(IN.)</th> </tr> </thead> <tbody> <tr> <th>XS</th> <td>34-36</td> <td>27-29</td> <td>34.5-36.5</td> </tr> <tr> <th>S</th> <td>36-38</td> <td>29-31</td> <td>36.5-38.5</td> </tr> <tr> <th>M</th> <td>38-40</td> <td>31-33</td> <td>38.5-40.5</td> </tr> <tr> <th>L</th> <td>40-42</td> <td>33-36</td> <td>40.5-43.5</td> </tr> <tr> <th>XL</th> <td>42-45</td> <td>36-40</td> <td>43.5-47.5</td> </tr> <tr> <th>XXL</th> <td>45-48</td> <td>40-44</td> <td>47.5-51.5</td> </tr> </tbody> </table> </figure> </div> </div> <div class="card card-reviews"> <div class="card-header"> <a href="#collapse1-4" class="expand">Reviews <span class>(8)</span></a> </div> <div class="card-body collapsed" id="collapse1-4"> <div class="row"> <div class="col-12 mb-6"> <div class="avg-rating-container"> <mark>5.0</mark> <div class="avg-rating"> <span class="avg-rating-title">Average Rating</span> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:100%"></span> <span class="tooltiptext tooltip-top"></span> </div> <span class="rating-reviews">(2 Reviews)</span> </div> </div> </div> <div class="ratings-list mb-2"> <div class="ratings-item"> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:100%"></span> <span class="tooltiptext tooltip-top"></span> </div> </div> <div class="rating-percent"> <span style="width:100%;"></span> </div> <div class="progress-value">100%</div> </div> <div class="ratings-item"> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:80%"></span> <span class="tooltiptext tooltip-top">4.00</span> </div> </div> <div class="rating-percent"> <span style="width:0%;"></span> </div> <div class="progress-value">0%</div> </div> <div class="ratings-item"> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:60%"></span> <span class="tooltiptext tooltip-top">4.00</span> </div> </div> <div class="rating-percent"> <span style="width:0%;"></span> </div> <div class="progress-value">0%</div> </div> <div class="ratings-item"> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:40%"></span> <span class="tooltiptext tooltip-top">4.00</span> </div> </div> <div class="rating-percent"> <span style="width:0%;"></span> </div> <div class="progress-value">0%</div> </div> <div class="ratings-item"> <div class="ratings-container mb-0"> <div class="ratings-full"> <span class="ratings" style="width:20%"></span> <span class="tooltiptext tooltip-top">4.00</span> </div> </div> <div class="rating-percent"> <span style="width:0%;"></span> </div> <div class="progress-value">0%</div> </div> </div> <a class="btn btn-primary submit-review-toggle" href="#">Submit Review</a> </div> <div class="col-12 comments pt-2 pb-10 border-no"> <nav class="toolbox"> <div class="toolbox-left"> <div class="toolbox-item"> <a href="#" class="btn btn-outline btn-rounded">All Reviews</a> </div> <div class="toolbox-item"> <a href="#" class="btn btn-outline btn-rounded">With Images</a> </div> <div class="toolbox-item"> <a href="#" class="btn btn-outline btn-rounded">With Videos</a> </div> </div> <div class="toolbox-right"> <div class="toolbox-item toolbox-sort select-box text-dark"> <label>Sort By :</label> <select name="orderby" class="form-control"> <option value>Default Order</option> <option value="newest" selected="selected">Newest Reviews </option> <option value="oldest">Oldest Reviews</option> <option value="high_rate">Highest Rating</option> <option value="low_rate">Lowest Rating</option> <option value="most_likely">Most Likely</option> <option value="most_unlikely">Most Unlikely</option> </select> </div> </div> </nav> <ul class="comments-list"> <li> <div class="comment"> <figure class="comment-media"> <a href="#"> <img src="images/blog/comments/1.jpg" alt="avatar"> </a> </figure> <div class="comment-body"> <div class="comment-rating ratings-container"> <div class="ratings-full"> <span class="ratings" style="width:100%"></span> <span class="tooltiptext tooltip-top"></span> </div> </div> <div class="comment-user"> <span class="comment-date">by <span class="font-weight-semi-bold text-uppercase text-dark">John Doe</span> on <span class="font-weight-semi-bold text-dark">Nov 22, 2018</span></span> </div> <div class="comment-content mb-5"> <p>Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue.</p> </div> <div class="file-input-wrappers"> <img class="btn-play btn-img pwsp" src="images/products/product1.jpg" width="280" height="315" alt="product" /> <img class="btn-play btn-img pwsp" src="images/products/product3.jpg" width="280" height="315" alt="product" /> <a class="btn-play btn-iframe" style="background-image: url(images/product/product.jpg);background-size: cover;" href="video/memory-of-a-woman.mp4"> <i class="d-icon-play-solid"></i> </a> </div> <div class="feeling mt-5"> <button class="btn btn-link btn-icon-left btn-slide-up btn-infinite like mr-2"> <i class="fa fa-thumbs-up"></i> Like (<span class="count">0</span>) </button> <button class="btn btn-link btn-icon-left btn-slide-down btn-infinite unlike"> <i class="fa fa-thumbs-down"></i> Unlike (<span class="count">0</span>) </button> </div> </div> </div> </li> <li> <div class="comment"> <figure class="comment-media"> <a href="#"> <img src="images/blog/comments/2.jpg" alt="avatar"> </a> </figure> <div class="comment-body"> <div class="comment-rating ratings-container"> <div class="ratings-full"> <span class="ratings" style="width:100%"></span> <span class="tooltiptext tooltip-top"></span> </div> </div> <div class="comment-user"> <span class="comment-date">by <span class="font-weight-semi-bold text-uppercase text-dark">John Doe</span> on <span class="font-weight-semi-bold text-dark">Nov 22, 2018</span></span> </div> <div class="comment-content"> <p>Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, avida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat.</p> </div> <div class="feeling mt-5"> <button class="btn btn-link btn-icon-left btn-slide-up btn-infinite like mr-2"> <i class="fa fa-thumbs-up"></i> Like (<span class="count">0</span>) </button> <button class="btn btn-link btn-icon-left btn-slide-down btn-infinite unlike"> <i class="fa fa-thumbs-down"></i> Unlike (<span class="count">0</span>) </button> </div> </div> </div> </li> </ul> <nav class="toolbox toolbox-pagination justify-content-end"> <ul class="pagination"> <li class="page-item disabled"> <a class="page-link page-link-prev" href="#" aria-label="Previous" tabindex="-1" aria-disabled="true"> <i class="d-icon-arrow-left"></i>Prev </a> </li> <li class="page-item active" aria-current="page"><a class="page-link" href="#">1</a> </li> <li class="page-item"><a class="page-link" href="#">2</a> </li> <li class="page-item"><a class="page-link" href="#">3</a> </li> <li class="page-item page-item-dots"><a class="page-link" href="#">6</a> </li> <li class="page-item"> <a class="page-link page-link-next" href="#" aria-label="Next"> Next<i class="d-icon-arrow-right"></i> </a> </li> </ul> </nav> </div> </div> <div class="review-form-section"> <div class="review-overlay"></div> <div class="review-form-wrapper"> <div class="title-wrapper text-left"> <h3 class="title title-simple text-left text-normal">Add a Review </h3> <p>Your email address will not be published. Required fields are marked * </p> </div> <div class="rating-form"> <label for="rating" class="text-dark">Your rating * </label> <span class="rating-stars selected"> <a class="star-1" href="#">1</a> <a class="star-2" href="#">2</a> <a class="star-3" href="#">3</a> <a class="star-4 active" href="#">4</a> <a class="star-5" href="#">5</a> </span> <select name="rating" id="rating" required style="display: none;"> <option value>Rate…</option> <option value="5">Perfect</option> <option value="4">Good</option> <option value="3">Average</option> <option value="2">Not that bad</option> <option value="1">Very poor</option> </select> </div> <form action="#"> <textarea id="reply-message" cols="30" rows="6" class="form-control mb-4" placeholder="Comment *" required></textarea> <div class="review-medias"> <div class="file-input form-control image-input" style="background-image: url(images/product/placeholder.png);"> <div class="file-input-wrapper"> </div> <label class="btn-action btn-upload" title="Upload Media"> <input type="file" accept=".png, .jpg, .jpeg" name="riode_comment_medias_image_1"> </label> <label class="btn-action btn-remove" title="Remove Media"> </label> </div> <div class="file-input form-control image-input" style="background-image: url(images/product/placeholder.png);"> <div class="file-input-wrapper"> </div> <label class=" btn-action btn-upload" title="Upload Media"> <input type="file" accept=".png, .jpg, .jpeg" name="riode_comment_medias_image_2"> </label> <label class="btn-action btn-remove" title="Remove Media"> </label> </div> <div class="file-input form-control video-input" style="background-image: url(images/product/placeholder.png);"> <video class="file-input-wrapper" controls></video> <label class="btn-action btn-upload" title="Upload Media"> <input type="file" accept=".avi, .mp4" name="riode_comment_medias_video_1"> </label> <label class="btn-action btn-remove" title="Remove Media"> </label> </div> </div> <p>Upload images and videos. Maximum count: 3, size: 2MB</p> <button type="submit" class="btn btn-primary btn-rounded">Submit<i class="d-icon-arrow-right"></i></button> </form> </div> </div> </div> </div> </div> </div> </div> </div> <section class="best-section mt-7 mb-4"> <h2 class="title"> Best Selling </h2> <div class="owl-carousel owl-theme owl-nav-top owl-nav-arrow row cols-lg-4 cols-md-3 cols-2" data-owl-options="{ 'nav': true, 'dots': false, 'loop': true, 'margin': 20, 'autoplay': false, 'autoplayTimeout': 5000, 'responsive': { '0': { 'items': 2 }, '768': { 'items': 3 }, '992': { 'items': 4, 'loop': false } } }"> <div class="product text-center product-with-qty"> <figure class="product-media"> <a href="demo-food3-product.html"> <img src="images/demos/demo-food3/product/1-280x220.jpg" alt="product" width="280" height="220"> </a> <div class="product-action-vertical"> <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a> </div> <div class="product-action"> <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a> </div> </figure> <div class="product-details"> <h3 class="product-name"> <a href="demo-food3-product.html">Hamburger</a> </h3> <div class="product-price"> <ins class="new-price">$39</ins><del class="old-price">$95</del> </div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 100%"></span> </div> <a href="demo-food3-product.html" class="rating-reviews">( 12 reviews )</a> </div> <div class="product-action"> <div class="product-quantity"> <button title="calculate" class="quantity-minus d-icon-minus"></button> <input title="input" class="quantity form-control" type="number" min="1" max="1000000"> <button title="calculate" class="quantity-plus d-icon-plus"></button> </div> <a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a> </div> </div> </div> <div class="product text-center product-with-qty"> <figure class="product-media"> <a href="demo-food3-product.html"> <img src="images/demos/demo-food3/product/2-280x220.jpg" alt="product" width="280" height="220"> </a> <div class="product-action-vertical"> <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a> </div> <div class="product-action"> <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a> </div> </figure> <div class="product-details"> <h3 class="product-name"> <a href="demo-food3-product.html">Crown Daisy</a> </h3> <div class="product-price"> <ins class="new-price">$39</ins><del class="old-price">$95</del> </div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 100%"></span> </div> <a href="demo-food3-product.html" class="rating-reviews">( 12 reviews )</a> </div> <div class="product-action"> <div class="product-quantity"> <button title="calculate" class="quantity-minus d-icon-minus"></button> <input title="input" class="quantity form-control" type="number" min="1" max="1000000"> <button title="calculate" class="quantity-plus d-icon-plus"></button> </div> <a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a> </div> </div> </div> <div class="product text-center product-with-qty"> <figure class="product-media"> <a href="demo-food3-product.html"> <img src="images/demos/demo-food3/product/3-280x220.jpg" alt="product" width="280" height="220"> </a> <div class="product-action-vertical"> <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a> </div> <div class="product-action"> <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a> </div> </figure> <div class="product-details"> <h3 class="product-name"> <a href="demo-food3-product.html">Slice Meat</a> </h3> <div class="product-price"> <ins class="new-price">$39</ins><del class="old-price">$95</del> </div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 100%"></span> </div> <a href="demo-food3-product.html" class="rating-reviews">( 12 reviews )</a> </div> <div class="product-action"> <div class="product-quantity"> <button title="calculate" class="quantity-minus d-icon-minus"></button> <input title="input" class="quantity form-control" type="number" min="1" max="1000000"> <button title="calculate" class="quantity-plus d-icon-plus"></button> </div> <a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a> </div> </div> </div> <div class="product text-center product-with-qty"> <figure class="product-media"> <a href="demo-food3-product.html"> <img src="images/demos/demo-food3/product/4-280x220.jpg" alt="product" width="280" height="220"> </a> <div class="product-action-vertical"> <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a> </div> <div class="product-action"> <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a> </div> </figure> <div class="product-details"> <h3 class="product-name"> <a href="demo-food3-product.html">Potato Crisp</a> </h3> <div class="product-price"> <ins class="new-price">$39</ins><del class="old-price">$95</del> </div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 100%"></span> </div> <a href="demo-food3-product.html" class="rating-reviews">( 12 reviews )</a> </div> <div class="product-action"> <div class="product-quantity"> <button title="calculate" class="quantity-minus d-icon-minus"></button> <input title="input" class="quantity form-control" type="number" min="1" max="1000000"> <button title="calculate" class="quantity-plus d-icon-plus"></button> </div> <a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a> </div> </div> </div> <div class="product text-center product-with-qty"> <figure class="product-media"> <a href="demo-food3-product.html"> <img src="images/demos/demo-food3/product/1-280x220.jpg" alt="product" width="280" height="220"> </a> <div class="product-action-vertical"> <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a> </div> <div class="product-action"> <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a> </div> </figure> <div class="product-details"> <h3 class="product-name"> <a href="demo-food3-product.html">Hamburger</a> </h3> <div class="product-price"> <ins class="new-price">$39</ins><del class="old-price">$95</del> </div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 100%"></span> </div> <a href="demo-food3-product.html" class="rating-reviews">( 12 reviews )</a> </div> <div class="product-action"> <div class="product-quantity"> <button title="calculate" class="quantity-minus d-icon-minus"></button> <input title="input" class="quantity form-control" type="number" min="1" max="1000000"> <button title="calculate" class="quantity-plus d-icon-plus"></button> </div> <a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a> </div> </div> </div> </div> </section> </div> </div> </main> <footer class="footer mt-10 mt-md-0"> <div class="footer-middle"> <div class="container-fluid"> <div class="row"> <div class="col-xl-3 col-lg-4 col-sm-6 mb-6 mb-xl-0"> <div class="widget widget-about"> <a href="demo-food3.html" class="logo-footer mb-5"> <img src="images/demos/demo-food3/logo.png" alt="logo-footer" width="172" height="43" /> </a> <div class="widget-body"> <p class="ls-s">Fringilla urna porttitor rhoncus dolor purus<br/> maecenas ultricies mi eget mauris.</p> <a href="https://d-themes.com/cdn-cgi/l/email-protection#7d101c14113d0f14121918531e1210"><span class="__cf_email__" data-cfemail="0f5d66606b6a4f6a776e627f636a216c6062">[email protected]</span></a> </div> </div> </div> <div class="col-xl-2 col-lg-4 col-sm-6 mb-6 mb-xl-0"> <div class="widget"> <h4 class="widget-title">Call Us</h4> <ul class="widget-body"> <li><a href="#">(650) 123-4567</a></li> <li><a href="#">(650) 123-7890</a></li> </ul> </div> </div> <div class="col-xl-2 col-lg-4 col-sm-6 mb-6 mb-xl-0"> <div class="widget"> <h4 class="widget-title">Hours</h4> <ul class="widget-body"> <li><a href="#">T-F: 7AM -6PM</a></li> <li><a href="#">S-SU: 8AM -6PM</a></li> </ul> </div> </div> <div class="col-xl-2 col-lg-4 col-sm-6 mb-6 mb-xl-0"> <div class="widget"> <h4 class="widget-title">Location</h4> <ul class="widget-body"> <li><a href="#">242 S llth st.</a></li> <li><a href="#">Philly, Nyc 19107</a></li> </ul> </div> </div> <div class="col-xl-3 col-lg-8"> <div class="widget mb-4"> <h4 class="widget-title text-normal">Subscribe to Our Newsletter</h4> <div class="widget-body widget-newsletter"> <form action="#" class="input-wrapper input-wrapper-inline"> <input type="email" class="form-control" name="email" id="email" placeholder="Email address here..." required /> <button class="btn btn-primary font-weight-bold" type="submit">subscribe <i class="d-icon-arrow-right"></i></button> </form> </div> </div> <div class="footer-info d-flex align-items-center justify-content-between"> <figure class="payment"> <img src="images/demos/demo4/payment.png" alt="payment" width="135" height="24" /> </figure> <div class="social-links"> <a href="#" class="social-link social-facebook fab fa-facebook-f"></a> <a href="#" class="social-link social-twitter fab fa-twitter"></a> <a href="#" class="social-link social-linkedin fab fa-linkedin-in"></a> </div> </div> </div> </div> </div> </div> <div class="footer-bottom d-block text-center pl-2 pr-2"> <p class="copyright">Riode eCommerce © 2022. All Rights Reserved</p> </div> </footer> </div> <div class="sticky-footer sticky-content fix-bottom"> <a href="demo-food3.html" class="sticky-link"> <i class="d-icon-home"></i> <span>Home</span> </a> <a href="demo-food3.html" class="sticky-link"> <i class="d-icon-volume"></i> <span>Categories</span> </a> <a href="wishlist.html" class="sticky-link"> <i class="d-icon-heart"></i> <span>Wishlist</span> </a> <a href="account.html" class="sticky-link"> <i class="d-icon-user"></i> <span>Account</span> </a> <div class="header-search hs-toggle dir-up"> <a href="#" class="search-toggle sticky-link"> <i class="d-icon-search"></i> <span>Search</span> </a> <form action="#" class="input-wrapper"> <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required /> <button class="btn btn-search" type="submit"> <i class="d-icon-search"></i> </button> </form> </div> </div> <a id="scroll-top" href="#top" title="Top" role="button" class="scroll-top"><i class="d-icon-arrow-up"></i></a> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button> <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button> <div class="pswp__preloader"> <div class="loading-spin"></div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button--arrow--left" aria-label="Previous (arrow left)"></button> <button class="pswp__button--arrow--right" aria-label="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <div class="mobile-menu-wrapper"> <div class="mobile-menu-overlay"> </div> <a class="mobile-menu-close" href="#"><i class="d-icon-times"></i></a> <div class="mobile-menu-container scrollable"> <form action="#" class="input-wrapper"> <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required /> <button class="btn btn-search" type="submit"> <i class="d-icon-search"></i> </button> </form> <ul class="mobile-menu mmenu-anim"> <li> <a href="demo-food3.html">Home</a> </li> <li> <a href="demo-food3-shop.html">Categories</a> <ul> <li> <a href="#"> Variations 1 </a> <ul> <li><a href="shop-classic-filter.html">Classic Filter</a></li> <li><a href="shop-left-toggle-sidebar.html">Left Toggle Filter</a></li> <li><a href="shop-right-toggle-sidebar.html">Right Toggle Sidebar</a></li> <li><a href="shop-horizontal-filter.html">Horizontal Filter </a> </li> <li><a href="shop-navigation-filter.html">Navigation Filter</a></li> <li><a href="shop-off-canvas-filter.html">Off-Canvas Filter </a></li> <li><a href="shop-top-banner.html">Top Banner</a></li> <li><a href="shop-inner-top-banner.html">Inner Top Banner</a></li> <li><a href="shop-with-bottom-block.html">With Bottom Block</a></li> <li><a href="shop-category-in-page-header.html">Category In Page Header</a> </ul> </li> <li> <a href="#"> Variations 2 </a> <ul> <li><a href="shop-grid-3cols.html">3 Columns Mode</a></li> <li><a href="shop-grid-4cols.html">4 Columns Mode</a></li> <li><a href="shop-grid-5cols.html">5 Columns Mode</a></li> <li><a href="shop-grid-6cols.html">6 Columns Mode</a></li> <li><a href="shop-grid-7cols.html">7 Columns Mode</a></li> <li><a href="shop-grid-8cols.html">8 Columns Mode</a></li> <li><a href="shop-list-mode.html">List Mode</a></li> <li><a href="shop-pagination.html">Pagination</a></li> <li><a href="shop-infinite-ajaxscroll.html">Infinite Ajaxscroll </a></li> <li><a href="shop-loadmore-button.html">Loadmore Button</a></li> </ul> </li> <li> <a href="#"> Variations 3 </a> <ul> <li><a href="shop-category-grid-shop.html">Category Grid Shop</a></li> <li><a href="shop-category%2bproducts.html">Category + Products</a></li> <li><a href="shop-default-1.html">Shop Default 1 </a> </li> <li><a href="shop-default-2.html">Shop Default 2</a></li> <li><a href="shop-default-3.html">Shop Default 3</a></li> <li><a href="shop-default-4.html">Shop Default 4</a></li> <li><a href="shop-default-5.html">Shop Default 5</a></li> <li><a href="shop-default-6.html">Shop Default 6</a></li> <li><a href="shop-default-7.html">Shop Default 7</a></li> <li><a href="shop-default-8.html">Shop Default 8</a></li> </ul> </li> </ul> </li> <li> <a href="demo-food3-product.html">Products</a> <ul> <li> <a href="#">Product Pages</a> <ul> <li><a href="product-simple.html">Simple Product</a></li> <li><a href="product-featured.html">Featured & On Sale</a></li> <li><a href="product.html">Variable Product</a></li> <li><a href="product-variable-swatch.html">Variation Swatch Product</a></li> <li><a href="product-grouped.html">Grouped Product </a></li> <li><a href="product-external.html">External Product</a></li> <li><a href="product-in-stock.html">In Stock Product</a></li> <li><a href="product-out-stock.html">Out of Stock Product</a></li> <li><a href="product-upsell.html">Upsell Products</a></li> <li><a href="product-cross-sell.html">Cross Sell Products</a></li> </ul> </li> <li> <a href="#">Product Layouts</a> <ul> <li><a href="product-vertical.html">Vertical Thumb</a></li> <li><a href="product-horizontal.html">Horizontal Thumb</a></li> <li><a href="product-gallery.html">Gallery Type</a></li> <li><a href="product-grid.html">Grid Images</a></li> <li><a href="product-masonry.html">Masonry Images</a></li> <li><a href="product-sticky.html">Sticky Info</a></li> <li><a href="product-sticky-both.html">Left & Right Sticky</a></li> <li><a href="product-left-sidebar.html">With Left Sidebar</a></li> <li><a href="product-right-sidebar.html">With Right Sidebar</a></li> <li><a href="product-full.html">Full Width Layout </a></li> </ul> </li> <li> <a href="#">Product Features</a> <ul> <li><a href="product-sale.html">Sale Countdown</a></li> <li><a href="product-hurryup.html">Hurry Up Notification </a></li> <li><a href="product-attribute-guide.html">Attribute Guide </a></li> <li><a href="product-sticky-cart.html">Add Cart Sticky</a></li> <li><a href="product-thumbnail-label.html">Labels on Thumbnail</a> </li> <li><a href="product-more-description.html">More Description Tabs</a></li> <li><a href="product-accordion-data.html">Data In Accordion</a></li> <li><a href="product-tabinside.html">Data Inside</a></li> <li><a href="product-video.html">Video Thumbnail </a> </li> <li><a href="product-360-degree.html">360 Degree Thumbnail </a></li> </ul> </li> </ul> </li> <li> <a href="#">Pages</a> <ul> <li><a href="about-us.html">About</a></li> <li><a href="contact-us.html">Contact Us</a></li> <li><a href="account.html">Login</a></li> <li><a href="faq.html">FAQs</a></li> <li><a href="error-404.html">Error 404</a> <ul> <li><a href="error-404.html">Error 404-1</a></li> <li><a href="error-404-1.html">Error 404-2</a></li> <li><a href="error-404-2.html">Error 404-3</a></li> <li><a href="error-404-3.html">Error 404-4</a></li> </ul> </li> <li><a href="coming-soon.html">Coming Soon</a></li> </ul> </li> <li> <a href="blog-classic.html">Blog</a> <ul> <li><a href="blog-classic.html">Classic</a></li> <li><a href="blog-listing.html">Listing</a></li> <li> <a href="#">Grid</a> <ul> <li><a href="blog-grid-2col.html">Grid 2 columns</a></li> <li><a href="blog-grid-3col.html">Grid 3 columns</a></li> <li><a href="blog-grid-4col.html">Grid 4 columns</a></li> <li><a href="blog-grid-sidebar.html">Grid sidebar</a></li> </ul> </li> <li> <a href="#">Masonry</a> <ul> <li><a href="blog-masonry-2col.html">Masonry 2 columns</a></li> <li><a href="blog-masonry-3col.html">Masonry 3 columns</a></li> <li><a href="blog-masonry-4col.html">Masonry 4 columns</a></li> <li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li> </ul> </li> <li> <a href="#">Mask</a> <ul> <li><a href="blog-mask-grid.html">Blog mask grid</a></li> <li><a href="blog-mask-masonry.html">Blog mask masonry</a></li> </ul> </li> <li> <a href="post-single.html">Single Post</a> </li> </ul> </li> <li> <a href="#">Elements</a> <ul> <li> <a href="#">Elements 1</a> <ul> <li><a href="element-accordions.html">Accordions</a></li> <li><a href="element-alerts.html">Alert & Notification</a></li> <li><a href="element-banner-effect.html">Banner Effect </a></li> <li><a href="element-banner.html">Banner </a></li> <li><a href="element-blog-posts.html">Blog Posts</a></li> <li><a href="element-breadcrumb.html">Breadcrumb </a></li> <li><a href="element-buttons.html">Buttons</a></li> <li><a href="element-cta.html">Call to Action</a></li> <li><a href="element-countdown.html">Countdown </a></li> </ul> </li> <li> <a href="#">Elements 2</a> <ul> <li><a href="element-counter.html">Counter </a></li> <li><a href="element-creative-grid.html">Creative Grid </a></li> <li><a href="element-animation.html">Entrance Effect </a></li> <li><a href="element-floating.html">Floating </a></li> <li><a href="element-hotspot.html">Hotspot </a></li> <li><a href="element-icon-boxes.html">Icon Boxes</a></li> <li><a href="element-icons.html">Icons</a></li> <li><a href="element-image-box.html">Image box </a></li> <li><a href="element-instagrams.html">Instagrams</a></li> </ul> </li> <li> <a href="#">Elements 3</a> <ul> <li><a href="element-categories.html">Product Category</a></li> <li><a href="element-products.html">Products</a></li> <li><a href="element-product-banner.html">Products + Banner </a></li> <li><a href="element-product-grid.html">Products + Grid </a></li> <li><a href="element-product-single.html">Product Single </a> </li> <li><a href="element-product-tab.html">Products + Tab </a></li> <li><a href="element-single-product.html">Single Product </a></li> <li><a href="element-slider.html">Slider </a></li> <li><a href="element-social-link.html">Social Icons </a></li> </ul> </li> <li> <a href="#">Elements 4</a> <ul> <li><a href="element-subcategory.html">Subcategory </a></li> <li><a href="element-svg-floating.html">Svg Floating </a></li> <li><a href="element-tabs.html">Tabs</a></li> <li><a href="element-testimonials.html">Testimonials </a></li> <li><a href="element-titles.html">Title</a></li> <li><a href="element-typography.html">Typography</a></li> <li><a href="element-vendor.html">Vendor </a></li> <li><a href="element-video.html">Video </a></li> </ul> </li> </ul> </li> <li><a href="https://d-themes.com/buynow/riode.html">Buy Riode!</a></li> </ul> </div> </div> <div class="sticky-icons-wrapper"> <div class="sticky-icon-links"> <ul> <li><a href="#" class="demo-toggle"><i class="fas fa-home"></i><span>Demos</span></a></li> <li><a href="documentation.html"><i class="fas fa-info-circle"></i><span>Documentation</span></a> </li> <li><a href="https://themeforest.net/downloads/"><i class="fas fa-star"></i><span>Reviews</span></a> </li> <li><a href="https://d-themes.com/buynow/riodehtml"><i class="fas fa-shopping-cart"></i><span>Buy now!</span></a></li> </ul> </div> <div class="demos-list"> <div class="demos-overlay"></div> <a class="demos-close" href="#"><i class="close-icon"></i></a> <div class="demos-content scrollable scrollable-light"> <h3 class="demos-title">Demos</h3> <div class="demos"> </div> </div> </div> </div> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/parallax/parallax.min.js"></script> <script src="vendor/elevatezoom/jquery.elevatezoom.min.js"></script> <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="vendor/sticky/sticky.min.js"></script> <script src="vendor/owl-carousel/owl.carousel.min.js"></script> <script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="vendor/jquery.floating/jquery.floating.min.js"></script> <script src="vendor/isotope/isotope.pkgd.min.js"></script> <script src="vendor/photoswipe/photoswipe.min.js"></script> <script src="vendor/photoswipe/photoswipe-ui-default.min.js"></script> <script src="js/main.min.js"></script> </body> <!-- Mirrored from d-themes.com/html/riode/demo-food3-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 10:08:20 GMT --> </html>