ok
Direktori : /home2/selectio/public_html/thecomponents.in/file/ |
Current File : /home2/selectio/public_html/thecomponents.in/file/demo-single-product.html |
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from d-themes.com/html/riode/demo-single-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 10:00:44 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"> <link rel="preload" href="fonts/riode115b.ttf?5gap68" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="vendor/fontawesome-free/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="vendor/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="vendor/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <script> WebFontConfig = { google: { families: ['Poppins:400,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/sticky-icon/stickyicon.css"> <link rel="stylesheet" type="text/css" href="css/demo-single-product.min.css"> </head> <body class="home riode-rounded-skin"> <div class="page-wrapper"> <header class="header header-transparent header-underline header-border"> <div class="sticky-content-wrapper" style="height: 98px;"> <div class="header-middle has-center sticky-header fix-top sticky-content"> <div class="container-fluid"> <div class="header-left"> <a href="#" class="mobile-menu-toggle"> <i class="d-icon-bars2"></i> </a> <a href="demo-single-product.html" class="logo"> <img src="images/demos/demo-single-product/logo.png" alt="logo" width="154" height="43" /> </a> </div> <div class="header-center ml-7"> <nav class="main-nav mr-4"> <ul class="menu scroll-menu"> <li class="active"> <a href="#intro">Intro</a> </li> <li> <a href="#features">Features</a> </li> <li> <a href="#specific">Specifications</a> </li> <li> <a href="#tour">Tour</a> </li> <li> <a href="#testimonial">Testimonials</a> </li> <li> <a href="#">Buy Now!</a> </li> </ul> </nav> </div> <div class="header-right"> <div class="dropdown d-md-show"> <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 d-md-show"> <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> <div class="dropdown cart-dropdown type2 off-canvas"> <a href="#" class="cart-toggle link"> <i class="d-icon-bag"><span class="cart-count">2</span></i> </a> <div class="canvas-overlay"></div> <div class="dropdown-box"> <div class="canvas-header"> <h2 class="canvas-title">Shopping Cart</h2> <a href="#" class="btn btn-dark btn-link btn-icon-right btn-close">close<i class="d-icon-arrow-right"></i></a> </div> <p class="text-center pt-4">No products in the cart.</p> </div> </div> </div> </div> </div> </div> </header> <main class="main"> <div class="page-content" style="background-color: #F7F7F7;"> <section class="intro-section section" id="intro"> <div class="back"></div> <div class="container"> <div class="row"> <figure class="col-12 col-lg-7 floating appear-animate" data-animation-options="{ 'name': 'bounceIn', 'delay': '.3s' }"> <img class="layer" src="images/demos/demo-single-product/intro-earphone.png" alt="intro-earphone" width="509" height="443" /> </figure> <div class="col-12 col-lg-5"> <h2 class="brand-txt">Riode <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="231px" height="251px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <g> <g> <path d="M64.31,8.466h4.553C69.488,8.466,70,7.957,70,7.336V5.077c0-0.621-0.512-1.129-1.138-1.129H40.407 c-0.626,0-1.139,0.508-1.139,1.129v2.259c0,0.621,0.513,1.129,1.139,1.129h4.553c0.626,0,1.138,0.508,1.138,1.129v50.81 c0,0.621-0.512,1.13-1.138,1.13h-4.553c-0.626,0-1.139,0.509-1.139,1.129v2.259c0,0.621,0.513,1.13,1.139,1.13h28.455 c0.626,0,1.138-0.509,1.138-1.13v-2.259c0-0.62-0.512-1.129-1.138-1.129H64.31c-0.626,0-1.139-0.509-1.139-1.13V9.595 C63.171,8.974,63.684,8.466,64.31,8.466z M29.594,3.948H1.139C0.513,3.948,0,4.456,0,5.077v2.259c0,0.621,0.513,1.129,1.139,1.129 h4.553c0.626,0,1.139,0.508,1.139,1.129v50.81c0,0.621-0.513,1.13-1.139,1.13H1.139C0.513,61.535,0,62.044,0,62.664v2.259 c0,0.621,0.513,1.13,1.139,1.13h28.455c0.626,0,1.139-0.509,1.139-1.13v-2.259c0-0.62-0.513-1.129-1.139-1.129h-4.553 c-0.626,0-1.139-0.509-1.139-1.13V9.595c0-0.621,0.513-1.129,1.139-1.129h4.553c0.626,0,1.139-0.509,1.139-1.129V5.077 C30.732,4.456,30.22,3.948,29.594,3.948z"></path> </g> </g> </svg> </h2> <div class="text-content"> <h3 class="text-subtitle appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.3s' }"> Smart Earphone</h3> <div class="divider appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.6s' }"></div> <h2 class="text-title appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.9s' }">Riode 2 Trending Wireless Smart Earphone </h2> <a href="#" class="btn btn-primary text-uppercase appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '1.2s' }">Buy Now!</a> </div> </div> </div> </div> </section> <section class="feature-section section container" id="features"> <div class="row"> <div class="col-12 col-lg-4 appear-animate" data-animation-options="{ 'name': 'fadeInRightShorter', 'delay': '.3s' }"> <p class="text-subtitle text-primary ls-s text-uppercase font-weight-bold"> Riode Earphone</p> <div class="divider"></div> <h2 class="text-title"> Top Features of Riode Products </h2> </div> <div class="col-12 col-lg-8"> <div class="row cols-1 cols-md-2"> <div class="feature-widget appear-animate" data-animation-options="{ 'name': 'zoomIn', 'delay': '.3s' }"> <h3 class="text-primary font-weight-bold ls-m lh-1">01.</h3> <h2 class="text-dark font-weight-bold ls-m mb-2">Shorter Charge Time</h2> <p>Diam maecenas ultricies mi eget magejeh us molestie nunc non blandit massa. </p> </div> <div class="feature-widget appear-animate" data-animation-options="{ 'name': 'zoomIn', 'delay': '.6s' }"> <h3 class="text-primary font-weight-bold ls-m lh-1">02.</h3> <h2 class="text-dark font-weight-bold ls-m mb-2">Auto-Eliminating Noise</h2> <p>Diam maecenas ultricies mi eget magejeh us molestie nunc non blandit massa. </p> </div> </div> <div class="row cols-1 cols-md-2"> <div class="feature-widget appear-animate" data-animation-options="{ 'name': 'zoomIn', 'delay': '.9s' }"> <h3 class="text-primary font-weight-bold ls-m lh-1">03.</h3> <h2 class="text-dark font-weight-bold ls-m mb-2">Powerful Buttery</h2> <p>Diam maecenas ultricies mi eget magejeh us molestie nunc non blandit massa. </p> </div> <div class="feature-widget appear-animate" data-animation-options="{ 'name': 'zoomIn', 'delay': '1.2s' }"> <h3 class="text-primary font-weight-bold ls-m lh-1">04.</h3> <h2 class="text-dark font-weight-bold ls-m mb-2">Beautiful and Suitable Design</h2> <p>Diam maecenas ultricies mi eget magejeh us molestie nunc non blandit massa. </p> </div> </div> </div> </div> </section> <section class="quality-section"> <div class="back skrollr" data-options="{"data-bottom-top":"transform: translate(24%, 0);","data-center":"transform: translate(0%, 0);"}"> </div> <h2 class="brand-txt d-lg-show">Riode <svg class="ml-4" version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="231px" height="251px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <g> <g> <path d="M64.31,8.466h4.553C69.488,8.466,70,7.957,70,7.336V5.077c0-0.621-0.512-1.129-1.138-1.129H40.407 c-0.626,0-1.139,0.508-1.139,1.129v2.259c0,0.621,0.513,1.129,1.139,1.129h4.553c0.626,0,1.138,0.508,1.138,1.129v50.81 c0,0.621-0.512,1.13-1.138,1.13h-4.553c-0.626,0-1.139,0.509-1.139,1.129v2.259c0,0.621,0.513,1.13,1.139,1.13h28.455 c0.626,0,1.138-0.509,1.138-1.13v-2.259c0-0.62-0.512-1.129-1.138-1.129H64.31c-0.626,0-1.139-0.509-1.139-1.13V9.595 C63.171,8.974,63.684,8.466,64.31,8.466z M29.594,3.948H1.139C0.513,3.948,0,4.456,0,5.077v2.259c0,0.621,0.513,1.129,1.139,1.129 h4.553c0.626,0,1.139,0.508,1.139,1.129v50.81c0,0.621-0.513,1.13-1.139,1.13H1.139C0.513,61.535,0,62.044,0,62.664v2.259 c0,0.621,0.513,1.13,1.139,1.13h28.455c0.626,0,1.139-0.509,1.139-1.13v-2.259c0-0.62-0.513-1.129-1.139-1.129h-4.553 c-0.626,0-1.139-0.509-1.139-1.13V9.595c0-0.621,0.513-1.129,1.139-1.129h4.553c0.626,0,1.139-0.509,1.139-1.129V5.077 C30.732,4.456,30.22,3.948,29.594,3.948z"></path> </g> </g> </svg> </h2> <div class="container p-relative"> <div class="row"> <div class="col-12 col-lg-7 appear-animate" data-animation-options="{ 'name': 'blurIn', 'delay': '.3s' }"> <figure class="quality-earphone p-relative floating" data-floating-depth="0.5"> <img class="layer" src="images/demos/demo-single-product/earphone1.png" alt="earphone" width="398" height="492" /> </figure> <figure class="quality-watch p-absolute floating" data-options="{"invertX":false,"invertY":false}" data-floating-depth="0.5"> <img class="layer" src="images/demos/demo-single-product/watch.png" alt="watch" width="110" height="287" /> </figure> </div> <div class="col-12 col-lg-5"> <div class="text-content"> <div class="divider appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.3s' }"></div> <h2 class="text-title appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.6s' }">Natural and High Quality Sound </h2> <p class="text-desc font-weight-normal appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.9s' }"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellus in metus.</p> <a href="#" class="btn btn-primary text-uppercase appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '1.2s' }">Buy Now!</a> </div> </div> </div> <figure class="quality-handphone p-absolute appear-animate" data-animation-options="{ 'name': 'slideInRight', 'delay': '.3s', 'duration': '.6s' }"> <img src="images/demos/demo-single-product/handphone.png" alt="handphone" width="1155" height="161" /> </figure> <div class="row second-quality gutter-no"> <div class="col-12 col-lg-6"> <div class="text-content"> <div class="divider appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.3s' }"></div> <h2 class="text-title appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.6s' }">Need 1hr for <br> Fully Charge, Use it all Day Long </h2> <p class="text-desc font-weight-normal appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.9s' }"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis tellus in metus.</p> <a href="#" class="btn btn-primary text-uppercase appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '1.2s' }">Buy Now!</a> </div> </div> <div class="col-12 col-lg-6 appear-animate" data-animation-options="{ 'name': 'blurIn', 'delay': '1.2s' }"> <figure class="quality-earphone floating" data-options="{"invertX":false,"invertY":false}" data-floating-depth="0.5"> <img class="layer" src="images/demos/demo-single-product/earphone2.png" alt="earphone" width="347" height="469" /> </figure> </div> </div> </div> </section> <section class="specific-section section" id="specific" style="background-image: url(images/demos/demo-single-product/bg-1.png); background-color: #F7F7F7;"> <div class="container"> <h3 class="text-subtitle text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.3s' }">Specifications </h3> <div class="divider mx-auto appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.4s' }"></div> <h2 class="text-title text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.5s' }">Designed & Made Delicately</h2> <div class="row"> <div class="col-12 col-lg-7"> <figure class="appear-animate" data-animation-options="{ 'name': 'fadeInRightShorter', 'delay': '.3s' }"> <img src="images/demos/demo-single-product/specific.png" alt="specific-img" width="594" height="331" /> </figure> </div> <div class="col-12 col-lg-5"> <ul class="specific-menu pl-0 appear-animate" data-animation-options="{ 'name': 'fadeInLeftShorter', 'delay': '.3s' }"> <li>Product Model: <span>Al Bluetooth Headset</span></li> <li>Bluetooth Version: <span>Bluetooth 5.0</span></li> <li>Manufacturer: <span>Riode Earphone Company</span></li> <li>Product Size: <span>80*45 for box, 20*25 for earphone</span></li> <li>Compatible OS: <span>Android</span></li> <li>Battery Life: <span>24h+</span></li> </ul> </div> </div> </div> </section> <section class="degree-section section p-relative" id="tour"> <div class="container p-relative"> <h3 class="text-subtitle text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.3s' }">Tour Product </h3> <div class="divider mx-auto appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.4s' }"></div> <h2 class="text-title text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.5s' }">360 Degree Product View</h2> <div class="product-gallery-degree mb-9"> <div class="d-loading"><i></i></div> <ul class="product-degree-images"></ul> </div> </div> <div class="brand-txt">Riode Earphone</div> </section> <section class="testimonial-section section" id="testimonial"> <div class="container"> <h3 class="text-subtitle text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.3s' }">Our users love us </h3> <div class="divider mx-auto appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.4s' }"></div> <h2 class="text-title text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.5s' }">Customer Reviews </h2> <div class="owl-carousel owl-theme owl-nav-arrow row cols-lg-3 cols-2 appear-animate" data-owl-options="{ 'nav': false, 'dots': false, 'margin': 20, 'center': true, 'loop': true, 'autoplayTimeout': 5000, 'responsive': { '0': { 'items': 1, 'autoplay': true }, '576': { 'items': 2, 'nav': false, 'dots': true }, '992': { 'items': 3, 'nav': true } } }"> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-2.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Jenson Gregory <span>Customer</span> </cite> </div> </div> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-3.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Herman Beck <span>Customer</span> </cite> </div> </div> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-1.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Herman Beck <span>Customer</span> </cite> </div> </div> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-2.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Jenson Gregory <span>Customer</span> </cite> </div> </div> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-3.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Herman Beck <span>Customer</span> </cite> </div> </div> <div class="testimonial testimonial-centered"> <div class="testimonial-info"> <h3 class="testimonial-title">What they Say About Us</h3> <figure class="testimonial-author-thumbnail"> <img src="images/demos/demo-single-product/agents/customer-1.png" alt="user" width="101" height="101" /> </figure> <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu...</blockquote> <cite> Herman Beck <span>Customer</span> </cite> </div> </div> </div> </div> </section> <section class="product-section"> <div class="container"> <h3 class="text-subtitle text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.3s' }">Material & Design </h3> <div class="divider mx-auto appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.4s' }"></div> <h2 class="text-title text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.5s' }">Choose Your Product </h2> <div class="owl-carousel owl-theme owl-nav-arrow row cols-1 appear-animate" data-owl-options="{ 'dotsContainer': '.owl-dots-container', 'nav': false, 'items': 1, 'responsive': { '992': { 'nav': true } } }"> <figure> <img src="images/demos/demo-single-product/product/1.jpg" alt="product" width="800" height="900" /> </figure> <figure> <img src="images/demos/demo-single-product/product/2.jpg" alt="product" width="800" height="900" /> </figure> <figure> <img src="images/demos/demo-single-product/product/3.jpg" alt="product" width="800" height="900" /> </figure> </div> <div class="owl-dots-container text-center appear-animate"> <button title="dots-container" class="owl-dot"> <img src="images/demos/demo-single-product/product/1-150x150.jpg" alt="intro-dot" width="150" height="150" /> </button> <button title="dots-container" class="owl-dot"> <img src="images/demos/demo-single-product/product/2-150x150.jpg" alt="intro-dot" width="150" height="150" /> </button> <button title="dots-container" class="owl-dot"> <img src="images/demos/demo-single-product/product/3-150x150.jpg" alt="intro-dot" width="150" height="150" /> </button> </div> <div class="product text-center appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.3s' }"> <h2 class="product-name pl-0 pr-0">Riode Smart Earphone</h2> <h3 class="product-price">$230.00</h3> <a href="#" class="btn btn-primary text-normal"><i class="d-icon-bag mr-2"></i>Add to Cart</a> </div> </div> </section> </div> </main> <footer class="footer"> <div class="container"> <div class="footer-middle text-center"> <div class="widget-newsletter"> <h2 class="widget-title">Subscribe to Our Newsletter</h2> <p>Sign up for our e-mail and be the first who know our special offers! Furthermore, we will give a 15% discount on the next order after you sign up.</p> <div class="widget-body"> <form action="#" class="input-wrapper input-wrapper-inline mx-auto"> <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="social-links mt-4"> <a href="#" class="social-link social-facebook fab fa-facebook-f" title="social-link"></a> <a href="#" class="social-link social-twitter fab fa-twitter" title="social-link"></a> <a href="#" class="social-link social-linkedin fab fa-linkedin-in" title="social-link"></a> </div> </div> <div class="footer-bottom"> <div class="footer-left"> <p class="copyright">Riode eCommerce. ©2022. All Rights Reserved</p> </div> <div class="footer-right"> <figure class="d-flex"> <img src="images/demos/demo-single-product/payment.png" alt="payment" width="135" height="24"> </figure> </div> </div> </div> </footer> </div> <div class="sticky-footer sticky-content fix-bottom"> <a href="demo-single-product.html" class="sticky-link"> <i class="d-icon-home"></i> <span>Home</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="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 class="active"> <a href="#intro">Intro</a> </li> <li> <a href="#features">Features</a> </li> <li> <a href="#specific">Specifications</a> </li> <li> <a href="#tour">Tour</a> </li> <li> <a href="#testimonial">Testimonials</a> </li> <li> <a href="#">Buy Now!</a> </li> </ul> </div> </div> <div class="newsletter-popup newsletter-pop4 mfp-hide" id="newsletter-popup"> <div class="newsletter-content p-relative y-50"> <h4 class="text-uppercase text-white font-weight-bolder">Up to <span class="text-primary">20% Off</span> </h4> <h2 class="font-weight-bold ls-m text-capitalize text-white mb-2">Sign up to Newsletter</h2> <p class="text-grey ls-s mb-6">Sing up today for free and receive updates by email..</p> <form action="#" method="get" class="input-wrapper input-wrapper-inline input-wrapper-round mb-5"> <input type="email" class="form-control email" name="email" id="email2" placeholder="Email address here..." required> <button class="btn btn-primary text-uppercase" type="submit">Submit</button> </form> <div class="form-checkbox justify-content-center"> <input type="checkbox" class="custom-checkbox" id="hide-newsletter-popup" name="hide-newsletter-popup" required /> <label for="hide-newsletter-popup">Don't show this popup again</label> </div> </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 src="vendor/jquery/jquery.min.js"></script> <script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="vendor/owl-carousel/owl.carousel.min.js"></script> <script src="vendor/jquery.floating/jquery.floating.min.js"></script> <script src="vendor/skrollr/skrollr.min.js"></script> <script src="vendor/threesixty/threesixty.min.js"></script> <script src="js/main.min.js"></script> </body> <!-- Mirrored from d-themes.com/html/riode/demo-single-product.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 10:00:58 GMT --> </html>