[xml] code

Viewer

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
  7.     <title>Ecommerce Shop | CORK - Multipurpose Bootstrap Dashboard Template </title>
  8.     <link rel="icon" type="image/x-icon" href="../src/assets/img/favicon.ico"/>
  9.     <link href="../layouts/vertical-dark-menu/css/light/loader.css" rel="stylesheet" type="text/css" />
  10.     <link href="../layouts/vertical-dark-menu/css/dark/loader.css" rel="stylesheet" type="text/css" />
  11.     <script src="../layouts/vertical-dark-menu/loader.js"></script>
  12.     <!-- BEGIN GLOBAL MANDATORY STYLES -->
  13.     <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
  14.     <link href="../src/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  15.     <link href="../layouts/vertical-dark-menu/css/light/plugins.css" rel="stylesheet" type="text/css" />
  16.     <link href="../layouts/vertical-dark-menu/css/dark/plugins.css" rel="stylesheet" type="text/css" />
  17.     <!-- END GLOBAL MANDATORY STYLES -->
  18.  
  19.     <!--  BEGIN CUSTOM STYLE FILE  -->
  20.     <!--  END CUSTOM STYLE FILE  -->
  21. </head>
  22. <body class="" data-bs-spy="scroll" data-bs-target="#navSection" data-bs-offset="140">
  23.     
  24.     <!-- BEGIN LOADER -->
  25.     <div id="load_screen"> <div class="loader"> <div class="loader-content">
  26.         <div class="spinner-grow align-self-center"></div>
  27.     </div></div></div>
  28.     <!--  END LOADER -->
  29.  
  30.     <!--  BEGIN NAVBAR  -->
  31.     <div class="header-container container-xxl">
  32.         <header class="header navbar navbar-expand-sm expand-header">
  33.  
  34.             <ul class="navbar-item theme-brand flex-row  text-center">
  35.                 <li class="nav-item theme-logo">
  36.                     <a href="index.html">
  37.                         <img src="../src/assets/img/logo2.svg" class="navbar-logo" alt="logo">
  38.                     </a>
  39.                 </li>
  40.                 <li class="nav-item theme-text">
  41.                     <a href="index.html" class="nav-link"> CORK </a>
  42.                 </li>
  43.             </ul>
  44.  
  45.             <div class="search-animated toggle-search">
  46.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  47.                 <form class="form-inline search-full form-inline search" role="search">
  48.                     <div class="search-bar">
  49.                         <input type="text" class="form-control search-form-control  ml-lg-auto" placeholder="Search...">
  50.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x search-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  51.                     </div>
  52.                 </form>
  53.                 <span class="badge badge-secondary">Ctrl + /</span>
  54.             </div>
  55.  
  56.             <ul class="navbar-item flex-row ms-lg-auto ms-0 action-area">
  57.  
  58.                 <li class="nav-item dropdown language-dropdown">
  59.                     <a href="javascript:void(0);" class="nav-link dropdown-toggle" id="language-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  60.                         <img src="../src/assets/img/1x1/us.svg" class="flag-width" alt="flag">
  61.                     </a>
  62.                     <div class="dropdown-menu position-absolute" aria-labelledby="language-dropdown">
  63.                         <a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/us.svg" class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;English</span></a>
  64.                         <a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/tr.svg" class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Turkish</span></a>
  65.                         <a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/br.svg" class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Portuguese</span></a>
  66.                         <a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/in.svg" class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Hindi</span></a>
  67.                         <a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/de.svg" class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;German</span></a>
  68.                     </div>
  69.                 </li>
  70.  
  71.                 <li class="nav-item theme-toggle-item">
  72.                     <a href="javascript:void(0);" class="nav-link theme-toggle">
  73.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon dark-mode"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
  74.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun light-mode"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
  75.                     </a>
  76.                 </li>
  77.  
  78.                 <li class="nav-item dropdown notification-dropdown">
  79.                     <a href="javascript:void(0);" class="nav-link dropdown-toggle" id="notificationDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  80.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg><span class="badge badge-success"></span>
  81.                     </a>
  82.  
  83.                     <div class="dropdown-menu position-absolute" aria-labelledby="notificationDropdown">
  84.                         <div class="drodpown-title message">
  85.                             <h6 class="d-flex justify-content-between"><span class="align-self-center">Messages</span> <span class="badge badge-primary">9 Unread</span></h6>
  86.                         </div>
  87.                         <div class="notification-scroll">
  88.                             <div class="dropdown-item">
  89.                                 <div class="media server-log">
  90.                                     <img src="../src/assets/img/profile-16.jpeg" class="img-fluid me-2" alt="avatar">
  91.                                     <div class="media-body">
  92.                                         <div class="data-info">
  93.                                             <h6 class="">Kara Young</h6>
  94.                                             <p class="">1 hr ago</p>
  95.                                         </div>
  96.                                         
  97.                                         <div class="icon-status">
  98.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  99.                                         </div>
  100.                                     </div>
  101.                                 </div>
  102.                             </div>
  103.                             
  104.                             <div class="dropdown-item">
  105.                                 <div class="media ">
  106.                                     <img src="../src/assets/img/profile-15.jpeg" class="img-fluid me-2" alt="avatar">
  107.                                     <div class="media-body">
  108.                                         <div class="data-info">
  109.                                             <h6 class="">Daisy Anderson</h6>
  110.                                             <p class="">8 hrs ago</p>
  111.                                         </div>
  112.  
  113.                                         <div class="icon-status">
  114.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  115.                                         </div>
  116.                                     </div>
  117.                                 </div>
  118.                             </div>
  119.  
  120.                             <div class="dropdown-item">
  121.                                 <div class="media file-upload">
  122.                                     <img src="../src/assets/img/profile-21.jpeg" class="img-fluid me-2" alt="avatar">
  123.                                     <div class="media-body">
  124.                                         <div class="data-info">
  125.                                             <h6 class="">Oscar Garner</h6>
  126.                                             <p class="">14 hrs ago</p>
  127.                                         </div>
  128.  
  129.                                         <div class="icon-status">
  130.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  131.                                         </div>
  132.                                     </div>
  133.                                 </div>
  134.                             </div>
  135.                             
  136.                             <div class="drodpown-title notification mt-2">
  137.                                 <h6 class="d-flex justify-content-between"><span class="align-self-center">Notifications</span> <span class="badge badge-secondary">16 New</span></h6>
  138.                             </div>
  139.  
  140.                             <div class="dropdown-item">
  141.                                 <div class="media server-log">
  142.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-server"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6" y2="6"></line><line x1="6" y1="18" x2="6" y2="18"></line></svg>
  143.                                     <div class="media-body">
  144.                                         <div class="data-info">
  145.                                             <h6 class="">Server Rebooted</h6>
  146.                                             <p class="">45 min ago</p>
  147.                                         </div>
  148.  
  149.                                         <div class="icon-status">
  150.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  151.                                         </div>
  152.                                     </div>
  153.                                 </div>
  154.                             </div>
  155.  
  156.                             <div class="dropdown-item">
  157.                                 <div class="media file-upload">
  158.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
  159.                                     <div class="media-body">
  160.                                         <div class="data-info">
  161.                                             <h6 class="">Kelly Portfolio.pdf</h6>
  162.                                             <p class="">670 kb</p>
  163.                                         </div>
  164.  
  165.                                         <div class="icon-status">
  166.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  167.                                         </div>
  168.                                     </div>
  169.                                 </div>
  170.                             </div>
  171.  
  172.                             <div class="dropdown-item">
  173.                                 <div class="media ">
  174.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
  175.                                     <div class="media-body">
  176.                                         <div class="data-info">
  177.                                             <h6 class="">Licence Expiring Soon</h6>
  178.                                             <p class="">8 hrs ago</p>
  179.                                         </div>
  180.  
  181.                                         <div class="icon-status">
  182.                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
  183.                                         </div>
  184.                                     </div>
  185.                                 </div>
  186.                             </div>
  187.                             
  188.                         </div>
  189.                     </div>
  190.                     
  191.                 </li>
  192.  
  193.                 <li class="nav-item dropdown user-profile-dropdown  order-lg-0 order-1">
  194.                     <a href="javascript:void(0);" class="nav-link dropdown-toggle user" id="userProfileDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  195.                         <div class="avatar-container">
  196.                             <div class="avatar avatar-sm avatar-indicators avatar-online">
  197.                                 <img alt="avatar" src="../src/assets/img/profile-30.png" class="rounded-circle">
  198.                             </div>
  199.                         </div>
  200.                     </a>
  201.  
  202.                     <div class="dropdown-menu position-absolute" aria-labelledby="userProfileDropdown">
  203.                         <div class="user-profile-section">
  204.                             <div class="media mx-auto">
  205.                                 <div class="emoji me-2">
  206.                                     &#x1F44B;
  207.                                 </div>
  208.                                 <div class="media-body">
  209.                                     <h5>Shaun Park</h5>
  210.                                     <p>Project Leader</p>
  211.                                 </div>
  212.                             </div>
  213.                         </div>
  214.                         <div class="dropdown-item">
  215.                             <a href="user-profile.html">
  216.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> <span>Profile</span>
  217.                             </a>
  218.                         </div>
  219.                         <div class="dropdown-item">
  220.                             <a href="app-mailbox.html">
  221.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-inbox"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg> <span>Inbox</span>
  222.                             </a>
  223.                         </div>
  224.                         <div class="dropdown-item">
  225.                             <a href="auth-boxed-lockscreen.html">
  226.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg> <span>Lock Screen</span>
  227.                             </a>
  228.                         </div>
  229.                         <div class="dropdown-item">
  230.                             <a href="auth-boxed-signin.html">
  231.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg> <span>Log Out</span>
  232.                             </a>
  233.                         </div>
  234.                     </div>
  235.                     
  236.                 </li>
  237.             </ul>
  238.         </header>
  239.     </div>
  240.     <!--  END NAVBAR  -->
  241.     <!--  BEGIN MAIN CONTAINER  -->
  242.     <div class="main-container " id="container">
  243.  
  244.         <div class="overlay"></div>
  245.         <div class="search-overlay"></div>
  246.  
  247.         <!--  BEGIN SIDEBAR  -->
  248.         <div class="sidebar-wrapper sidebar-theme">
  249.  
  250.             <nav id="sidebar">
  251.  
  252.                 <div class="navbar-nav theme-brand flex-row  text-center">
  253.                     <div class="nav-logo">
  254.                         <div class="nav-item theme-logo">
  255.                             <a href="./index.html">
  256.                                 <img src="../src/assets/img/logo.svg" class="navbar-logo" alt="logo">
  257.                             </a>
  258.                         </div>
  259.                         <div class="nav-item theme-text">
  260.                             <a href="./index.html" class="nav-link"> CORK </a>
  261.                         </div>
  262.                     </div>
  263.                     <div class="nav-item sidebar-toggle">
  264.                         <div class="btn-toggle sidebarCollapse">
  265.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>
  266.                         </div>
  267.                     </div>
  268.                 </div>
  269.                 <div class="shadow-bottom"></div>
  270.                 <ul class="list-unstyled menu-categories" id="accordionExample">
  271.                     <li class="menu">
  272.                         <a href="#dashboard" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  273.                             <div class="">
  274.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
  275.                                 <span>Dashboard</span>
  276.                             </div>
  277.                             <div>
  278.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  279.                             </div>
  280.                         </a>
  281.                         <ul class="collapse submenu list-unstyled" id="dashboard" data-bs-parent="#accordionExample">
  282.                             <li>
  283.                                 <a href="./index.html"> Analytics </a>
  284.                             </li>
  285.                             <li>
  286.                                 <a href="./index2.html"> Sales </a>
  287.                             </li>
  288.                         </ul>
  289.                     </li>
  290.  
  291.                     <li class="menu menu-heading">
  292.                         <div class="heading"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>APPLICATIONS</span></div>
  293.                     </li>
  294.                     <li class="menu active">
  295.                         <a href="#apps" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle">
  296.                             <div class="">
  297.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg>
  298.                                 <span>Apps</span>
  299.                             </div>
  300.                             <div>
  301.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  302.                             </div>
  303.                         </a>
  304.                         <ul class="collapse submenu list-unstyled show" id="apps" data-bs-parent="#accordionExample">
  305.                             <li>
  306.                                 <a href="./app-calendar.html"> Calendar </a>
  307.                             </li>
  308.                             <li>
  309.                                 <a href="./app-chat.html"> Chat </a>
  310.                             </li>
  311.                             <li>
  312.                                 <a href="./app-mailbox.html"> Mailbox </a>
  313.                             </li>
  314.                             <li>
  315.                                 <a href="./app-todoList.html"> Todo List </a>
  316.                             </li>
  317.                             <li>
  318.                                 <a href="./app-notes.html"> Notes </a>
  319.                             </li>
  320.                             <li>
  321.                                 <a href="./app-scrumboard.html"> Scrumboard </a>
  322.                             </li>
  323.                             <li>
  324.                                 <a href="./app-contacts.html"> Contacts </a>
  325.                             </li>
  326.                             <li>
  327.                                 <a href="#invoice" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Invoice <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a>
  328.                                 <ul class="collapse list-unstyled sub-submenu" id="invoice" data-bs-parent="#apps"> 
  329.                                     <li>
  330.                                         <a href="./app-invoice-list.html"> List </a>
  331.                                     </li>
  332.                                     <li>
  333.                                         <a href="./app-invoice-preview.html"> Preview </a>
  334.                                     </li>
  335.                                     <li>
  336.                                         <a href="./app-invoice-add.html"> Add </a>
  337.                                     </li>
  338.                                     <li>
  339.                                         <a href="./app-invoice-edit.html"> Edit </a>
  340.                                     </li>
  341.                                 </ul>
  342.                             </li>
  343.                             <li class="active">
  344.                                 <a href="#ecommerce" data-bs-toggle="collapse" aria-expanded="true" class="dropdown-toggle collapsed">Ecommerce <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a>
  345.                                 <ul class="collapse list-unstyled sub-submenu show" id="ecommerce" data-bs-parent="#apps"> 
  346.                                     <li class="active">
  347.                                         <a href="./app-ecommerce-product-shop.html"> Shop </a>
  348.                                     </li>
  349.                                     <li>
  350.                                         <a href="./app-ecommerce-product.html"> Product </a>
  351.                                     </li>
  352.                                     <li>
  353.                                         <a href="./app-ecommerce-product-list.html"> List </a>
  354.                                     </li>
  355.                                     <li>
  356.                                         <a href="./app-ecommerce-product-add.html"> Create </a>
  357.                                     </li>                            
  358.                                     <li>
  359.                                         <a href="./app-ecommerce-product-edit.html"> Edit </a>
  360.                                     </li>
  361.                                 </ul>
  362.                             </li>
  363.  
  364.                             <li>
  365.                                 <a href="#blog" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">Blog <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a>
  366.                                 <ul class="collapse list-unstyled sub-submenu" id="blog" data-bs-parent="#apps"> 
  367.                                     <li>
  368.                                         <a href="./app-blog-grid.html"> Grid </a>
  369.                                     </li>
  370.                                     <li>
  371.                                         <a href="./app-blog-list.html"> List </a>
  372.                                     </li>
  373.                                     <li>
  374.                                         <a href="./app-blog-post.html"> Post </a>
  375.                                     </li>
  376.                                     <li>
  377.                                         <a href="./app-blog-create.html"> Create </a>
  378.                                     </li>                            
  379.                                     <li>
  380.                                         <a href="./app-blog-edit.html"> Edit </a>
  381.                                     </li>
  382.                                 </ul>
  383.                             </li>
  384.                         </ul>
  385.                     </li>
  386.  
  387.                     <li class="menu menu-heading">
  388.                         <div class="heading"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>USER INTERFACE</span></div>
  389.                     </li>
  390.  
  391.                     <li class="menu">
  392.                         <a href="#components" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  393.                             <div class="">
  394.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-box"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
  395.                                 <span>Components</span>
  396.                             </div>
  397.                             <div>
  398.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  399.                             </div>
  400.                         </a>
  401.                         <ul class="collapse submenu list-unstyled" id="components" data-bs-parent="#accordionExample">
  402.                             <li>
  403.                                 <a href="./component-tabs.html"> Tabs </a>
  404.                             </li>
  405.                             <li>
  406.                                 <a href="./component-accordion.html"> Accordions  </a>
  407.                             </li>
  408.                             <li>
  409.                                 <a href="./component-modal.html"> Modals </a>
  410.                             </li>                            
  411.                             <li>
  412.                                 <a href="./component-cards.html"> Cards </a>
  413.                             </li>
  414.                             <li>
  415.                                 <a href="./component-bootstrap-carousel.html">Carousel</a>
  416.                             </li>
  417.                             <li>
  418.                                 <a href="./component-splide.html">Splide</a>
  419.                             </li>
  420.                             <li>
  421.                                 <a href="./component-sweetalert.html"> Sweet Alerts </a>
  422.                             </li>
  423.                             <li>
  424.                                 <a href="./component-timeline.html"> Timeline </a>
  425.                             </li>
  426.                             <li>
  427.                                 <a href="./component-notifications.html"> Notifications </a>
  428.                             </li>
  429.                             <li>
  430.                                 <a href="./component-media-object.html"> Media Object </a>
  431.                             </li>
  432.                             <li>
  433.                                 <a href="./component-list-group.html"> List Group </a>
  434.                             </li>
  435.                             <li>
  436.                                 <a href="./component-pricing-table.html"> Pricing Tables </a>
  437.                             </li>
  438.                             <li>
  439.                                 <a href="./component-lightbox.html"> Lightbox </a>
  440.                             </li>
  441.                             <li>
  442.                                 <a href="./component-drag-drop.html"> Drag and Drop </a>
  443.                             </li>
  444.                             <li>
  445.                                 <a href="./component-fonticons.html"> Font Icons </a>
  446.                             </li>
  447.                             <li>
  448.                                 <a href="./component-flags.html"> Flag Icons </a>
  449.                             </li>
  450.                         </ul>
  451.                     </li>
  452.  
  453.                     <li class="menu">
  454.                         <a href="#elements" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  455.                             <div class="">
  456.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
  457.                                 <span>Elements</span>
  458.                             </div>
  459.                             <div>
  460.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  461.                             </div>
  462.                         </a>
  463.                         <ul class="collapse submenu list-unstyled" id="elements" data-bs-parent="#accordionExample">
  464.                             <li>
  465.                                 <a href="./element-alerts.html"> Alerts </a>
  466.                             </li>
  467.                             <li>
  468.                                 <a href="./element-avatar.html"> Avatar </a>
  469.                             </li>
  470.                             <li>
  471.                                 <a href="./element-badges.html"> Badges </a>
  472.                             </li>
  473.                             <li>
  474.                                 <a href="./element-breadcrumbs.html"> Breadcrumbs </a>
  475.                             </li>                            
  476.                             <li>
  477.                                 <a href="./element-buttons.html"> Buttons </a>
  478.                             </li>
  479.                             <li>
  480.                                 <a href="./element-buttons-group.html"> Button Groups </a>
  481.                             </li>
  482.                             <li>
  483.                                 <a href="./element-color-library.html"> Color Library </a>
  484.                             </li>
  485.                             <li>
  486.                                 <a href="./element-dropdown.html"> Dropdown </a>
  487.                             </li>
  488.                             <li>
  489.                                 <a href="./element-infobox.html"> Infobox </a>
  490.                             </li>
  491.                             <li>
  492.                                 <a href="./element-loader.html"> Loader </a>
  493.                             </li>
  494.                             <li>
  495.                                 <a href="./element-pagination.html"> Pagination </a>
  496.                             </li>
  497.                             <li>
  498.                                 <a href="./element-popovers.html"> Popovers </a>
  499.                             </li>
  500.                             <li>
  501.                                 <a href="./element-progressbar.html"> Progress Bar </a>
  502.                             </li>
  503.                             <li>
  504.                                 <a href="./element-search.html"> Search </a>
  505.                             </li>
  506.                             <li>
  507.                                 <a href="./element-tooltips.html"> Tooltips </a>
  508.                             </li>
  509.                             <li>
  510.                                 <a href="./element-treeview.html"> Treeview </a>
  511.                             </li>
  512.                             <li>
  513.                                 <a href="./element-typography.html"> Typography </a>
  514.                             </li>
  515.                         </ul>
  516.                     </li>
  517.  
  518.                     <li class="menu">
  519.                         <a href="./map-leaflet.html" aria-expanded="false" class="dropdown-toggle">
  520.                             <div class="">
  521.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon><line x1="8" y1="2" x2="8" y2="18"></line><line x1="16" y1="6" x2="16" y2="22"></line></svg>
  522.                                 <span>Maps</span>
  523.                             </div>
  524.                         </a>
  525.                     </li>
  526.  
  527.                     <li class="menu">
  528.                         <a href="./charts-apex.html" aria-expanded="false" class="dropdown-toggle">
  529.                             <div class="">
  530.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
  531.                                 <span>Charts</span>
  532.                             </div>
  533.                         </a>
  534.                     </li>
  535.  
  536.                     <li class="menu">
  537.                         <a href="./widgets.html" aria-expanded="false" class="dropdown-toggle">
  538.                             <div class="">
  539.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>
  540.                                 <span>Widgets</span>
  541.                             </div>
  542.                         </a>
  543.                     </li>
  544.  
  545.                     <li class="menu">
  546.                         <a href="#layouts" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  547.                             <div class="">
  548.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-terminal"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
  549.                                 <span>Layouts</span>
  550.                             </div>
  551.                             <div>
  552.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  553.                             </div>
  554.                         </a>
  555.                         <ul class="collapse submenu list-unstyled" id="layouts" data-bs-parent="#accordionExample">
  556.                             <li>
  557.                                 <a href="./layout-blank-page.html"> Blank Page </a>
  558.                             </li>
  559.                             <li>
  560.                                 <a href="./layout-empty.html"> Empty Page </a>
  561.                             </li>
  562.                             <li>
  563.                                 <a href="./layout-boxed.html"> Boxed </a>
  564.                             </li>
  565.                             <li>
  566.                                 <a href="./layout-collapsible-menu.html"> Collapsed Menu </a>
  567.                             </li>
  568.                         </ul>
  569.                     </li>
  570.  
  571.                     <li class="menu menu-heading">
  572.                         <div class="heading"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>TABLES AND FORMS</span></div>
  573.                     </li>
  574.  
  575.                     <li class="menu">
  576.                         <a href="./table-basic.html" aria-expanded="false" class="dropdown-toggle">
  577.                             <div class="">
  578.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
  579.                                 <span>Tables</span>
  580.                             </div>
  581.                         </a>
  582.                     </li>
  583.  
  584.                     <li class="menu">
  585.                         <a href="#datatables" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  586.                             <div class="">
  587.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
  588.                                 <span>DataTables</span>
  589.                             </div>
  590.                             <div>
  591.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  592.                             </div>
  593.                         </a>
  594.                         <ul class="collapse submenu list-unstyled" id="datatables" data-bs-parent="#accordionExample">
  595.                             <li>
  596.                                 <a href="./table-datatable-basic.html"> Basic </a>
  597.                             </li>
  598.                             <li>
  599.                                 <a href="./table-datatable-striped-table.html"> Striped </a>
  600.                             </li>
  601.                             <li>
  602.                                 <a href="./table-datatable-custom.html"> Custom </a>
  603.                             </li>
  604.                             <li>
  605.                                 <a href="./table-datatable-miscellaneous.html"> Miscellaneous </a>
  606.                             </li>
  607.                         </ul>
  608.                     </li>
  609.  
  610.                     <li class="menu">
  611.                         <a href="#forms" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  612.                             <div class="">
  613.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clipboard"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>
  614.                                 <span>Forms</span>
  615.                             </div>
  616.                             <div>
  617.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  618.                             </div>
  619.                         </a>
  620.                         <ul class="collapse submenu list-unstyled" id="forms" data-bs-parent="#accordionExample">
  621.                             <li>
  622.                                 <a href="./form-bootstrap-basic.html"> Basic </a>
  623.                             </li>
  624.                             <li>
  625.                                 <a href="./form-input-group-basic.html"> Input Group </a>
  626.                             </li>
  627.                             <li>
  628.                                 <a href="./form-layouts.html"> Layouts </a>
  629.                             </li>
  630.                             <li>
  631.                                 <a href="./form-validation.html"> Validation </a>
  632.                             </li>
  633.                             <li>
  634.                                 <a href="./form-input-mask.html"> Input Mask </a>
  635.                             </li>
  636.                             <li>
  637.                                 <a href="./form-tom-select.html"> Tom Select </a>
  638.                             </li>
  639.                             <li>
  640.                                 <a href="./form-tagify.html"> Tagify </a>
  641.                             </li>
  642.                             <li>
  643.                                 <a href="./form-bootstrap-touchspin.html"> TouchSpin </a>
  644.                             </li>
  645.                             <li>
  646.                                 <a href="./form-maxlength.html"> Maxlength </a>
  647.                             </li>                          
  648.                             <li>
  649.                                 <a href="./form-checkbox.html"> Checkbox </a>
  650.                             </li>
  651.                             <li>
  652.                                 <a href="./form-radio.html"> Radio </a>
  653.                             </li>
  654.                             <li>
  655.                                 <a href="./form-switches.html"> Switches </a>
  656.                             </li>
  657.                             <li>
  658.                                 <a href="./form-wizard.html"> Wizards </a>
  659.                             </li>
  660.                             <li>
  661.                                 <a href="./form-fileupload.html"> File Upload </a>
  662.                             </li>
  663.                             <li>
  664.                                 <a href="./form-quill.html"> Quill Editor </a>
  665.                             </li>
  666.                             <li>
  667.                                 <a href="./form-markdown.html"> Markdown Editor </a>
  668.                             </li>
  669.                             <li>
  670.                                 <a href="./form-date-time-picker.html"> Date Time Picker </a>
  671.                             </li>
  672.                             <li>
  673.                                 <a href="./form-slider.html"> Slider </a>
  674.                             </li>
  675.                             <li>
  676.                                 <a href="./form-clipboard.html"> Clipboard </a>
  677.                             </li>
  678.                             <li>
  679.                                 <a href="./form-autoComplete.html"> Auto Complete </a>
  680.                             </li>
  681.                         </ul>
  682.                     </li>
  683.  
  684.                     <li class="menu menu-heading">
  685.                         <div class="heading"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>USER AND PAGES</span></div>
  686.                     </li>                    
  687.  
  688.                     <li class="menu">
  689.                         <a href="#users" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  690.                             <div class="">
  691.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
  692.                                 <span>Users</span>
  693.                             </div>
  694.                             <div>
  695.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  696.                             </div>
  697.                         </a>
  698.                         <ul class="collapse submenu list-unstyled" id="users" data-bs-parent="#accordionExample">
  699.                             <li>
  700.                                 <a href="./user-profile.html"> Profile </a>
  701.                             </li>
  702.                             <li>
  703.                                 <a href="./user-account-settings.html"> Account Settings </a>
  704.                             </li>
  705.                         </ul>
  706.                     </li>
  707.  
  708.                     <li class="menu">
  709.                         <a href="#pages" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  710.                             <div class="">
  711.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
  712.                                 <span>Pages</span>
  713.                             </div>
  714.                             <div>
  715.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  716.                             </div>
  717.                         </a>
  718.                         <ul class="collapse submenu list-unstyled" id="pages" data-bs-parent="#accordionExample">
  719.                             <li>
  720.                                 <a href="./pages-knowledge-base.html"> Knowledge Base </a>
  721.                             </li>
  722.                             <li>
  723.                                 <a href="./pages-faq.html"> FAQ </a>
  724.                             </li>
  725.                             <li>
  726.                                 <a href="./pages-contact-us.html"> Contact Form </a>
  727.                             </li>
  728.                             <li>
  729.                                 <a href="./pages-error404.html" target="_blank"> Error </a>
  730.                             </li>
  731.                             <li>
  732.                                 <a href="./pages-maintenence.html" target="_blank"> Maintanence </a>
  733.                             </li>
  734.                         </ul>
  735.                     </li>
  736.  
  737.                     <li class="menu">
  738.                         <a href="#authentication" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  739.                             <div class="">
  740.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
  741.                                 <span>Authentication</span>
  742.                             </div>
  743.                             <div>
  744.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  745.                             </div>
  746.                         </a>
  747.                         <ul class="collapse submenu list-unstyled" id="authentication" data-bs-parent="#accordionExample">
  748.                             <li>
  749.                                 <a href="./auth-boxed-signin.html" target="_blank"> Sign In </a>
  750.                             </li>
  751.                             <li>
  752.                                 <a href="./auth-boxed-signup.html" target="_blank"> Sign Up </a>
  753.                             </li>
  754.                             <li>
  755.                                 <a href="./auth-boxed-lockscreen.html" target="_blank"> Unlock </a>
  756.                             </li>
  757.                             <li>
  758.                                 <a href="./auth-boxed-password-reset.html" target="_blank"> Reset </a>
  759.                             </li>
  760.                             <li>
  761.                                 <a href="./auth-boxed-2-step-verification.html" target="_blank"> 2 Step </a>
  762.                             </li>
  763.                             <li>
  764.                                 <a href="./auth-cover-signin.html" target="_blank"> Sign In Cover </a>
  765.                             </li>
  766.                             <li>
  767.                                 <a href="./auth-cover-signup.html" target="_blank"> Sign Up Cover </a>
  768.                             </li>
  769.                             <li>
  770.                                 <a href="./auth-cover-lockscreen.html" target="_blank"> Unlock Cover </a>
  771.                             </li>
  772.                             <li>
  773.                                 <a href="./auth-cover-password-reset.html" target="_blank"> Reset Cover </a>
  774.                             </li>
  775.                             <li>
  776.                                 <a href="./auth-cover-2-step-verification.html" target="_blank"> 2 Step Cover </a>
  777.                             </li>
  778.                         </ul>
  779.                     </li>
  780.  
  781.                     <li class="menu menu-heading">
  782.                         <div class="heading"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg><span>MISCELLANEOUS</span></div>
  783.                     </li>
  784.  
  785.                     <li class="menu">
  786.                         <a href="#menuLevel1" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
  787.                             <div class="">
  788.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
  789.                                 <span>Item Level</span>
  790.                             </div>
  791.                             <div>
  792.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  793.                             </div>
  794.                         </a>
  795.                         <ul class="collapse submenu list-unstyled" id="menuLevel1" data-bs-parent="#accordionExample">
  796.                             <li>
  797.                                 <a href="javascript:void(0);"> Item Level 1a </a>
  798.                             </li>
  799.                             <li>
  800.                                 <a href="javascript:void(0);"> Item Level 1b </a>
  801.                             </li>
  802.  
  803.                             <li>
  804.                                 <a href="#level-three" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed"> Item Level 1c <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a>
  805.                                 <ul class="collapse list-unstyled sub-submenu" id="level-three" data-bs-parent="#pages"> 
  806.                                     <li>
  807.                                         <a href="javascript:void(0);"> Item Level 2a </a>
  808.                                     </li>
  809.                                     <li>
  810.                                         <a href="javascript:void(0);"> Item Level 2b </a>
  811.                                     </li>
  812.                                     <li>
  813.                                         <a href="javascript:void(0);"> Item Level 2c </a>
  814.                                     </li>
  815.                                 </ul>
  816.                             </li>
  817.                         </ul>
  818.                     </li>
  819.  
  820.                     <li class="menu">
  821.                         <a href="javascript:void(0);" aria-expanded="false" class="dropdown-toggle disabled">
  822.                             <div class="">
  823.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
  824.                                 <span>Item Disabled</span>
  825.                             </div>
  826.                         </a>
  827.                     </li>
  828.  
  829.                     <li class="menu">
  830.                         <a href="javascript:void(0);" aria-expanded="false" class="dropdown-toggle">
  831.                             <div class="">
  832.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
  833.                                 <span>Item Label</span>
  834.                                 <span class="badge badge-primary sidebar-label"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle badge-icon"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg> New</span>
  835.                             </div>
  836.                         </a>
  837.                     </li>
  838.                     
  839.                     <li class="menu">
  840.                         <a target="_blank" href="../../documentation/index.html" aria-expanded="false" class="dropdown-toggle">
  841.                             <div class="">
  842.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
  843.                                 <span>Documentation</span>
  844.                             </div>
  845.                         </a>
  846.                     </li>
  847.                     <li class="menu">
  848.                         <a target="_blank" href="../../documentation/changelog.html" aria-expanded="false" class="dropdown-toggle">
  849.                             <div class="">
  850.                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>
  851.                                 <span>Changelog</span>
  852.                             </div>
  853.                         </a>
  854.                     </li>
  855.                     
  856.                 </ul>
  857.                 
  858.             </nav>
  859.  
  860.         </div>
  861.         <!--  END SIDEBAR  -->
  862.  
  863.         <!--  BEGIN CONTENT AREA  -->
  864.         <div id="content" class="main-content">
  865.  
  866.             <div class="layout-px-spacing">
  867.  
  868.                 <div class="middle-content container-xxl p-0">
  869.  
  870.                     <!--  BEGIN BREADCRUMBS  -->
  871.                     <div class="secondary-nav">
  872.                         <div class="breadcrumbs-container" data-page-heading="Analytics">
  873.                             <header class="header navbar navbar-expand-sm">
  874.                                 <a href="javascript:void(0);" class="btn-toggle sidebarCollapse" data-placement="bottom">
  875.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
  876.                                 </a>
  877.                                 <div class="d-flex breadcrumb-content">
  878.                                     <div class="page-header">
  879.  
  880.                                         <div class="page-title">
  881.                                         </div>
  882.                         
  883.                                         <nav class="breadcrumb-style-one" aria-label="breadcrumb">
  884.                                             <ol class="breadcrumb">
  885.                                                 <li class="breadcrumb-item"><a href="#">App</a></li>
  886.                                                 <li class="breadcrumb-item"><a href="#">Ecommerce</a></li>
  887.                                                 <li class="breadcrumb-item active" aria-current="page">Shop</li>
  888.                                             </ol>
  889.                                         </nav>
  890.                         
  891.                                     </div>
  892.                                 </div>
  893.                                 <ul class="navbar-nav flex-row ms-auto breadcrumb-action-dropdown">
  894.                                     <li class="nav-item more-dropdown">
  895.                                         <div class="dropdown  custom-dropdown-icon">
  896.                                             <a class="dropdown-toggle btn" href="#" role="button" id="customDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  897.                                                 <span>Settings</span>
  898.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down custom-dropdown-arrow"><polyline points="6 9 12 15 18 9"></polyline></svg>
  899.                                             </a>
  900.                         
  901.                                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="customDropdown">
  902.  
  903.                                                 <a class="dropdown-item" data-value="Settings" data-icon="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; class=&quot;feather feather-settings&quot;><circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3&quot;></circle><path d=&quot;M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z&quot;></path></svg>" href="javascript:void(0);">
  904.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg> Settings
  905.                                                 </a>
  906.  
  907.                                                 <a class="dropdown-item" data-value="Mail" data-icon="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; class=&quot;feather feather-mail&quot;><path d=&quot;M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z&quot;></path><polyline points=&quot;22,6 12,13 2,6&quot;></polyline></svg>" href="javascript:void(0);">
  908.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Mail
  909.                                                 </a>
  910.  
  911.                                                 <a class="dropdown-item" data-value="Print" data-icon="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; class=&quot;feather feather-printer&quot;><polyline points=&quot;6 9 6 2 18 2 18 9&quot;></polyline><path d=&quot;M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2&quot;></path><rect x=&quot;6&quot; y=&quot;14&quot; width=&quot;12&quot; height=&quot;8&quot;></rect></svg>" href="javascript:void(0);">
  912.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg> Print
  913.                                                 </a>
  914.  
  915.                                                 <a class="dropdown-item" data-value="Download" data-icon="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; class=&quot;feather feather-download&quot;><path d=&quot;M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4&quot;></path><polyline points=&quot;7 10 12 15 17 10&quot;></polyline><line x1=&quot;12&quot; y1=&quot;15&quot; x2=&quot;12&quot; y2=&quot;3&quot;></line></svg>" href="javascript:void(0);">
  916.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> Download
  917.                                                 </a>
  918.  
  919.                                                 <a class="dropdown-item" data-value="Share" data-icon="<svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot; class=&quot;feather feather-share-2&quot;><circle cx=&quot;18&quot; cy=&quot;5&quot; r=&quot;3&quot;></circle><circle cx=&quot;6&quot; cy=&quot;12&quot; r=&quot;3&quot;></circle><circle cx=&quot;18&quot; cy=&quot;19&quot; r=&quot;3&quot;></circle><line x1=&quot;8.59&quot; y1=&quot;13.51&quot; x2=&quot;15.42&quot; y2=&quot;17.49&quot;></line><line x1=&quot;15.41&quot; y1=&quot;6.51&quot; x2=&quot;8.59&quot; y2=&quot;10.49&quot;></line></svg>" href="javascript:void(0);">
  920.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg> Share
  921.                                                 </a>
  922.                                                 
  923.                                             </div>
  924.                         
  925.                                         </div>
  926.                                     </li>
  927.                                 </ul>
  928.                             </header>
  929.                         </div>
  930.                     </div>
  931.                     <!--  END BREADCRUMBS  -->
  932.     
  933.                     <div class="row layout-top-spacing">
  934.                         <div class="col-lg-3 col-md-3 col-sm-3 mb-4">
  935.                             <input id="t-text" type="text" name="txt" placeholder="Search" class="form-control" required="">
  936.                         </div>
  937.                         <div class="col-xl-2 col-lg-3 col-md-3 col-sm-3 mb-4 ms-auto">
  938.                             <select class="form-select form-select" aria-label="Default select example">
  939.                                 <option selected="">All Category</option>
  940.                                 <option value="3">Apperal</option>
  941.                                 <option value="1">Electronics</option>
  942.                                 <option value="2">Clothing</option>
  943.                                 <option value="3">Accessories</option>
  944.                                 <option value="3">Organic</option>
  945.                             </select>
  946.                         </div>
  947.     
  948.                         <div class="col-xl-2 col-lg-3 col-md-3 col-sm-3 mb-4">
  949.                             <select class="form-select form-select" aria-label="Default select example">
  950.                                 <option selected="">Sort By</option>
  951.                                 <option value="1">Low to High Price</option>
  952.                                 <option value="2">Most Viewed</option>
  953.                                 <option value="3">Hight to Low Price</option>
  954.                                 <option value="3">On Sale</option>
  955.                                 <option value="3">Newest</option>
  956.                             </select>
  957.                         </div>
  958.                     </div>
  959.                     
  960.                     <div class="row">
  961.  
  962.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  963.                             <a class="card style-6" href="./app-ecommerce-product.html">
  964.                                 <span class="badge badge-primary">NEW</span>
  965.                                 <img src="../src/assets/img/product-3.jpg" class="card-img-top" alt="...">
  966.                                 <div class="card-footer">
  967.                                     <div class="row">
  968.                                         <div class="col-12 mb-4">
  969.                                             <b>Nike Green Shoes</b>
  970.                                         </div>
  971.                                         <div class="col-3">
  972.                                             <div class="badge--group">
  973.                                                 <div class="badge badge-primary badge-dot"></div>
  974.                                                 <div class="badge badge-danger badge-dot"></div>
  975.                                                 <div class="badge badge-info badge-dot"></div>
  976.                                             </div>
  977.                                         </div>
  978.                                         <div class="col-9 text-end">
  979.                                             <div class="pricing d-flex justify-content-end">
  980.                                                 <p class="text-success mb-0">$150.00</p>
  981.                                             </div>
  982.                                         </div>
  983.                                     </div>
  984.                                 </div>
  985.                             </a>
  986.                         </div>   
  987.  
  988.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  989.                             <a class="card style-6" href="./app-ecommerce-product.html">
  990.                                 <span class="badge badge-danger"></span>
  991.                                 <img src="../src/assets/img/product-8.jpg" class="card-img-top" alt="...">
  992.                                 <div class="card-footer">
  993.                                     <div class="row">
  994.                                         <div class="col-12 mb-4">
  995.                                             <b>Drone</b>
  996.                                         </div>
  997.                                         <div class="col-3">
  998.                                             <div class="badge--group">
  999.                                                 <div class="badge badge-secondary badge-dot"></div>
  1000.                                             </div>
  1001.                                         </div>
  1002.                                         <div class="col-9 text-end">
  1003.                                             <div class="pricing d-flex justify-content-end">
  1004.                                                 <p class="text-success mb-0">$190.00</p>
  1005.                                             </div>
  1006.                                         </div>
  1007.                                     </div>
  1008.                                 </div>
  1009.                             </a>
  1010.                         </div>
  1011.  
  1012.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1013.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1014.                                 <span class="badge badge-danger"></span>
  1015.                                 <img src="../src/assets/img/product-13.jpg" class="card-img-top" alt="...">
  1016.                                 <div class="card-footer">
  1017.                                     <div class="row">
  1018.                                         <div class="col-12 mb-4">
  1019.                                             <b>Smart Cleaner</b>
  1020.                                         </div>
  1021.                                         <div class="col-3">
  1022.                                             <div class="badge--group">
  1023.                                                 <div class="badge badge-secondary badge-dot"></div>
  1024.                                             </div>
  1025.                                         </div>
  1026.                                         <div class="col-9 text-end">
  1027.                                             <div class="pricing d-flex justify-content-end">
  1028.                                                 <p class="text-success mb-0">$330.00</p>
  1029.                                             </div>
  1030.                                         </div>
  1031.                                     </div>
  1032.                                 </div>
  1033.                             </a>
  1034.                         </div>
  1035.  
  1036.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1037.                             <a class="card style-6  mb-md-0 mb-4" href="./app-ecommerce-product.html">
  1038.                                 <span class="badge badge-danger">SALE</span>
  1039.                                 <img src="../src/assets/img/product-4.jpg" class="card-img-top" alt="...">
  1040.                                 <div class="card-footer">
  1041.                                     <div class="row">
  1042.                                         <div class="col-12 mb-4">
  1043.                                             <b>Camera</b>
  1044.                                         </div>
  1045.                                         <div class="col-3">
  1046.                                             <div class="badge--group">
  1047.                                                 <div class="badge badge-success badge-dot"></div>
  1048.                                                 <div class="badge badge-secondary badge-dot"></div>
  1049.                                                 <div class="badge badge-warning badge-dot"></div>
  1050.                                             </div>
  1051.                                         </div>
  1052.                                         <div class="col-9 text-end">
  1053.                                             <div class="pricing d-flex justify-content-end">
  1054.                                                 <p class="text-success mb-0 me-2">$11.00</p>
  1055.                                                 <p class="mb-0 line-through"><del>$21.00</del></p>
  1056.                                             </div>
  1057.                                         </div>
  1058.                                     </div>
  1059.                                 </div>
  1060.                             </a>
  1061.                         </div>
  1062.                         
  1063.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1064.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1065.                                 <span class="badge badge-primary">NEW</span>
  1066.                                 <img src="../src/assets/img/product-5.jpg" class="card-img-top" alt="...">
  1067.                                 <div class="card-footer">
  1068.                                     <div class="row">
  1069.                                         <div class="col-12 mb-4">
  1070.                                             <b>Nike Shoes</b>
  1071.                                         </div>
  1072.                                         <div class="col-3">
  1073.                                             <div class="badge--group">
  1074.                                                 <div class="badge badge-primary badge-dot"></div>
  1075.                                                 <div class="badge badge-danger badge-dot"></div>
  1076.                                                 <div class="badge badge-info badge-dot"></div>
  1077.                                             </div>
  1078.                                         </div>
  1079.                                         <div class="col-9 text-end">
  1080.                                             <div class="pricing d-flex justify-content-end">
  1081.                                                 <p class="text-success mb-0">$130.00</p>
  1082.                                             </div>
  1083.                                         </div>
  1084.                                     </div>
  1085.                                 </div>
  1086.                             </a>
  1087.                         </div>
  1088.  
  1089.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1090.                             <a class="card style-6  mb-md-0 mb-4" href="./app-ecommerce-product.html">
  1091.                                 <span class="badge badge-danger">SALE</span>
  1092.                                 <img src="../src/assets/img/product-6.jpg" class="card-img-top" alt="...">
  1093.                                 <div class="card-footer">
  1094.                                     <div class="row">
  1095.                                         <div class="col-12 mb-4">
  1096.                                             <b>MicroPhone</b>
  1097.                                         </div>
  1098.                                         <div class="col-3">
  1099.                                             <div class="badge--group">
  1100.                                                 <div class="badge badge-success badge-dot"></div>
  1101.                                                 <div class="badge badge-secondary badge-dot"></div>
  1102.                                                 <div class="badge badge-warning badge-dot"></div>
  1103.                                             </div>
  1104.                                         </div>
  1105.                                         <div class="col-9 text-end">
  1106.                                             <div class="pricing d-flex justify-content-end">
  1107.                                                 <p class="text-success mb-0 me-2">$110.00</p>
  1108.                                                 <p class="mb-0 line-through"><del>$230.00</del></p>
  1109.                                             </div>
  1110.                                         </div>
  1111.                                     </div>
  1112.                                 </div>
  1113.                             </a>
  1114.                         </div>
  1115.                         
  1116.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1117.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1118.                                 <span class="badge badge-danger"></span>
  1119.                                 <img src="../src/assets/img/product-7.jpg" class="card-img-top" alt="...">
  1120.                                 <div class="card-footer">
  1121.                                     <div class="row">
  1122.                                         <div class="col-12 mb-4">
  1123.                                             <b>Monitor</b>
  1124.                                         </div>
  1125.                                         <div class="col-3">
  1126.                                             <div class="badge--group">
  1127.                                                 <div class="badge badge-danger badge-dot"></div>
  1128.                                                 <div class="badge badge-success badge-dot"></div>
  1129.                                                 <div class="badge badge-warning badge-dot"></div>
  1130.                                             </div>
  1131.                                         </div>
  1132.                                         <div class="col-9 text-end">
  1133.                                             <div class="pricing d-flex justify-content-end">
  1134.                                                 <p class="text-success mb-0">$150.00</p>
  1135.                                             </div>
  1136.                                         </div>
  1137.                                     </div>
  1138.                                 </div>
  1139.                             </a>
  1140.                         </div>
  1141.                         
  1142.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1143.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1144.                                 <span class="badge badge-danger"></span>
  1145.                                 <img src="../src/assets/img/product-1.jpg" class="card-img-top" alt="...">
  1146.                                 <div class="card-footer">
  1147.                                     <div class="row">
  1148.                                         <div class="col-12 mb-4">
  1149.                                             <b>Shoes</b>
  1150.                                         </div>
  1151.                                         <div class="col-3">
  1152.                                             <div class="badge--group">
  1153.                                                 <div class="badge badge-danger badge-dot"></div>
  1154.                                                 <div class="badge badge-success badge-dot"></div>
  1155.                                                 <div class="badge badge-warning badge-dot"></div>
  1156.                                             </div>
  1157.                                         </div>
  1158.                                         <div class="col-9 text-end">
  1159.                                             <div class="pricing d-flex justify-content-end">
  1160.                                                 <p class="text-success mb-0">$95.00</p>
  1161.                                             </div>
  1162.                                         </div>
  1163.                                     </div>
  1164.                                 </div>
  1165.                             </a>
  1166.                         </div>
  1167.     
  1168.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1169.                             <a class="card style-6  mb-md-0 mb-4" href="./app-ecommerce-product.html">
  1170.                                 <span class="badge badge-danger">SALE</span>
  1171.                                 <img src="../src/assets/img/product-9.jpg" class="card-img-top" alt="...">
  1172.                                 <div class="card-footer">
  1173.                                     <div class="row">
  1174.                                         <div class="col-12 mb-4">
  1175.                                             <b>Speakers</b>
  1176.                                         </div>
  1177.                                         <div class="col-3">
  1178.                                             <div class="badge--group">
  1179.                                                 <div class="badge badge-success badge-dot"></div>
  1180.                                                 <div class="badge badge-secondary badge-dot"></div>
  1181.                                                 <div class="badge badge-warning badge-dot"></div>
  1182.                                             </div>
  1183.                                         </div>
  1184.                                         <div class="col-9 text-end">
  1185.                                             <div class="pricing d-flex justify-content-end">
  1186.                                                 <p class="text-success mb-0 me-2">$20.00</p>
  1187.                                                 <p class="mb-0 line-through"><del>$33.00</del></p>
  1188.                                             </div>
  1189.                                         </div>
  1190.                                     </div>
  1191.                                 </div>
  1192.                             </a>
  1193.                         </div>
  1194.  
  1195.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1196.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1197.                                 <span class="badge badge-danger"></span>
  1198.                                 <img src="../src/assets/img/product-10.jpg" class="card-img-top" alt="...">
  1199.                                 <div class="card-footer">
  1200.                                     <div class="row">
  1201.                                         <div class="col-12 mb-4">
  1202.                                             <b>XBox</b>
  1203.                                         </div>
  1204.                                         <div class="col-3">
  1205.                                             <div class="badge--group">
  1206.                                                 <div class="badge badge-secondary badge-dot"></div>
  1207.                                             </div>
  1208.                                         </div>
  1209.                                         <div class="col-9 text-end">
  1210.                                             <div class="pricing d-flex justify-content-end">
  1211.                                                 <p class="text-success mb-0">$608.00</p>
  1212.                                             </div>
  1213.                                         </div>
  1214.                                     </div>
  1215.                                 </div>
  1216.                             </a>
  1217.                         </div>
  1218.                         
  1219.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1220.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1221.                                 <span class="badge badge-primary">NEW</span>
  1222.                                 <img src="../src/assets/img/product-11.jpg" class="card-img-top" alt="...">
  1223.                                 <div class="card-footer">
  1224.                                     <div class="row">
  1225.                                         <div class="col-12 mb-4">
  1226.                                             <b>Phone</b>
  1227.                                         </div>
  1228.                                         <div class="col-3">
  1229.                                             <div class="badge--group">
  1230.                                                 <div class="badge badge-primary badge-dot"></div>
  1231.                                                 <div class="badge badge-danger badge-dot"></div>
  1232.                                                 <div class="badge badge-info badge-dot"></div>
  1233.                                             </div>
  1234.                                         </div>
  1235.                                         <div class="col-9 text-end">
  1236.                                             <div class="pricing d-flex justify-content-end">
  1237.                                                 <p class="text-success mb-0">$450.00</p>
  1238.                                             </div>
  1239.                                         </div>
  1240.                                     </div>
  1241.                                 </div>
  1242.                             </a>
  1243.                         </div>
  1244.                         
  1245.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1246.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1247.                                 <span class="badge badge-danger"></span>
  1248.                                 <img src="../src/assets/img/product-12.jpg" class="card-img-top" alt="...">
  1249.                                 <div class="card-footer">
  1250.                                     <div class="row">
  1251.                                         <div class="col-12 mb-4">
  1252.                                             <b>Selfi Stick</b>
  1253.                                         </div>
  1254.                                         <div class="col-3">
  1255.                                             <div class="badge--group">
  1256.                                                 <div class="badge badge-danger badge-dot"></div>
  1257.                                                 <div class="badge badge-success badge-dot"></div>
  1258.                                                 <div class="badge badge-warning badge-dot"></div>
  1259.                                             </div>
  1260.                                         </div>
  1261.                                         <div class="col-9 text-end">
  1262.                                             <div class="pricing d-flex justify-content-end">
  1263.                                                 <p class="text-success mb-0">$120.00</p>
  1264.                                             </div>
  1265.                                         </div>
  1266.                                     </div>
  1267.                                 </div>
  1268.                             </a>
  1269.                         </div>
  1270.  
  1271.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1272.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1273.                                 <span class="badge badge-danger"></span>
  1274.                                 <img src="../src/assets/img/product-14.jpg" class="card-img-top" alt="...">
  1275.                                 <div class="card-footer">
  1276.                                     <div class="row">
  1277.                                         <div class="col-12 mb-4">
  1278.                                             <b>Sunglasses</b>
  1279.                                         </div>
  1280.                                         <div class="col-3">
  1281.                                             <div class="badge--group">
  1282.                                                 <div class="badge badge-danger badge-dot"></div>
  1283.                                                 <div class="badge badge-success badge-dot"></div>
  1284.                                                 <div class="badge badge-warning badge-dot"></div>
  1285.                                             </div>
  1286.                                         </div>
  1287.                                         <div class="col-9 text-end">
  1288.                                             <div class="pricing d-flex justify-content-end">
  1289.                                                 <p class="text-success mb-0">$10.00</p>
  1290.                                             </div>
  1291.                                         </div>
  1292.                                     </div>
  1293.                                 </div>
  1294.                             </a>
  1295.                         </div>
  1296.  
  1297.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1298.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1299.                                 <span class="badge badge-danger"></span>
  1300.                                 <img src="../src/assets/img/product-15.jpg" class="card-img-top" alt="...">
  1301.                                 <div class="card-footer">
  1302.                                     <div class="row">
  1303.                                         <div class="col-12 mb-4">
  1304.                                             <b>Flashlight</b>
  1305.                                         </div>
  1306.                                         <div class="col-3">
  1307.                                             <div class="badge--group">
  1308.                                                 <div class="badge badge-danger badge-dot"></div>
  1309.                                                 <div class="badge badge-success badge-dot"></div>
  1310.                                                 <div class="badge badge-warning badge-dot"></div>
  1311.                                             </div>
  1312.                                         </div>
  1313.                                         <div class="col-9 text-end">
  1314.                                             <div class="pricing d-flex justify-content-end">
  1315.                                                 <p class="text-success mb-0">$20.00</p>
  1316.                                             </div>
  1317.                                         </div>
  1318.                                     </div>
  1319.                                 </div>
  1320.                             </a>
  1321.                         </div>
  1322.  
  1323.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1324.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1325.                                 <span class="badge badge-danger"></span>
  1326.                                 <img src="../src/assets/img/product-16.jpg" class="card-img-top" alt="...">
  1327.                                 <div class="card-footer">
  1328.                                     <div class="row">
  1329.                                         <div class="col-12 mb-4">
  1330.                                             <b>Smart Watch</b>
  1331.                                         </div>
  1332.                                         <div class="col-3">
  1333.                                             <div class="badge--group">
  1334.                                                 <div class="badge badge-danger badge-dot"></div>
  1335.                                                 <div class="badge badge-success badge-dot"></div>
  1336.                                                 <div class="badge badge-warning badge-dot"></div>
  1337.                                             </div>
  1338.                                         </div>
  1339.                                         <div class="col-9 text-end">
  1340.                                             <div class="pricing d-flex justify-content-end">
  1341.                                                 <p class="text-success mb-0">$160.00</p>
  1342.                                             </div>
  1343.                                         </div>
  1344.                                     </div>
  1345.                                 </div>
  1346.                             </a>
  1347.                         </div>
  1348.  
  1349.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1350.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1351.                                 <span class="badge badge-danger"></span>
  1352.                                 <img src="../src/assets/img/product-17.jpg" class="card-img-top" alt="...">
  1353.                                 <div class="card-footer">
  1354.                                     <div class="row">
  1355.                                         <div class="col-12 mb-4">
  1356.                                             <b>Lamp</b>
  1357.                                         </div>
  1358.                                         <div class="col-3">
  1359.                                             <div class="badge--group">
  1360.                                                 <div class="badge badge-danger badge-dot"></div>
  1361.                                                 <div class="badge badge-success badge-dot"></div>
  1362.                                                 <div class="badge badge-warning badge-dot"></div>
  1363.                                             </div>
  1364.                                         </div>
  1365.                                         <div class="col-9 text-end">
  1366.                                             <div class="pricing d-flex justify-content-end">
  1367.                                                 <p class="text-success mb-0">$160.00</p>
  1368.                                             </div>
  1369.                                         </div>
  1370.                                     </div>
  1371.                                 </div>
  1372.                             </a>
  1373.                         </div>
  1374.  
  1375.  
  1376.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1377.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1378.                                 <span class="badge badge-danger"></span>
  1379.                                 <img src="../src/assets/img/product-18.jpg" class="card-img-top" alt="...">
  1380.                                 <div class="card-footer">
  1381.                                     <div class="row">
  1382.                                         <div class="col-12 mb-4">
  1383.                                             <b>Tablet</b>
  1384.                                         </div>
  1385.                                         <div class="col-3">
  1386.                                             <div class="badge--group">
  1387.                                                 <div class="badge badge-danger badge-dot"></div>
  1388.                                                 <div class="badge badge-success badge-dot"></div>
  1389.                                                 <div class="badge badge-warning badge-dot"></div>
  1390.                                             </div>
  1391.                                         </div>
  1392.                                         <div class="col-9 text-end">
  1393.                                             <div class="pricing d-flex justify-content-end">
  1394.                                                 <p class="text-success mb-0">$160.00</p>
  1395.                                             </div>
  1396.                                         </div>
  1397.                                     </div>
  1398.                                 </div>
  1399.                             </a>
  1400.                         </div>
  1401.  
  1402.  
  1403.                         <div class="col-xxl-2 col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
  1404.                             <a class="card style-6" href="./app-ecommerce-product.html">
  1405.                                 <span class="badge badge-danger"></span>
  1406.                                 <img src="../src/assets/img/product-19.jpg" class="card-img-top" alt="...">
  1407.                                 <div class="card-footer">
  1408.                                     <div class="row">
  1409.                                         <div class="col-12 mb-4">
  1410.                                             <b>Chair</b>
  1411.                                         </div>
  1412.                                         <div class="col-3">
  1413.                                             <div class="badge--group">
  1414.                                                 <div class="badge badge-danger badge-dot"></div>
  1415.                                                 <div class="badge badge-success badge-dot"></div>
  1416.                                                 <div class="badge badge-warning badge-dot"></div>
  1417.                                             </div>
  1418.                                         </div>
  1419.                                         <div class="col-9 text-end">
  1420.                                             <div class="pricing d-flex justify-content-end">
  1421.                                                 <p class="text-success mb-0">$160.00</p>
  1422.                                             </div>
  1423.                                         </div>
  1424.                                     </div>
  1425.                                 </div>
  1426.                             </a>
  1427.                         </div>
  1428.         
  1429.                     </div>
  1430.  
  1431.                 </div>
  1432.                 
  1433.             </div>
  1434.  
  1435.             <!--  BEGIN FOOTER  -->
  1436.             <div class="footer-wrapper">
  1437.                 <div class="footer-section f-section-1">
  1438.                     <p class="">Copyright © <span class="dynamic-year">2022</span> <a target="_blank" href="https://designreset.com/cork-admin/">DesignReset</a>, All rights reserved.</p>
  1439.                 </div>
  1440.                 <div class="footer-section f-section-2">
  1441.                     <p class="">Coded with <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></p>
  1442.                 </div>
  1443.             </div>
  1444.             <!--  END FOOTER  -->
  1445.  
  1446.         </div>
  1447.         <!--  END CONTENT AREA  -->
  1448.     </div>
  1449.     <!-- END MAIN CONTAINER -->
  1450.     
  1451.     <!-- BEGIN GLOBAL MANDATORY STYLES -->
  1452.     <script src="../src/bootstrap/js/bootstrap.bundle.min.js"></script>
  1453.     <script src="../src/plugins/src/perfect-scrollbar/perfect-scrollbar.min.js"></script>
  1454.     <script src="../src/plugins/src/mousetrap/mousetrap.min.js"></script>
  1455.     <script src="../src/plugins/src/waves/waves.min.js"></script>
  1456.     <script src="../layouts/vertical-dark-menu/app.js"></script>
  1457.     <!-- END GLOBAL MANDATORY STYLES -->
  1458.  
  1459.     <!-- BEGIN PAGE LEVEL SCRIPTS -->
  1460.     <!-- END PAGE LEVEL SCRIPTS -->    
  1461. </body>
  1462. </html>

Editor

You can edit this paste and save as new:


File Description
  • code
  • Paste Code
  • 20 Apr-2024
  • 138.95 Kb
You can Share it: