File manager - Edit - /home/monara/public_html/blog/shop/shop.html
Back
<!doctype html> <html lang="en" data-bs-theme="dark"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>StreamIT | Responsive Bootstrap 5 Template</title> <!-- Google Font Api KEY--> <meta name="google_font_api" content="AIzaSyBG58yNdAjc20_8jAvLNSVi9E4Xhwjau_k"> <!-- Favicon --> <link rel="shortcut icon" href="../assets/images/favicon.ico" /> <!-- Library / Plugin Css Build --> <link rel="stylesheet" href="../assets/css/core/libs.min.css" /> <!-- font-awesome css --> <link rel="stylesheet" href="../assets/vendor/font-awesome/css/all.min.css" /> <!-- Iconly css --> <link rel="stylesheet" href="../assets/vendor/iconly/css/style.css" /> <!-- Animate css --> <link rel="stylesheet" href="../assets/vendor/animate.min.css" /> <!-- Sweetlaert2 css --> <link rel="stylesheet" href="../assets/vendor/sweetalert2/sweetalert2.min.css"/> <!-- NoUI Slider css --> <link rel="stylesheet" href="../assets/vendor/noUiSilder/style/nouislider.min.css"> <!-- Streamit Design System Css --> <link rel="stylesheet" href="../assets/css/streamit.min.css?v=1.0.0" /> <!-- Custom Css --> <link rel="stylesheet" href="../assets/css/custom.min.css?v=1.0.0" /> <!-- Rtl Css --> <link rel="stylesheet" href="../assets/css/rtl.min.css?v=1.0.0" /> <!-- Google Font --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300&display=swap" rel="stylesheet"> </head> <body class=" "> <span class="screen-darken"></span> <!-- loader Start --> <!-- loader Start --> <div class="loader simple-loader"> <div class="loader-body"> <img src="../assets/images/loader.gif" alt="loader" class="img-fluid " width="300"> </div> </div> <!-- loader END --> <!-- loader END --> <main class="main-content"> <!--Nav Start--> <header class="header-center-home header-merchandise"> <div class="header-top d-xl-block d-none"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-md-3"> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <div class="col-md-9"> <ul class="d-flex align-items-center justify-content-end gap-3 list-inline mb-0"> <li> <div class="search-box-2"> <form> <input type="text" class="form-control" placeholder="Search..."> <button type="submit" class="search-btn"> <svg width="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </circle> <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </path> </svg> </button> </form> </div> </li> <li> <a href="#offcanvasCart" class="text-white" data-bs-toggle="offcanvas"> <span class="btn-icon rounded-pill user-icons"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0096 14.3334H4.44435C2.40011 14.3334 0.831841 13.595 1.2773 10.6232L1.79599 6.59575C2.07059 5.11292 3.01643 4.54541 3.84633 4.54541H10.632C11.4741 4.54541 12.365 5.15563 12.6823 6.59575L13.201 10.6232C13.5794 13.2594 12.0538 14.3334 10.0096 14.3334Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10.1008 4.39882C10.1008 2.80811 8.81129 1.51858 7.22057 1.51858V1.51858C6.45457 1.51533 5.71883 1.81735 5.17604 2.35786C4.63325 2.89836 4.32812 3.63282 4.32813 4.39882H4.32812" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.1983 7.4013H9.16779" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.3106 7.4013H5.28009" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </a> </li> <li class="dropdown" id="itemdropdown1"> <a class="text-white d-flex align-items-center" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="btn-icon rounded-pill user-icons"> <span class="btn-inner"> <svg class="icon-18" width="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.87651 15.2063C6.03251 15.2063 2.74951 15.7873 2.74951 18.1153C2.74951 20.4433 6.01251 21.0453 9.87651 21.0453C13.7215 21.0453 17.0035 20.4633 17.0035 18.1363C17.0035 15.8093 13.7415 15.2063 9.87651 15.2063Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.8766 11.886C12.3996 11.886 14.4446 9.841 14.4446 7.318C14.4446 4.795 12.3996 2.75 9.8766 2.75C7.3546 2.75 5.3096 4.795 5.3096 7.318C5.3006 9.832 7.3306 11.877 9.8456 11.886H9.8766Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.2036 8.66919V12.6792" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21.2497 10.6741H17.1597" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </a> <ul class="dropdown-menu dropdown-menu-end dropdown-user border-0 p-0 m-0" aria-labelledby="navbarDropdown"> <li class="user-info d-flex align-items-center gap-3 mb-3"> <img src="../assets/images/user/user1.webp" class="img-fluid" alt="" loading="lazy"> <span class="font-size-14 fw-500 text-capitalize text-white">Jenny</span> </li> <li> <a href="../playlist.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 22" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84455 20.6621C4.15273 20.6621 1 20.0876 1 17.7868C1 15.486 4.13273 13.3621 7.84455 13.3621C11.5364 13.3621 14.6891 15.4654 14.6891 17.7662C14.6891 20.066 11.5564 20.6621 7.84455 20.6621Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.83725 10.1738C10.26 10.1738 12.2236 8.21015 12.2236 5.78742C12.2236 3.36469 10.26 1.40015 7.83725 1.40015C5.41452 1.40015 3.44998 3.36469 3.44998 5.78742C3.4418 8.20196 5.3918 10.1656 7.80634 10.1738C7.81725 10.1738 7.82725 10.1738 7.83725 10.1738Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <h6 class="mb-0 font-size-14 fw-normal">My Account</h6> </a> </li> <li> <a href="view-all-movie.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M6.425 13.75V7.575H0.25V6.425H6.425V0.25H7.575V6.425H13.75V7.575H7.575V13.75H6.425Z" fill="white"></path> </svg> <h6 class="mb-0 font-size-14 fw-normal">Watchlist</h6> </a> </li> <li> <a href="pricing-plan.html" class="iq-sub-card d-flex align-items-center gap-3"> <i class="fa-regular fa-star"></i> <h6 class="mb-0 font-size-14 fw-normal">Subscription</h6> </a> </li> <li> <a href="../login.html" class="iq-sub-card iq-logout-2 mt-1 d-flex justify-content-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M1.82209 15.9999C1.46654 15.9999 1.16283 15.874 0.910981 15.6221C0.659129 15.3703 0.533203 15.0666 0.533203 14.711V1.73322C0.533203 1.37767 0.659129 1.07397 0.910981 0.822114C1.16283 0.570262 1.46654 0.444336 1.82209 0.444336H7.95543V1.44434H1.82209C1.74802 1.44434 1.68135 1.47397 1.62209 1.53322C1.56283 1.59248 1.5332 1.65915 1.5332 1.73322V14.711C1.5332 14.7851 1.56283 14.8517 1.62209 14.911C1.68135 14.9703 1.74802 14.9999 1.82209 14.9999H7.95543V15.9999H1.82209ZM12.0888 11.5999L11.3554 10.8888L13.5332 8.73322H5.68876V7.711H13.511L11.3332 5.55545L12.0665 4.82211L15.4665 8.24434L12.0888 11.5999Z" fill="currentColor"></path> </svg> <h6 class="mb-0 font-size-14 fw-normal">Logout</h6> </a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="header-bottom header-sticky"> <nav class="nav navbar navbar-expand-xl navbar-light iq-navbar header-hover-menu py-xl-0"> <div class="container-fluid navbar-inner"> <div class="d-flex align-items-center justify-content-between w-100 landing-header"> <div class="d-xl-none d-flex gap-3 gap-xl-0 align-items-center"> <div> <button type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar_main" aria-controls="navbar_main" class="d-xl-none btn btn-primary rounded-pill p-1 pt-0 toggle-rounded-btn"> <svg width="20px" class="icon-20" viewBox="0 0 24 24"> <path fill="currentColor" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"> </path> </svg> </button> </div> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <!-- Horizontal Menu Start --> <nav id="navbar_main" class="offcanvas mobile-offcanvas nav navbar navbar-expand-xl hover-nav horizontal-nav py-xl-0"> <div class="container-fluid p-lg-0"> <div class="offcanvas-header px-0"> <div class="navbar-brand ms-3"> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <button type="button" class="btn-close float-end px-3" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <ul class="navbar-nav iq-nav-menu list-unstyled" id="header-menu"> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#homePages" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Home</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="homePages"> <li class="nav-item"> <a class="nav-link " href="../index.html"> OTT Home </a> </li> <li class="nav-item"> <a class="nav-link " href="../home.html"> Home </a> </li> <li class="nav-item"> <a class="nav-link " href="../movie.html"> Movie </a> </li> <li class="nav-item"> <a class="nav-link " href="../tv-show.html"> TV Show </a> </li> <li class="nav-item"> <a class="nav-link " href="../video.html"> Video </a> </li> <li class="nav-item"> <a class="nav-link " href="../merchandise-store.html"> Merchandise Store </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#features" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Features</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="features"> <li class="nav-item"> <a class="nav-link " href="../restricted-content.html"> Restricted Content </a> </li> <li class="nav-item"> <a class="nav-link " href="../related-merchandise.html"> Related Merchandise </a> </li> <li class="nav-item"> <a class="nav-link " href="../playlist.html"> Playlist </a> </li> <li class="nav-item"> <a class="nav-link " href="../geners.html"> Genres </a> </li> <li class="nav-item"> <a class="nav-link " href="../cast.html"> Cast </a> </li> <li class="nav-item"> <a class="nav-link " href="../tags.html"> Tags </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#pages" role="button" aria-expanded="false" aria-controls="homePages"> <span class="item-name">Pages</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="pages"> <li class="nav-item"> <a class="nav-link " href="../about-us.html"> About Us </a> </li> <li class="nav-item"> <a class="nav-link " href="../contact-us.html"> Contact Us </a> </li> <li class="nav-item"> <a class="nav-link " href="../faq.html"> FAQ </a> </li> <li class="nav-item"> <a class="nav-link " href="../privacy-policy.html"> Privacy Policy </a> </li> <li class="nav-item"> <a class="nav-link " href="../pricing-plan.html"> Pricing Plan </a> </li> <li class="nav-item"> <a class="nav-link " href="../coming-soon.html"> Coming Soon </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#error-page" role="button" aria-expanded="false" aria-controls="error-page"> <span class="item-name">Error Page</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="error-page"> <li class="nav-item"> <a class="nav-link " href="../error-page-one.html"> Error Page 1 </a> </li> <li class="nav-item"> <a class="nav-link " href="../error-page-two.html"> Error Page 2 </a> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog" role="button" aria-expanded="false" aria-controls="blog"> <span class="item-name">Blog</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog"> <li class="nav-item"> <a class="nav-link " href="../blog/blog-listing.html"> Listing </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-grid" role="button" aria-expanded="false" aria-controls="blog-grid"> <span class="item-name">Blog Grid</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-grid"> <li class="nav-item"> <a class="nav-link " href="../blog/one-column.html"> 1 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/two-column.html"> 2 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/three-column.html"> 3 Column </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/four-column.html"> 4 Column </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-sidebar" role="button" aria-expanded="false" aria-controls="blog-sidebar"> <span class="item-name">Blog Sidebar</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-sidebar"> <li class="nav-item"> <a class="nav-link " href="../blog/left-sidebar.html"> Left Sidebar </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/right-sidebar.html"> Right Sidebar </a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#blog-single" role="button" aria-expanded="false" aria-controls="blog-single"> <span class="item-name">Blog Single</span> <span class="menu-icon"> <i class="fa fa-caret-right toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="blog-single"> <li class="nav-item"> <a class="nav-link " href="../blog/blog-template.html"> Blog Template </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-detail.html"> Standard </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-audio.html"> Audio </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-video.html"> Video </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-link.html"> Link </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-quote.html"> Quote </a> </li> <li class="nav-item"> <a class="nav-link " href="../blog/blog-gallery.html"> Gallery </a> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="collapse" href="#shop" role="button" aria-expanded="false" aria-controls="shop"> <span class="item-name">Shop</span> <span class="menu-icon"> <i class="fa fa-caret-down toggledrop-desktop right-icon" aria-hidden="true"></i> <span class="toggle-menu"> <i class="fa fa-plus arrow-active text-white" aria-hidden="true"></i> <i class="fa fa-minus arrow-hover text-white" aria-hidden="true"></i> </span> </span> </a> <ul class="sub-nav collapse list-unstyled" id="shop"> <li class="nav-item"> <a class="nav-link active" href="../shop/shop.html"> Shop </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/my-account.html"> My Account Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/cart.html"> Cart Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/wishlist.html"> Wishlist Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/checkout.html"> Checkout Page </a> </li> <li class="nav-item"> <a class="nav-link " href="../shop/order-tracking.html"> Order Tracking </a> </li> </ul> </li> </ul> </div> <!-- container-fluid.// --> </nav> <!-- Horizontal Menu End --> <div class="right-panel"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-btn"> <span class="navbar-toggler-icon"></span> </span> </button> <div class="collapse navbar-collapse p-3" id="navbarSupportedContent"> <div class="iq-meta-menu-container d-xl-block d-none"> <ul class="d-flex align-items-center m-0 list-inline iq-meta-menu"> <li> <a href="../shop/my-account.html">My Account</a> </li> <li> <a href="https://iqonic.desky.support/">Customer Support</a> </li> <li> <a href="../contact-us.html">Help?</a> </li> </ul> </div> <div class="d-xl-none"> <ul class="d-flex align-items-center justify-content-end gap-3 list-inline mb-0"> <li> <div class="search-box-2"> <form> <input type="text" class="form-control" placeholder="Search..."> <button type="submit" class="search-btn"> <svg width="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </circle> <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> </path> </svg> </button> </form> </div> </li> <li> <a href="#offcanvasCart" class="text-white" data-bs-toggle="offcanvas"> <span class="btn-icon rounded-pill user-icons"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0096 14.3334H4.44435C2.40011 14.3334 0.831841 13.595 1.2773 10.6232L1.79599 6.59575C2.07059 5.11292 3.01643 4.54541 3.84633 4.54541H10.632C11.4741 4.54541 12.365 5.15563 12.6823 6.59575L13.201 10.6232C13.5794 13.2594 12.0538 14.3334 10.0096 14.3334Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10.1008 4.39882C10.1008 2.80811 8.81129 1.51858 7.22057 1.51858V1.51858C6.45457 1.51533 5.71883 1.81735 5.17604 2.35786C4.63325 2.89836 4.32812 3.63282 4.32813 4.39882H4.32812" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.1983 7.4013H9.16779" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.3106 7.4013H5.28009" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </a> </li> <li class="dropdown" id="itemdropdown2"> <a class="text-white d-flex align-items-center" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="btn-icon rounded-pill user-icons"> <span class="btn-inner"> <svg class="icon-18" width="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.87651 15.2063C6.03251 15.2063 2.74951 15.7873 2.74951 18.1153C2.74951 20.4433 6.01251 21.0453 9.87651 21.0453C13.7215 21.0453 17.0035 20.4633 17.0035 18.1363C17.0035 15.8093 13.7415 15.2063 9.87651 15.2063Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.8766 11.886C12.3996 11.886 14.4446 9.841 14.4446 7.318C14.4446 4.795 12.3996 2.75 9.8766 2.75C7.3546 2.75 5.3096 4.795 5.3096 7.318C5.3006 9.832 7.3306 11.877 9.8456 11.886H9.8766Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M19.2036 8.66919V12.6792" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21.2497 10.6741H17.1597" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </a> <div class="dropdown-menu dropdown-menu-end dropdown-user border-0 p-0 m-0" aria-labelledby="navbarDropdown2"> <div class="user-info d-flex align-items-center gap-3 mb-3"> <img src="../assets/images/user/user1.webp" class="img-fluid" alt="" loading="lazy"> <span class="font-size-14 fw-500 text-capitalize text-white">Jenny</span> </div> <a href="../playlist.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 22" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84455 20.6621C4.15273 20.6621 1 20.0876 1 17.7868C1 15.486 4.13273 13.3621 7.84455 13.3621C11.5364 13.3621 14.6891 15.4654 14.6891 17.7662C14.6891 20.066 11.5564 20.6621 7.84455 20.6621Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.83725 10.1738C10.26 10.1738 12.2236 8.21015 12.2236 5.78742C12.2236 3.36469 10.26 1.40015 7.83725 1.40015C5.41452 1.40015 3.44998 3.36469 3.44998 5.78742C3.4418 8.20196 5.3918 10.1656 7.80634 10.1738C7.81725 10.1738 7.82725 10.1738 7.83725 10.1738Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <h6 class="mb-0 font-size-14 fw-normal">My Account</h6> </a> <a href="view-all-movie.html" class="iq-sub-card d-flex align-items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M6.425 13.75V7.575H0.25V6.425H6.425V0.25H7.575V6.425H13.75V7.575H7.575V13.75H6.425Z" fill="white"></path> </svg> <h6 class="mb-0 font-size-14 fw-normal">Watchlist</h6> </a> <a href="pricing-plan.html" class="iq-sub-card d-flex align-items-center gap-3"> <i class="fa-regular fa-star"></i> <h6 class="mb-0 font-size-14 fw-normal">Subscription</h6> </a> <a href="#" class="iq-sub-card iq-logout-2 mt-1 d-flex justify-content-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M1.82209 15.9999C1.46654 15.9999 1.16283 15.874 0.910981 15.6221C0.659129 15.3703 0.533203 15.0666 0.533203 14.711V1.73322C0.533203 1.37767 0.659129 1.07397 0.910981 0.822114C1.16283 0.570262 1.46654 0.444336 1.82209 0.444336H7.95543V1.44434H1.82209C1.74802 1.44434 1.68135 1.47397 1.62209 1.53322C1.56283 1.59248 1.5332 1.65915 1.5332 1.73322V14.711C1.5332 14.7851 1.56283 14.8517 1.62209 14.911C1.68135 14.9703 1.74802 14.9999 1.82209 14.9999H7.95543V15.9999H1.82209ZM12.0888 11.5999L11.3554 10.8888L13.5332 8.73322H5.68876V7.711H13.511L11.3332 5.55545L12.0665 4.82211L15.4665 8.24434L12.0888 11.5999Z" fill="currentColor"></path> </svg> <h6 class="mb-0 font-size-14 fw-normal">Logout</h6> </a> </div> </li> </ul> </div> </div> </div> </div> </div> </nav> </div> </header> <!-- ================== Cart Sidebar ========================= --> <div class="offcanvas offcanvas-end sidebar-cart border-0" tabindex="-1" id="offcanvasCart"> <div class="offcanvas-header py-4"> <h5 class="offcanvas-title">Shopping Cart (3)</h5> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body py-5"> <div class="sidebar-cart-content d-flex flex-column justify-content-between"> <div class="cart-items-container"> <ul class="cart-items-list m-0 list-inline"> <li class="cart-item mb-4 pb-4 border-bottom"> <div class="cart-item-block d-flex gap-3"> <div class="image flex-shrink-0"> <img src="../assets/images/shop/product/02.webp" width="90" alt="product-image" class="img-fluid object-cover"> </div> <div class="cart-block-content position-relative flex-grow-1 pe-5"> <h6 class="mb-36 text-capitalize">Believe Mask</h6> <span class="text-primary small">$13.00</span> <div class="mt-3"> <div class="btn-group iq-qty-btn border border-white rounded-0" data-qty="btn" role="group"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-minus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="3" viewBox="0 0 6 3" fill="none"> <path d="M5.22727 0.886364H0.136364V2.13636H5.22727V0.886364Z" fill="currentColor"></path> </svg> </button> <input type="text" class="btn btn-sm btn-outline-light input-display border-0" data-qty="input" pattern="^(0|[1-9][0-9]*)$" minlength="1" maxlength="2" value="2" title="Qty"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-plus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"> <path d="M3.63636 7.70455H4.90909V4.59091H8.02273V3.31818H4.90909V0.204545H3.63636V3.31818H0.522727V4.59091H3.63636V7.70455Z" fill="currentColor"></path> </svg> </button> </div> </div> <div class="position-absolute top-0 end-0"> <a href="javascript:void();" class="text-white delete-btn text-capitalize">delete</a> </div> </div> </div> </li> <li class="cart-item mb-4 pb-4 border-bottom"> <div class="cart-item-block d-flex gap-3"> <div class="image flex-shrink-0"> <img src="../assets/images/shop/product/04.webp" width="90" alt="product-image" class="img-fluid object-cover"> </div> <div class="cart-block-content position-relative flex-grow-1 pe-5"> <h6 class="mb-36 text-capitalize">Black Cap</h6> <span class="text-primary small">$18.00</span> <div class="mt-3"> <div class="btn-group iq-qty-btn border border-white rounded-0" data-qty="btn" role="group"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-minus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="3" viewBox="0 0 6 3" fill="none"> <path d="M5.22727 0.886364H0.136364V2.13636H5.22727V0.886364Z" fill="currentColor"></path> </svg> </button> <input type="text" class="btn btn-sm btn-outline-light input-display border-0" data-qty="input" pattern="^(0|[1-9][0-9]*)$" minlength="1" maxlength="2" value="2" title="Qty"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-plus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"> <path d="M3.63636 7.70455H4.90909V4.59091H8.02273V3.31818H4.90909V0.204545H3.63636V3.31818H0.522727V4.59091H3.63636V7.70455Z" fill="currentColor"></path> </svg> </button> </div> </div> <div class="position-absolute top-0 end-0"> <a href="javascript:void();" class="text-white delete-btn text-capitalize">delete</a> </div> </div> </div> </li> <li class="cart-item"> <div class="cart-item-block d-flex gap-3"> <div class="image flex-shrink-0"> <img src="../assets/images/shop/product/05.webp" width="90" alt="product-image" class="img-fluid object-cover"> </div> <div class="cart-block-content position-relative flex-grow-1 pe-5"> <h6 class="mb-36 text-capitalize">Boxing Gloves</h6> <span class="text-primary small">$18.00</span> <div class="mt-3"> <div class="btn-group iq-qty-btn border border-white rounded-0" data-qty="btn" role="group"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-minus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="3" viewBox="0 0 6 3" fill="none"> <path d="M5.22727 0.886364H0.136364V2.13636H5.22727V0.886364Z" fill="currentColor"></path> </svg> </button> <input type="text" class="btn btn-sm btn-outline-light input-display border-0" data-qty="input" pattern="^(0|[1-9][0-9]*)$" minlength="1" maxlength="2" value="2" title="Qty"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-plus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"> <path d="M3.63636 7.70455H4.90909V4.59091H8.02273V3.31818H4.90909V0.204545H3.63636V3.31818H0.522727V4.59091H3.63636V7.70455Z" fill="currentColor"></path> </svg> </button> </div> </div> <div class="position-absolute top-0 end-0"> <a href="javascript:void();" class="text-white delete-btn text-capitalize">delete</a> </div> </div> </div> </li> </ul> </div> <div class="cart-progress-container mt-5 pt-5 border-top"> <div class="d-flex align-items-center justify-content-between gap-3 flex-wrap"> <h5 class="m-0 fw-bold">Subtotal</h5> <h5 class="m-0 fw-bold">$49.00</h5> </div> <div class="d-grid gap-3 mt-4"> <a href="../shop/checkout.html" class="btn bg-primary text-uppercase fw-medium w-100 text-white"> <span class="button-text small">checkout</span> </a> <a href="../shop/cart.html" class="btn bg-light text-uppercase fw-medium w-100 text-dark"> <span class="button-text small">view cart</span> </a> </div> </div> </div> </div> </div> <!--Nav End--> <!--bread-crumb--> <div class="iq-breadcrumb" style="background-image: url(../assets/images/pages/01.webp);"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-sm-12"> <nav aria-label="breadcrumb" class="text-center"> <h2 class="title">Shop</h2> <ol class="breadcrumb justify-content-center"> <li class="breadcrumb-item"><a href="../index.html">Home</a></li> <li class="breadcrumb-item active">Shop</li> </ol> </nav> </div> </div> </div> </div> <!--bread-crumb--> <div class="section-padding"> <div class="container"> <div class="row"> <div class="col-xl-3"> <div class="pe-3"> <div class="shop-box"> <h5 class="mb-4 text-uppercase">Product categories</h5> <ul class="list-unstyled p-0 m-0 shop-list-checkbox"> <li> Activeman (4) </li> <li> <div class="d-flex align-items-center justify-content-between"> <span>Disney World (2)</span> <a class="checkbox" data-bs-toggle="collapse" href="#categoriesone" role="button" aria-expanded="false" aria-controls="categoriesone"> </a> </div> <div class="collapse" id="categoriesone"> <ul class="list-unstyled ps-2 mt-3"> <li>Fantasia (1)</li> </ul> </div> </li> <li> Galaxy Heaven (1) </li> <li> Haunted Halloween (6) </li> <li> Marvel Studios (3) </li> <li> Monster-House (4) </li> <li> Quid Game (1) </li> <li> The Flashv (1) </li> <li> The Madrid (3) </li> <li> The-Champion(4) </li> <li> Uptight Birds (1) </li> <li> Warner Bros Films (2) </li> </ul> </div> <div class="shop-box"> <h5 class="">PRICE FILTER </h5> <div class="form-group my-4 product-range"> <div class="range-slider" id="product-price-range"></div> </div> <div class=" d-flex align-items-center my-3"> <small>Price: </small> <small id="lower-value"> $11</small> <small id="lower-value1"> - </small> <small id="upper-value"> $50</small> </div> </div> <div class="shop-box"> <h5 class="mb-4">PRODUCT SIZE</h5> <ul class="shop_list_checkbox list-unstyled"> <li> <label class="shop_checkbox_label">L</label> <input type="hidden" value="L" /> </li> <li> <label class="shop_checkbox_label">M</label> <input type="hidden" value="M" /> </li> <li> <label class="shop_checkbox_label">S</label> <input type="hidden" value="S" /> </li> </ul> </div> <div class="shop-box border-bottom-0"> <h5 class="mb-4">PRODUCTS</h5> <ul class="list-unstyled m-0 p-0 shop-product"> <li class="d-flex align-items-center mb-4"> <div class="top-product-img pe-3"> <img src="../assets/images/shop/product/01.webp" class="img-fluid" alt="img"> </div> <div class=""> <a href="product-detail.html" class="">Magic Hat</a> <p>$10.00</p> </div> </li> <li class="d-flex align-items-center mb-4"> <div class="top-product-img pe-3"> <img src="../assets/images/shop/product/30.webp" class="img-fluid" alt="img"> </div> <div class="product-detail.html"> <a href="" class="">Green Specs</a> <div> <del>$22.00</del> $18.00 </div> </div> </li> <li class="d-flex align-items-center"> <div class="top-product-img pe-3"> <img src="../assets/images/shop/product/07.webp" class="img-fluid" alt="img"> </div> <div class="product-detail.html"> <a href="" class="">Cartoon Character</a> <p class="mb-0"> $25.00 </p> </div> </li> </ul> </div> </div> </div> <div class="col-xl-9"> <div class="d-flex align-items-center justify-content-between mb-5 shop-filter flex-wrap"> <p>Showing 1–10 of 31 results </p> <div class="d-flex align-items-center "> <div class="product-view-button"> <ul class="nav_shop nav d-flex nav-pills mb-0 iq-product-filter d-flex bg-transparent align-items-center list-inline" id="pills-tab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link btn-sm btn-icon rounded-pill p-0" id="list-view-tab" data-bs-toggle="pill" data-bs-target="#pills-list-view" type="button" role="tab" aria-controls="pills-list-view" aria-selected="true"> <span class="btn-inner"> <svg class="hover_effect active_effect" width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1379_355)"> <path d="M3.42857 0H0V3.42857H3.42857V0Z" fill=""></path> <path d="M18 0.857422H6V2.57171H18V0.857422Z" fill=""> </path> <path d="M3.42857 6H0V9.42857H3.42857V6Z" fill=""></path> <path d="M18 6.85742H6V8.57171H18V6.85742Z" fill=""></path> <path d="M3.42857 12H0V15.4286H3.42857V12Z" fill=""></path> <path d="M18 12.8574H6V14.5717H18V12.8574Z" fill=""></path> </g> <defs> <clipPath id="clip0_1379_355"> <rect width="18" height="15.4286" fill=""></rect> </clipPath> </defs> </svg> </span> </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link btn-sm btn-icon rounded-pill p-0" id="grid-view-tab" data-bs-toggle="pill" data-bs-target="#pills-grid-view" type="button" role="tab" aria-controls="pills-grid-view" aria-selected="false"> <span class="btn-inner"> <svg class="hover_effect active_effect" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.57143 0H0V8.57143H8.57143V0Z" fill=""></path> <path d="M17.9999 0H9.42847V8.57143H17.9999V0Z" fill=""></path> <path d="M8.57143 9.42871H0V18.0001H8.57143V9.42871Z" fill=""> </path> <path d="M17.9999 9.42871H9.42847V18.0001H17.9999V9.42871Z" fill=""></path> </svg> </span> </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link btn-sm btn-icon rounded-pill p-0 active" id="grid-three-view-tab" data-bs-toggle="pill" data-bs-target="#pills-grid-three-view-tab" type="button" role="tab" aria-controls="pills-grid-three-view-tab" aria-selected="false"> <span class="btn-inner"> <svg class="hover_effect active_effect" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.90909 0H0V4.90909H4.90909V0Z" fill=""></path> <path d="M11.4545 0H6.54541V4.90909H11.4545V0Z" fill=""></path> <path d="M17.9999 0H13.0908V4.90909H17.9999V0Z" fill=""></path> <path d="M4.90909 6.5459H0V11.455H4.90909V6.5459Z" fill=""> </path> <path d="M11.4545 6.5459H6.54541V11.455H11.4545V6.5459Z" fill=""> </path> <path d="M17.9999 6.5459H13.0908V11.455H17.9999V6.5459Z" fill=""> </path> <path d="M4.90909 13.0908H0V17.9999H4.90909V13.0908Z" fill=""> </path> <path d="M11.4545 13.0908H6.54541V17.9999H11.4545V13.0908Z" fill=""></path> <path d="M17.9999 13.0908H13.0908V17.9999H17.9999V13.0908Z" fill=""></path> </svg> </span> </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link btn-sm btn-icon rounded-pill p-0" id="grid-three-four-tab" data-bs-toggle="pill" data-bs-target="#pills-grid-three-four-view-tab" type="button" role="tab" aria-controls="pills-grid-three-four-view-tab" aria-selected="false"> <span class="btn-inner"> <svg class="hover_effect active_effect" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.85714 0H0V3.85714H3.85714V0Z" fill=""></path> <path d="M8.5715 0H4.71436V3.85714H8.5715V0Z" fill=""></path> <path d="M13.2856 0H9.42847V3.85714H13.2856V0Z" fill=""></path> <path d="M18 0H14.1428V3.85714H18V0Z" fill=""></path> <path d="M3.85714 4.71387H0V8.57101H3.85714V4.71387Z" fill=""> </path> <path d="M8.5715 4.71387H4.71436V8.57101H8.5715V4.71387Z" fill=""></path> <path d="M13.2856 4.71387H9.42847V8.57101H13.2856V4.71387Z" fill=""></path> <path d="M18 4.71387H14.1428V8.57101H18V4.71387Z" fill=""></path> <path d="M3.85714 9.42871H0V13.2859H3.85714V9.42871Z" fill=""> </path> <path d="M8.5715 9.42871H4.71436V13.2859H8.5715V9.42871Z" fill=""></path> <path d="M13.2856 9.42871H9.42847V13.2859H13.2856V9.42871Z" fill=""></path> <path d="M18 9.42871H14.1428V13.2859H18V9.42871Z" fill=""></path> <path d="M3.85714 14.1426H0V17.9997H3.85714V14.1426Z" fill=""> </path> <path d="M8.5715 14.1426H4.71436V17.9997H8.5715V14.1426Z" fill=""></path> <path d="M13.2856 14.1426H9.42847V17.9997H13.2856V14.1426Z" fill=""></path> <path d="M18 14.1426H14.1428V17.9997H18V14.1426Z" fill=""></path> </svg> </span> </button> </li> </ul> </div> <div class="iq-custom-select d-inline-block shop-select"> <select name="cars" class="form-control season-select select2-basic-single js-states"> <option value="season1">Default sorting</option> <option>Sort by popularity</option> <option>Sort by average rating</option> <option>Sort by latest</option> <option>Sort by price: low to high</option> <option>Sort by price: high to low</option> </select> </div> </div> </div> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade " id="pills-list-view" role="tabpanel" aria-labelledby="list-view-tab"> <div class="row row-cols-1"> <div class="col"> <div class="product-block product-list"> <div class="row"> <div class="col-md-4 ps-0"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/01.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> </ul> </div> </div> </div> <div class="col-md-8"> <div class="product-caption"> <h5 class="product__title"> <a href="shop/product-detail.html" class="title-link"> Bag Pack</a> </h5> <div class="price-detail"> <div class="price"> <del>$48.00</del>$28.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> <ul class="iq-button-holder list-inline d-flex flex-wrap gap-3"> <li> <div class="iq-button"> <a href="#" class="btn btn-sm cart-btn text-uppercase position-relative"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="far fa-heart"></i></a> </li> </ul> <p class="blog-desc line-count-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.</p> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block product-list"> <div class="row"> <div class="col-md-4 ps-0"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/02.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> </ul> </div> </div> </div> <div class="col-md-8"> <div class="product-caption"> <h5 class="product__title"> <a href="shop/product-detail.html" class="title-link"> Believe Mask</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$13.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> <ul class="iq-button-holder list-inline d-flex flex-wrap gap-3"> <li> <div class="iq-button"> <a href="#" class="btn btn-sm cart-btn text-uppercase position-relative"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="far fa-heart"></i></a> </li> </ul> <p class="blog-desc line-count-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.</p> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block product-list"> <div class="row"> <div class="col-md-4 ps-0"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/03.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> </ul> </div> </div> </div> <div class="col-md-8"> <div class="product-caption"> <h5 class="product__title"> <a href="shop/product-detail.html" class="title-link"> Black Bow</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 - $45.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> <ul class="iq-button-holder list-inline d-flex flex-wrap gap-3"> <li> <div class="iq-button"> <a href="#" class="btn btn-sm cart-btn text-uppercase position-relative"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="far fa-heart"></i></a> </li> </ul> <p class="blog-desc line-count-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.</p> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block product-list"> <div class="row"> <div class="col-md-4 ps-0"> <span class="onsale bg-primary"> New! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/04.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> </ul> </div> </div> </div> <div class="col-md-8"> <div class="product-caption"> <h5 class="product__title"> <a href="shop/product-detail.html" class="title-link"> Black Cap</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> <ul class="iq-button-holder list-inline d-flex flex-wrap gap-3"> <li> <div class="iq-button"> <a href="#" class="btn btn-sm cart-btn text-uppercase position-relative"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="far fa-heart"></i></a> </li> </ul> <p class="blog-desc line-count-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.</p> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block product-list"> <div class="row"> <div class="col-md-4 ps-0"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/05.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> </ul> </div> </div> </div> <div class="col-md-8"> <div class="product-caption"> <h5 class="product__title"> <a href="shop/product-detail.html" class="title-link"> Boxing Gloves</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> <ul class="iq-button-holder list-inline d-flex flex-wrap gap-3"> <li> <div class="iq-button"> <a href="#" class="btn btn-sm cart-btn text-uppercase position-relative"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="far fa-heart"></i></a> </li> </ul> <p class="blog-desc line-count-2">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable.</p> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-grid-view" role="tabpanel" aria-labelledby="grid-view-tab"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2"> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/01.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Bag Pack</a> </h5> <div class="price-detail"> <div class="price"> <del>$48.00</del>$28.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/02.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Believe Mask</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$13.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/03.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Bow</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 - $45.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> New! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/04.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Cap</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/05.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Boxing Gloves</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/06.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Carry Bag</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show active" id="pills-grid-three-view-tab" role="tabpanel" aria-labelledby="grid-three-view-tab"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3"> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/01.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Bag Pack</a> </h5> <div class="price-detail"> <div class="price"> <del>$48.00</del>$28.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/02.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Believe Mask</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$13.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/03.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Bow</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 - $45.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> New! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/04.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Cap</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/05.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Boxing Gloves</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/06.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Carry Bag</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/07.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> cartoon-character</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$25.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/08.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Coffee Cup</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/09.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Crown</a> </h5> <div class="price-detail"> <div class="price"> <del>$10.00</del>$07.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-grid-three-four-view-tab" role="tabpanel"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4"> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/01.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Bag Pack</a> </h5> <div class="price-detail"> <div class="price"> <del>$48.00</del>$28.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/02.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Believe Mask</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$13.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/03.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Bow</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 - $45.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> New! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/04.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Black Cap</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/05.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Boxing Gloves</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/06.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Carry Bag</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/07.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> cartoon-character</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$25.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/08.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Coffee Cup</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/09.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Crown</a> </h5> <div class="price-detail"> <div class="price"> <del>$10.00</del>$07.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/10.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Daily Diary</a> </h5> <div class="price-detail"> <div class="price"> <del>$20.00</del>$18.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/11.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Floral Badges</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$20 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <div class="col"> <div class="product-block"> <span class="onsale bg-primary"> Sale! </span> <div class="image-wrap"> <a href="../shop/product-detail.html"> <div class="product-image"> <img src="../assets/images/shop/product/12.webp" class="img-fluid w-100" alt="productImg-" loading="lazy" /> </div> </a> <div class="buttons-holder"> <ul class="list-unstyled m-0 p-0"> <li> <a class="cursor-pointer" data-bs-toggle="modal" data-bs-target="#woosq-popup"> <i class="fa-solid fa-eye"></i> </a> </li> <li> <a href="#" class="add_to_wishlist wishlist-btn"><i class="fa-solid fa-heart"></i></a> </li> <li> <a href="#" class="added_to_cart cart-btn d-flex align-items-center"> <i class="fa-solid fa-basket-shopping"></i> </a> </li> </ul> </div> </div> <div class="product-caption"> <h5 class="product__title"> <a href="../shop/product-detail.html" class="title-link"> Ghost Cap</a> </h5> <div class="price-detail"> <div class="price"> <del></del>$90.00 </div> </div> <div class="container-rating"> <div class="star-rating text-primary"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star-half text-warning" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="woosq-popup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered positon-relative"> <div class="modal-content rounded-0 border-0"> <div class="modal-body p-0"> <button type="button" class="btn-close position-absolute end-0" data-bs-dismiss="modal" aria-label="Close"></button> <div class="row align-items-center"> <div class="col-md-6"> <img src="../assets/images/shop/product/01.webp" class="object-cover" alt="shop-img"> </div> <div class="col-md-6"> <div class="entry-summary p-md-4"> <h3>Bag Pack</h3> <div class="review"> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> <span> <i class="fa fa-star text-warning" aria-hidden="true"></i> </span> </div> <h4 class="price text-white mt-3"><del class="text-body fw-normal me-1">$48.00</del>$28.00 </h4> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. </p> <ul class="list-inline m-0 p-0 d-flex align-items-center gap-3 flex-wrap pt-0 pt-md-4 pb-5"> <li> <div class="btn-group iq-qty-btn border border-white rounded-0" data-qty="btn" role="group"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-minus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="6" height="3" viewBox="0 0 6 3" fill="none"> <path d="M5.22727 0.886364H0.136364V2.13636H5.22727V0.886364Z" fill="currentColor"></path> </svg> </button> <input type="text" class="btn btn-sm btn-outline-light input-display border-0" data-qty="input" pattern="^(0|[1-9][0-9]*)$" minlength="1" maxlength="2" value="2" title="Qty"> <button type="button" class="btn btn-sm btn-outline-light iq-quantity-plus text-white border-0"> <svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"> <path d="M3.63636 7.70455H4.90909V4.59091H8.02273V3.31818H4.90909V0.204545H3.63636V3.31818H0.522727V4.59091H3.63636V7.70455Z" fill="currentColor"></path> </svg> </button> </div> </li> <li> <div class="iq-button"> <a href="#" class="btn btn-sm text-uppercase position-relative cart-btn"> <span class="button-text">add to cart</span> <i class="fa-solid fa-play"></i> </a> </div> </li> </ul> <div class="d-flex align-items-center gap-2"> <span class="fw-semibold text-white">SKU :</span> <span>Bag Pack</span> </div> <div class="d-flex align-items-center gap-2"> <span class="fw-semibold text-white">Category :</span> <span class="text-primary">Uptight Birds</span> </div> <div class="d-flex align-items-center gap-2"> <span class="fw-semibold text-white">Tags :</span> <span class="text-primary">Costume,</span> <span class="text-primary">Lighting</span> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer footer-default"> <div class="container-fluid"> <div class="footer-top"> <div class="row"> <div class="col-xl-3 col-lg-6 mb-5 mb-lg-0"> <div class="footer-logo"> <!--Logo --> <div class="logo-default"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hotstar"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-prime"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-prime.webp" loading="lazy" alt="streamit" /> </a> </div> <div class="logo-hulu"> <a class="navbar-brand text-primary" href="../index.html"> <img class="img-fluid logo" src="../assets/images/logo-hulu.webp" loading="lazy" alt="streamit" /> </a> </div> </div> <p class="mb-4 font-size-14">Email us: <span class="text-white">customer@streamit.com</span> </p> <p class="text-uppercase letter-spacing-1 font-size-14 mb-1">customer services</p> <p class="mb-0 contact text-white">+ (480) 555-0103</p> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">Quick Links</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../about-us.html" class="ms-3">about us</a> </li> <li class="mb-3"> <a href="../blog/blog-listing.html" class="ms-3">Blog</a> </li> <li class="mb-3"> <a href="../pricing-plan.html" class="ms-3">Pricing Plan</a> </li> <li> <a href="../faq.html" class="ms-3">FAQ</a> </li> </ul> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">Movies to watch</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../view-all-movie.html" class="ms-3">Top trending</a> </li> <li class="mb-3"> <a href="../view-all-movie.html" class="ms-3">Recommended</a> </li> <li> <a href="../view-all-movie.html" class="ms-3">Popular</a> </li> </ul> </div> <div class="col-xl-2 col-lg-6 mb-5 mb-lg-0"> <h4 class="footer-link-title">About company</h4> <ul class="list-unstyled footer-menu"> <li class="mb-3"> <a href="../contact-us.html" class="ms-3">contact us</a> </li> <li class="mb-3"> <a href="../privacy-policy.html" class="ms-3">privacy policy</a> </li> <li> <a href="../terms-of-use.html" class="ms-3">Terms of use</a> </li> </ul> </div> <div class="col-xl-3 col-lg-6"> <h4 class="footer-link-title">Subscribe Newsletter</h4> <div class="mailchimp mailchimp-dark"> <div class="input-group mb-3 mt-4"> <input type="text" class="form-control mb-0 font-size-14" placeholder="Email*" aria-describedby="button-addon2"> <div class="iq-button"> <button type="submit" class="btn btn-sm" id="button-addon2">Subscribe</button> </div> </div> </div> <div class="d-flex align-items-center mt-5"> <span class="font-size-14 me-2">Follow Us:</span> <ul class="p-0 m-0 list-unstyled widget_social_media"> <li class=""> <a href="https://www.facebook.com/" class="position-relative"> <i class="fab fa-facebook"></i> </a> </li> <li class=""> <a href="https://twitter.com/" class="position-relative"> <i class="fab fa-twitter"></i> </a> </li> <li class=""> <a href="https://github.com/" class="position-relative"> <i class="fab fa-github"></i> </a> </li> <li class=""> <a href="https://www.instagram.com/" class="position-relative"> <i class="fab fa-instagram"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom border-top"> <div class="row align-items-center"> <div class="col-md-6"> <ul class="menu list-inline p-0 d-flex flex-wrap align-items-center"> <li class="menu-item"> <a href="#"> Terms Of Use </a> </li> <li id="menu-item-7316" class="menu-item"> <a href="../privacy-policy.html"> Privacy-Policy </a> </li> <li class="menu-item"> <a href="../faq.html"> FAQ </a> </li> <li class="menu-item"> <a href="../playlist.html"> Watch List </a> </li> </ul> <p class="font-size-14">© <span class="currentYear"></span> <span class="text-primary">STREAMIT</span>. All Rights Reserved. All videos and shows on this platform are trademarks of, and all related images and content are the property of, Streamit Inc. Duplication and copy of this is strictly prohibited. All rights reserved. </p> </div> <div class="col-md-3"></div> <div class="col-md-3"> <h6 class="font-size-14 pb-1">Download Streamit Apps </h6> <div class="d-flex align-items-center"> <a class="app-image" href="#"> <img src="../assets/images/footer/google-play.webp" loading="lazy" alt="play-store" /> </a> <br /> <a class="ms-3 app-image" href="#"> <img src="../assets/images/footer/apple.webp" loading="lazy" alt="app-store" /> </a> </div> </div> </div> </div> </div> </footer> <div class="rtl-box"> <a class="btn btn-fixed-end btn-icon btn-setting" id="settingbutton" data-bs-toggle="offcanvas" data-bs-target="#live-customizer" role="button" aria-controls="live-customizer"> <svg xmlns="http://www.w3.org/2000/svg" width="1.875em" height="1.875em" viewBox="0 0 20 20" fill="white"> <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" /> </svg> </a> <div class="offcanvas offcanvas-end live-customizer on-rtl end" tabindex="-1" id="live-customizer" data-bs-scroll="true" data-bs-backdrop="false" aria-labelledby="live-customizer-label" aria-modal="true" role="dialog"> <div class="offcanvas-header gap-3"> <div class="d-flex align-items-center"> <h5 class="offcanvas-title text-dark" id="live-customizer-label">Live Customizer</h5> </div> <div class="d-flex gap-1 align-items-center"> <button class="btn btn-icon text-primary" data-reset="settings" data-bs-toggle="tooltip" data-bs-placement="left" aria-label="Reset All Settings" data-bs-original-title="Reset All Settings"> <span class="btn-inner"> <i class="fa-solid fa-arrows-rotate"></i> </span> </button> <button type="button" class="btn btn-icon btn-close px-0 text-reset shadow-none text-dark" data-bs-dismiss="offcanvas" aria-label="Close"> <i class="fa-solid fa-xmark"></i> </button> </div> </div> <div class="offcanvas-body pt-0"> <div class="modes row row-cols-2 gx-2"> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="ltr" class="btn-check" name="theme_scheme_direction" data-prop="dir" id="theme-scheme-direction-ltr" checked> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-direction-ltr"> LTR </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="rtl" class="btn-check" name="theme_scheme_direction" data-prop="dir" id="theme-scheme-direction-rtl"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-direction-rtl"> RTL </label> </div> </div> </div> <div class="modes mt-3"> <div class="color-customizer mb-3"> <h6 class="mb-0 title-customizer">Color Customizer</h6> </div> <div class="row row-cols-2 gx-2"> <div class="col mb-3"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="dark" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-netflix" checked> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-netflix"> Netflix </label> </div> </div> <div class="col mb-3"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="hotstar" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-hotstar"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-hotstar"> Hotstar </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="amazonprime" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-prime"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-prime"> Prime </label> </div> </div> <div class="col"> <div data-setting="attribute" class="text-center w-100"> <input type="radio" value="hulu" class="btn-check" name="theme_style_appearance" data-prop="data-bs-theme" id="theme-scheme-color-hulu"> <label class="btn dir-btn cutomizer-button w-100" for="theme-scheme-color-hulu"> Hulu </label> </div> </div> </div> </div> </div> </div> </div> <div id="back-to-top" style="display: none;"> <a class="p-0 btn bg-primary btn-sm position-fixed top border-0 rounded-circle" id="top" href="#top"> <i class="fa-solid fa-chevron-up"></i> </a> </div> <!-- Wrapper End--> <!-- Library Bundle Script --> <script src="../assets/js/core/libs.min.js"></script> <!-- Plugin Scripts --> <!-- Sweet-alert Script --> <script src="../assets/vendor/sweetalert2/sweetalert2.min.js" async></script> <script src="../assets/js/plugins/sweet-alert.js" defer></script> <!-- Select2 Script --> <script src="../assets/js/plugins/select2.js" defer></script> <!-- NoUI Slider Script --> <script src="../assets/vendor/noUiSilder/script/nouislider.min.js"></script> <script src="../assets/js/plugins/nouslider.js" defer></script> <!-- Lodash Utility --> <script src="../assets/vendor/lodash/lodash.min.js"></script> <!-- External Library Bundle Script --> <script src="../assets/js/core/external.min.js"></script> <!-- countdown Script --> <script src="../assets/js/plugins/countdown.js"></script> <!-- utility Script --> <script src="../assets/js/utility.js"></script> <!-- Setting Script --> <script src="../assets/js/setting.js"></script> <script src="../assets/js/setting-init.js" defer></script> <!-- Streamit Script --> <script src="../assets/js/streamit.js" defer></script> <script src="../assets/js/swiper.js" defer></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings