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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Member History</title>
    <link rel="shortcut icon" href="Images\hariyali logo.jpg" type="image/x-icon">
    <link href="https://cdn.lineicons.com/4.0/lineicons.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <link rel="stylesheet" href="sidebar.css">
</head>

<body>
    <div class="wrapper">
        <aside id="sidebar">
            <div class="d-flex">
                <button class="toggle-btn" type="button">
                    <img src="Images/hariyali logo.jpg" alt="" srcset="">
                </button>
                <div class="sidebar-logo">
                    <a href="#">Hariyali</a>
                </div>
            </div>
            <ul class="sidebar-nav">
                <li class="sidebar-item">
                    <a href="dashboard.html" class="sidebar-link">
                        <i class="fa-solid fa-gauge"></i>
                        <span>Dashboard</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="adminManagement.html" class="sidebar-link">
                        <i class="fa-solid fa-user"></i>
                        <span>Admin Management</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="userManagement.html" class="sidebar-link">
                        <i class="fa-solid fa-users"></i>
                        <span>User Management</span>
                    </a>
                </li>
                <li class="sidebar-item">
                        <a href="membershipDueReport.html" class="sidebar-link">
                        <i class="fa-solid fa-chart-column"></i>
                        <span>Membership Due Report</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="memberHistory" class="sidebar-link">
                        <i class="fa-solid fa-clock-rotate-left"></i>
                        <span>Member History</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="idCardIssueRegister.html" class="sidebar-link">
                        <i class="fa-solid fa-id-card"></i>
                        <span>ID Card Issue Register</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="category.html" class="sidebar-link">
                        <i class="fa-solid fa-shapes"></i>
                        <span>Category</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="products.html" class="sidebar-link">
                        <i class="fa-brands fa-product-hunt"></i>
                        <span>Products</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="purchase.html" class="sidebar-link">
                        <i class="fa-solid fa-cart-shopping"></i>
                        <span>Purchase</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="sales.html" class="sidebar-link">
                        <i class="fa-solid fa-bag-shopping"></i>
                        <span>Sales</span>
                    </a>
                </li>
                <li class="sidebar-item">
                    <a href="gallery.html" class="sidebar-link">
                        <i class="fa-solid fa-image"></i>
                        <span>Gallery</span>
                    </a>
                </li>
            </ul>
            <div class="sidebar-footer">
                <a href="profile.html" class="sidebar-link">
                    <i class="lni lni-exit"></i>
                    <span>Username</span>
                </a>
            </div>
        </aside>
        <div class="main p-3">
            <div class="text-center">
                <h1>
                    Member History
                </h1>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
        crossorigin="anonymous"></script>
    <script src="sidebar.js"></script>
    <script src="https://kit.fontawesome.com/cd0fa2db27.js" crossorigin="anonymous"></script>
</body>

</html>