ok

Mini Shell

Direktori : /home2/selectio/public_html/wedding-info-new/
Upload File :
Current File : //home2/selectio/public_html/wedding-info-new/tabs.html

<!DOCTYPE html>
 <html lang="en">

 <head>
<!-- Original URL: https://themes.pixelstrap.com/multikart-app/tabs.html
Date Downloaded: 20-09-2023 15:19:54 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Multikart" />
     <meta name="keywords" content="Multikart" />
     <meta name="author" content="Multikart" />
     <link rel="manifest" href="manifest.json" />
     <link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
     <title>Multikart PWA App </title>
     <link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
     <link rel="apple-touch-icon" href="assets/images/favicon.png" />
     <meta name="theme-color" content="#ff4c3b" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <meta name="apple-mobile-web-app-title" content="multikart" />
     <meta name="msapplication-TileImage" content="assets/images/favicon.png" />
     <meta name="msapplication-TileColor" content="#FFFFFF" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />

     <!--Google font-->
     <link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" />

     <!-- bootstrap css -->
     <link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" />

     <!-- slick css -->
     <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" />
     <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" />

     <!-- iconly css -->
     <link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" />

     <!-- Theme css -->
     <link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" />

 </head>

 <body>

     <!-- loader strat -->
     <div class="loader">
         <span></span>
         <span></span>
     </div>
     <!-- loader end -->


     <!-- header start -->
     <header>
         <div class="back-links">
             <a href="pages.html">
                 <i class="iconly-Arrow-Left icli"></i>
                 <div class="content">
                     <h2>Tabs </h2>
                 </div>
             </a>
         </div>
     </header>
     <!-- header end -->

     <!-- section start -->
     <section class="alert-classic top-space section-b-space pt-0">
         <div class="tab-section">
             <ul class="nav nav-tabs theme-tab pl-15">
               <li class="nav-item">
                 <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#trending" type="button">Trending
                  Now </button>
               </li>
               <li class="nav-item">
                 <button class="nav-link" data-bs-toggle="tab" data-bs-target="#top" type="button">Top Picks </button>
               </li>
               <li class="nav-item">
                 <button class="nav-link" data-bs-toggle="tab" data-bs-target="#featured" type="button">Featured
                  Products </button>
               </li>
               <li class="nav-item">
                 <button class="nav-link" data-bs-toggle="tab" data-bs-target="#rated" type="button">Top Rated </button>
               </li>
               <li class="nav-item">
                 <button class="nav-link" data-bs-toggle="tab" data-bs-target="#ship" type="button">Ready to ship </button>
               </li>
             </ul>
             <div class="tab-content px-15">
               <div class="tab-pane fade show active" id="trending">
                 <div class="row gy-3 gx-3">
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
               <div class="tab-pane fade" id="top">
                 <div class="row gy-3 gx-3">
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
               <div class="tab-pane fade" id="featured">
                 <div class="row gy-3 gx-3">
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
               <div class="tab-pane fade" id="rated">
                 <div class="row gy-3 gx-3">
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
               <div class="tab-pane fade" id="ship">
                 <div class="row gy-3 gx-3">
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="col-6">
                     <div class="product-box ratio_square">
                       <div class="img-part">
                         <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
                         <div class="wishlist-btn">
                           <i class="iconly-Heart icli"></i>
                           <i class="iconly-Heart icbo"></i>
                           <div class="effect-group">
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                             <span class="effect"></span>
                           </div>
                         </div>
                       </div>
                       <div class="product-content">
                         <ul class="ratings">
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo"></i></li>
                           <li><i class="iconly-Star icbo empty"></i></li>
                         </ul>
                         <a href="product.html">
                           <h4>Blue Denim Jacket </h4>
                         </a>
                         <div class="price">
                           <h4>$32.00  <del>$35.00 </del><span>20% </span></h4>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
     </section>
     <!-- section end -->


     <!-- latest jquery-->
     <script src="assets/js/jquery-3.3.1.min.js"></script>

     <!-- Bootstrap js-->
     <script src="assets/js/bootstrap.bundle.min.js"></script>

     <!-- Slick js-->
     <script src="assets/js/slick.js"></script>

     <!-- script js -->
     <script src="assets/js/script.js"></script>

 </body>

 </html>

Zerion Mini Shell 1.0