shell bypass 403
<!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 -->
<title> Edmate Learning Dashboard HTML Template</title>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/images/logo/favicon.png">
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- file upload -->
<link rel="stylesheet" href="assets/css/file-upload.css">
<!-- file upload -->
<link rel="stylesheet" href="assets/css/plyr.css">
<!-- DataTables -->
<link rel="stylesheet" href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css">
<!-- full calendar -->
<link rel="stylesheet" href="assets/css/full-calendar.css">
<!-- jquery Ui -->
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<!-- editor quill Ui -->
<link rel="stylesheet" href="assets/css/editor-quill.css">
<!-- apex charts Css -->
<link rel="stylesheet" href="assets/css/apexcharts.css">
<!-- calendar Css -->
<link rel="stylesheet" href="assets/css/calendar.css">
<!-- jvector map Css -->
<link rel="stylesheet" href="assets/css/jquery-jvectormap-2.0.5.css">
<!-- Main css -->
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!--==================== Preloader Start ====================-->
<div class="preloader">
<div class="loader"></div>
</div>
<!--==================== Preloader End ====================-->
<!--==================== Sidebar Overlay End ====================-->
<div class="side-overlay"></div>
<!--==================== Sidebar Overlay End ====================-->
<!-- ============================ Sidebar Start ============================ -->
<aside class="sidebar">
<!-- sidebar close btn -->
<button type="button" class="sidebar-close-btn text-gray-500 hover-text-white hover-bg-main-600 text-md w-24 h-24 border border-gray-100 hover-border-main-600 d-xl-none d-flex flex-center rounded-circle position-absolute"><i class="ph ph-x"></i></button>
<!-- sidebar close btn -->
<a href="index.html" class="sidebar__logo text-center p-20 position-sticky inset-block-start-0 bg-white w-100 z-1 pb-10">
<img src="assets/images/logo/logo.png" alt="Logo">
</a>
<div class="sidebar-menu-wrapper overflow-y-auto scroll-sm">
<div class="p-20 pt-10">
<ul class="sidebar-menu">
<li class="sidebar-menu__item has-dropdown">
<a href="javascript:void(0)" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-squares-four"></i></span>
<span class="text">Dashboard</span>
<span class="link-badge">3</span>
</a>
<!-- Submenu start -->
<ul class="sidebar-submenu">
<li class="sidebar-submenu__item">
<a href="index.html" class="sidebar-submenu__link"> Dashboard One </a>
</li>
<li class="sidebar-submenu__item">
<a href="index-2.html" class="sidebar-submenu__link"> Dashboard Two </a>
</li>
<li class="sidebar-submenu__item">
<a href="index-3.html" class="sidebar-submenu__link"> Dashboard Three </a>
</li>
</ul>
<!-- Submenu End -->
</li>
<li class="sidebar-menu__item has-dropdown">
<a href="javascript:void(0)" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-graduation-cap"></i></span>
<span class="text">Courses</span>
</a>
<!-- Submenu start -->
<ul class="sidebar-submenu">
<li class="sidebar-submenu__item">
<a href="student-courses.html" class="sidebar-submenu__link"> Student Courses </a>
</li>
<li class="sidebar-submenu__item">
<a href="mentor-courses.html" class="sidebar-submenu__link"> Mentor Courses </a>
</li>
<li class="sidebar-submenu__item">
<a href="create-course" class="sidebar-submenu__link"> Create Course </a>
</li>
</ul>
<!-- Submenu End -->
</li>
<li class="sidebar-menu__item">
<a href="students.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-users-three"></i></span>
<span class="text">Students</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="assignment.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-clipboard-text"></i></span>
<span class="text">Assignments</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="mentors.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-users"></i></span>
<span class="text">Mentors</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="resources.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-bookmarks"></i></span>
<span class="text">Resources</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="message.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-chats-teardrop"></i></span>
<span class="text">Messages</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="analytics.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-chart-bar"></i></span>
<span class="text">Analytics</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="event.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-calendar-dots"></i></span>
<span class="text">Events</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="library.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-books"></i></span>
<span class="text">Library</span>
</a>
</li>
<li class="sidebar-menu__item">
<a href="pricing-plan.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-coins"></i></span>
<span class="text">Pricing</span>
</a>
</li>
<li class="sidebar-menu__item">
<span class="text-gray-300 text-sm px-20 pt-20 fw-semibold border-top border-gray-100 d-block text-uppercase">Settings</span>
</li>
<li class="sidebar-menu__item">
<a href="setting.html" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-gear"></i></span>
<span class="text">Account Settings</span>
</a>
</li>
<li class="sidebar-menu__item has-dropdown">
<a href="javascript:void(0)" class="sidebar-menu__link">
<span class="icon"><i class="ph ph-shield-check"></i></span>
<span class="text">Authetication</span>
</a>
<!-- Submenu start -->
<ul class="sidebar-submenu">
<li class="sidebar-submenu__item">
<a href="sign-in.html" class="sidebar-submenu__link">Sign In</a>
</li>
<li class="sidebar-submenu__item">
<a href="sign-up.html" class="sidebar-submenu__link">Sign Up</a>
</li>
<li class="sidebar-submenu__item">
<a href="forgot-password.html" class="sidebar-submenu__link">Forgot Password</a>
</li>
<li class="sidebar-submenu__item">
<a href="reset-password.html" class="sidebar-submenu__link">Reset Password</a>
</li>
<li class="sidebar-submenu__item">
<a href="verify-email.html" class="sidebar-submenu__link">Verify Email</a>
</li>
<li class="sidebar-submenu__item">
<a href="two-step-verification.html" class="sidebar-submenu__link">Two Step Verification</a>
</li>
</ul>
<!-- Submenu End -->
</li>
</ul>
</div>
<div class="p-20 pt-80">
<div class="bg-main-50 p-20 pt-0 rounded-16 text-center mt-74">
<span class="border border-5 bg-white mx-auto border-primary-50 w-114 h-114 rounded-circle flex-center text-success-600 text-2xl translate-n74">
<img src="assets/images/icons/certificate.png" alt="" class="centerised-img">
</span>
<div class="mt-n74">
<h5 class="mb-4 mt-22">Get Pro Certificate</h5>
<p class="">Explore 400+ courses with lifetime members</p>
<a href="pricing-plan.html" class="btn btn-main mt-16 rounded-pill">Get Access</a>
</div>
</div>
</div>
</div>
</aside>
<!-- ============================ Sidebar End ============================ -->
<div class="dashboard-main-wrapper">
<div class="top-navbar flex-between gap-16">
<div class="flex-align gap-16">
<!-- Toggle Button Start -->
<button type="button" class="toggle-btn d-xl-none d-flex text-26 text-gray-500"><i class="ph ph-list"></i></button>
<!-- Toggle Button End -->
<form action="#" class="w-350 d-sm-block d-none">
<div class="position-relative">
<button type="submit" class="input-icon text-xl d-flex text-gray-100 pointer-event-none"><i class="ph ph-magnifying-glass"></i></button>
<input type="text" class="form-control ps-40 h-40 border-transparent focus-border-main-600 bg-main-50 rounded-pill placeholder-15" placeholder="Search...">
</div>
</form>
</div>
<div class="flex-align gap-16">
<div class="flex-align gap-8">
<!-- Notification Start -->
<div class="dropdown">
<button class="dropdown-btn shaking-animation text-gray-500 w-40 h-40 bg-main-50 hover-bg-main-100 transition-2 rounded-circle text-xl flex-center" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="position-relative">
<i class="ph ph-bell"></i>
<span class="alarm-notify position-absolute end-0"></span>
</span>
</button>
<div class="dropdown-menu dropdown-menu--lg border-0 bg-transparent p-0">
<div class="card border border-gray-100 rounded-12 box-shadow-custom p-0 overflow-hidden">
<div class="card-body p-0">
<div class="py-8 px-24 bg-main-600">
<div class="flex-between">
<h5 class="text-xl fw-semibold text-white mb-0">Notifications</h5>
<div class="flex-align gap-12">
<button type="button" class="bg-white rounded-6 text-sm px-8 py-2 hover-text-primary-600"> New </button>
<button type="button" class="close-dropdown hover-scale-1 text-xl text-white"><i class="ph ph-x"></i></button>
</div>
</div>
</div>
<div class="p-24 max-h-270 overflow-y-auto scroll-sm">
<div class="d-flex align-items-start gap-12">
<img src="assets/images/thumbs/notification-img1.png" alt="" class="w-48 h-48 rounded-circle object-fit-cover">
<div class="border-bottom border-gray-100 mb-24 pb-24">
<div class="flex-align gap-4">
<a href="#" class="fw-medium text-15 mb-0 text-gray-300 hover-text-main-600 text-line-2">Ashwin Bose is requesting access to Design File - Final Project. </a>
<!-- Three Dot Dropdown Start -->
<div class="dropdown flex-shrink-0">
<button class="text-gray-200 rounded-4" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ph-fill ph-dots-three-outline"></i>
</button>
<div class="dropdown-menu dropdown-menu--md border-0 bg-transparent p-0">
<div class="card border border-gray-100 rounded-12 box-shadow-custom">
<div class="card-body p-12">
<div class="max-h-200 overflow-y-auto scroll-sm pe-8">
<ul>
<li class="mb-0">
<a href="#" class="py-6 text-15 px-8 hover-bg-gray-50 text-gray-300 rounded-8 fw-normal text-xs d-block">
<span class="text">Mark as read</span>
</a>
</li>
<li class="mb-0">
<a href="#" class="py-6 text-15 px-8 hover-bg-gray-50 text-gray-300 rounded-8 fw-normal text-xs d-block">
<span class="text">Delete Notification</span>
</a>
</li>
<li class="mb-0">
<a href="#" class="py-6 text-15 px-8 hover-bg-gray-50 text-gray-300 rounded-8 fw-normal text-xs d-block">
<span class="text">Report</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Three Dot Dropdown End -->
</div>
<div class="flex-align gap-6 mt-8">
<img src="assets/images/icons/google-drive.png" alt="">
<div class="flex-align gap-4">
<p class="text-gray-900 text-sm text-line-1">Design brief and ideas.txt</p>
<span class="text-xs text-gray-200 flex-shrink-0">2.2 MB</span>
</div>
</div>
<div class="mt-16 flex-align gap-8">
<button type="button" class="btn btn-main py-8 text-15 fw-normal px-16">Accept</button>
<button type="button" class="btn btn-outline-gray py-8 text-15 fw-normal px-16">Decline</button>
</div>
<span class="text-gray-200 text-13 mt-8">2 mins ago</span>
</div>
</div>
<div class="d-flex align-items-start gap-12">
<img src="assets/images/thumbs/notification-img2.png" alt="" class="w-48 h-48 rounded-circle object-fit-cover">
<div class="">
<a href="#" class="fw-medium text-15 mb-0 text-gray-300 hover-text-main-600 text-line-2">Patrick added a comment on Design Assets - Smart Tags file:</a>
<span class="text-gray-200 text-13">2 mins ago</span>
</div>
</div>
</div>
<a href="#" class="py-13 px-24 fw-bold text-center d-block text-primary-600 border-top border-gray-100 hover-text-decoration-underline"> View All </a>
</div>
</div>
</div>
</div>
<!-- Notification Start -->
<!-- Language Start -->
<div class="dropdown">
<button class="text-gray-500 w-40 h-40 bg-main-50 hover-bg-main-100 transition-2 rounded-circle text-xl flex-center" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ph ph-globe"></i>
</button>
<div class="dropdown-menu dropdown-menu--md border-0 bg-transparent p-0">
<div class="card border border-gray-100 rounded-12 box-shadow-custom">
<div class="card-body">
<div class="max-h-270 overflow-y-auto scroll-sm pe-8">
<div class="form-check form-radio d-flex align-items-center justify-content-between ps-0 mb-16">
<label class="ps-0 form-check-label line-height-1 fw-medium text-secondary-light" for="arabic">
<span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-8">
<img src="assets/images/thumbs/flag1.png" alt="" class="w-32-px h-32-px border borde border-gray-100 rounded-circle flex-shrink-0">
<span class="text-15 fw-semibold mb-0">Arabic</span>
</span>
</label>
<input class="form-check-input" type="radio" name="language" id="arabic">
</div>
<div class="form-check form-radio d-flex align-items-center justify-content-between ps-0 mb-16">
<label class="ps-0 form-check-label line-height-1 fw-medium text-secondary-light" for="germany">
<span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-8">
<img src="assets/images/thumbs/flag2.png" alt="" class="w-32-px h-32-px border borde border-gray-100 rounded-circle flex-shrink-0">
<span class="text-15 fw-semibold mb-0">Germany</span>
</span>
</label>
<input class="form-check-input" type="radio" name="language" id="germany">
</div>
<div class="form-check form-radio d-flex align-items-center justify-content-between ps-0 mb-16">
<label class="ps-0 form-check-label line-height-1 fw-medium text-secondary-light" for="english">
<span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-8">
<img src="assets/images/thumbs/flag3.png" alt="" class="w-32-px h-32-px border borde border-gray-100 rounded-circle flex-shrink-0">
<span class="text-15 fw-semibold mb-0">English</span>
</span>
</label>
<input class="form-check-input" type="radio" name="language" id="english">
</div>
<div class="form-check form-radio d-flex align-items-center justify-content-between ps-0">
<label class="ps-0 form-check-label line-height-1 fw-medium text-secondary-light" for="spanish">
<span class="text-black hover-bg-transparent hover-text-primary d-flex align-items-center gap-8">
<img src="assets/images/thumbs/flag4.png" alt="" class="w-32-px h-32-px border borde border-gray-100 rounded-circle flex-shrink-0">
<span class="text-15 fw-semibold mb-0">Spanish</span>
</span>
</label>
<input class="form-check-input" type="radio" name="language" id="spanish">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Language Start -->
</div>
<!-- User Profile Start -->
<div class="dropdown">
<button class="users arrow-down-icon border border-gray-200 rounded-pill p-4 d-inline-block pe-40 position-relative" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="position-relative">
<img src="assets/images/thumbs/user-img.png" alt="Image" class="h-32 w-32 rounded-circle">
<span class="activation-badge w-8 h-8 position-absolute inset-block-end-0 inset-inline-end-0"></span>
</span>
</button>
<div class="dropdown-menu dropdown-menu--lg border-0 bg-transparent p-0">
<div class="card border border-gray-100 rounded-12 box-shadow-custom">
<div class="card-body">
<div class="flex-align gap-8 mb-20 pb-20 border-bottom border-gray-100">
<img src="assets/images/thumbs/user-img.png" alt="" class="w-54 h-54 rounded-circle">
<div class="">
<h4 class="mb-0">Michel John</h4>
<p class="fw-medium text-13 text-gray-200">examplemail@mail.com</p>
</div>
</div>
<ul class="max-h-270 overflow-y-auto scroll-sm pe-4">
<li class="mb-4">
<a href="setting.html" class="py-12 text-15 px-20 hover-bg-gray-50 text-gray-300 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-primary-600 d-flex"><i class="ph ph-gear"></i></span>
<span class="text">Account Settings</span>
</a>
</li>
<li class="mb-4">
<a href="pricing-plan.html" class="py-12 text-15 px-20 hover-bg-gray-50 text-gray-300 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-primary-600 d-flex"><i class="ph ph-chart-bar"></i></span>
<span class="text">Upgrade Plan</span>
</a>
</li>
<li class="mb-4">
<a href="analytics.html" class="py-12 text-15 px-20 hover-bg-gray-50 text-gray-300 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-primary-600 d-flex"><i class="ph ph-chart-line-up"></i></span>
<span class="text">Daily Activity</span>
</a>
</li>
<li class="mb-4">
<a href="message.html" class="py-12 text-15 px-20 hover-bg-gray-50 text-gray-300 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-primary-600 d-flex"><i class="ph ph-chats-teardrop"></i></span>
<span class="text">Inbox</span>
</a>
</li>
<li class="mb-4">
<a href="email.html" class="py-12 text-15 px-20 hover-bg-gray-50 text-gray-300 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-primary-600 d-flex"><i class="ph ph-envelope-simple"></i></span>
<span class="text">Email</span>
</a>
</li>
<li class="pt-8 border-top border-gray-100">
<a href="sign-in.html" class="py-12 text-15 px-20 hover-bg-danger-50 text-gray-300 hover-text-danger-600 rounded-8 flex-align gap-8 fw-medium text-15">
<span class="text-2xl text-danger-600 d-flex"><i class="ph ph-sign-out"></i></span>
<span class="text">Log Out</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- User Profile Start -->
</div>
</div>
<div class="dashboard-body">
<div class="breadcrumb-with-buttons mb-24 flex-between flex-wrap gap-8">
<!-- Breadcrumb Start -->
<div class="breadcrumb mb-24">
<ul class="flex-align gap-4">
<li><a href="index.html" class="text-gray-200 fw-normal text-15 hover-text-main-600">Home</a></li>
<li> <span class="text-gray-500 fw-normal d-flex"><i class="ph ph-caret-right"></i></span> </li>
<li><span class="text-main-600 fw-normal text-15">Files & Resources</span></li>
</ul>
</div>
<!-- Breadcrumb End -->
<!-- Breadcrumb Right Start -->
<div class="flex-align gap-8 flex-wrap">
<div class="position-relative text-gray-500 flex-align gap-4 text-13">
<span class="text-inherit">Sort by: </span>
<div class="flex-align text-gray-500 text-13 border border-gray-100 rounded-4 ps-20 focus-border-main-600 bg-white">
<span class="text-lg"><i class="ph ph-funnel-simple"></i></span>
<select class="form-control ps-8 pe-20 py-16 border-0 text-inherit rounded-4 text-center">
<option value="1" selected>Popular</option>
<option value="1">Latest</option>
<option value="1">Trending</option>
<option value="1">Matches</option>
</select>
</div>
</div>
<div class="flex-align text-gray-500 text-13 border border-gray-100 rounded-4 ps-20 focus-border-main-600 bg-white">
<span class="text-lg"><i class="ph ph-layout"></i></span>
<select class="form-control ps-8 pe-20 py-16 border-0 text-inherit rounded-4 text-center" id="exportOptions">
<option value="" selected disabled>Export</option>
<option value="csv">CSV</option>
<option value="json">JSON</option>
</select>
</div>
</div>
<!-- Breadcrumb Right End -->
</div>
<!-- Card Start -->
<div class="card">
<!-- Card Header Start -->
<div class="card-header border-bottom border-gray-100">
<div class="flex-between flex-wrap gap-8">
<form action="#" class="w-350 d-sm-block d-none">
<div class="position-relative">
<button type="submit" class="input-icon text-xl d-flex text-gray-100 pointer-event-none"><i class="ph ph-magnifying-glass"></i></button>
<input type="text" class="form-control ps-40 h-40 border-transparent focus-border-main-600 bg-main-50 rounded-pill placeholder-15" placeholder="Search...">
</div>
</form>
<div class="flex-align gap-8 flex-wrap">
<div class="position-relative text-gray-500 flex-align gap-4 text-13">
<span class="text-inherit">Sort by: </span>
<div class="position-relative">
<div class="flex-align gap-8">
<button type="button" class="list-view-btn text-gray-200 text-2xl">
<i class="ph ph-rows"></i>
</button>
<button type="button" class="grid-view-btn active text-gray-200 text-2xl">
<i class="ph ph-squares-four"></i>
</button>
</div>
</div>
</div>
<label for="upload" class="btn btn-main text-sm btn-sm px-24 py-12 d-flex align-items-center gap-8">
<i class="ph ph-upload-simple d-flex text-xl"></i>
Upload File
</label>
<input type="file" id="upload" hidden>
</div>
</div>
</div>
<!-- Card Header End -->
<div class="card-body p-0">
<!-- Grid View Start -->
<div class="grid-view py-20">
<div class="resource-item-wrapper px-24">
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox1" type="checkbox">
</div>
<label for="checkbox1" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox2" type="checkbox">
</div>
<label for="checkbox2" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox3" type="checkbox">
</div>
<label for="checkbox3" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox4" type="checkbox">
</div>
<label for="checkbox4" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Development</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox5" type="checkbox">
</div>
<label for="checkbox5" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Payments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox6" type="checkbox">
</div>
<label for="checkbox6" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Content</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox7" type="checkbox">
</div>
<label for="checkbox7" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox8" type="checkbox">
</div>
<label for="checkbox8" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Maths</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox9" type="checkbox">
</div>
<label for="checkbox9" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Content</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox10" type="checkbox">
</div>
<label for="checkbox10" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Video</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox11" type="checkbox">
</div>
<label for="checkbox11" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Invoices</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox12" type="checkbox">
</div>
<label for="checkbox12" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Presentation</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
</div>
<div class="resource-item-wrapper px-24">
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox13" type="checkbox">
</div>
<label for="checkbox13" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox14" type="checkbox">
</div>
<label for="checkbox14" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Presentation</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox15" type="checkbox">
</div>
<label for="checkbox15" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox16" type="checkbox">
</div>
<label for="checkbox16" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Payments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox17" type="checkbox">
</div>
<label for="checkbox17" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Invoices</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox18" type="checkbox">
</div>
<label for="checkbox18" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox19" type="checkbox">
</div>
<label for="checkbox19" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Payments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox20" type="checkbox">
</div>
<label for="checkbox20" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Content</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox21" type="checkbox">
</div>
<label for="checkbox21" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Assignments</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox22" type="checkbox">
</div>
<label for="checkbox22" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Development</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox23" type="checkbox">
</div>
<label for="checkbox23" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Video</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox24" type="checkbox">
</div>
<label for="checkbox24" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon1.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Maths</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
</div>
<div class="resource-item-wrapper px-24">
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox25" type="checkbox">
</div>
<label for="checkbox25" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox26" type="checkbox">
</div>
<label for="checkbox26" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Articles.pdf</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox27" type="checkbox">
</div>
<label for="checkbox27" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Payment.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox28" type="checkbox">
</div>
<label for="checkbox28" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Brief.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox29" type="checkbox">
</div>
<label for="checkbox29" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Articles.pdf</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox30" type="checkbox">
</div>
<label for="checkbox30" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Lession.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox31" type="checkbox">
</div>
<label for="checkbox31" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Revenue.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox32" type="checkbox">
</div>
<label for="checkbox32" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Class 1st.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox33" type="checkbox">
</div>
<label for="checkbox33" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Lession.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox34" type="checkbox">
</div>
<label for="checkbox34" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Budget.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox35" type="checkbox">
</div>
<label for="checkbox35" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Class 1st.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox36" type="checkbox">
</div>
<label for="checkbox36" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
</div>
<div class="resource-item-wrapper px-24">
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox37" type="checkbox">
</div>
<label for="checkbox37" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Brief.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div><div class="resource- class="fixed-width"item">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox38" type="checkbox">
</div>
<label for="checkbox38" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Revenue.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox39" type="checkbox">
</div>
<label for="checkbox39" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Class 1st.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox40" type="checkbox">
</div>
<label for="checkbox40" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Lession.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox41" type="checkbox">
</div>
<label for="checkbox41" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Articles.pdf</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox42" type="checkbox">
</div>
<label for="checkbox42" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox43" type="checkbox">
</div>
<label for="checkbox43" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Budget.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox44" type="checkbox">
</div>
<label for="checkbox44" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox45" type="checkbox">
</div>
<label for="checkbox45" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Payment.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox46" type="checkbox">
</div>
<label for="checkbox46" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Class 1st.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox47" type="checkbox">
</div>
<label for="checkbox47" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Lession.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox48" type="checkbox">
</div>
<label for="checkbox48" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Revenue.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
</div>
<div class="resource-item-wrapper px-24">
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox49" type="checkbox">
</div>
<label for="checkbox49" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon4.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Brief.doc</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox50" type="checkbox">
</div>
<label for="checkbox50" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon3.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Articles.pdf</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox51" type="checkbox">
</div>
<label for="checkbox51" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Design & Art</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
<div class="resource-item" class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" id="checkbox52" type="checkbox">
</div>
<label for="checkbox52" class="">
<span class="d-block mb-16"><img src="assets/images/icons/file-icon2.png" alt=""></span>
<span class="d-block text-gray-400 text-15">Budget.xls</span>
<span class="d-block text-gray-200 text-15">32 Files</span>
</label>
</div>
</div>
</div>
<!-- Grid View End -->
<!-- List View Start -->
<div class="list-view d-none">
<div class="card-body p-0 overflow-x-auto scroll-sm scroll-sm-horizontal">
<table id="studentTable" class="table table-striped style-three w-100">
<thead>
<tr>
<th class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox" id="selectAll">
</div>
</th>
<th class="h6 text-gray-300">Name</th>
<th class="h6 text-gray-300">Updated By</th>
<th class="h6 text-gray-300">Size</th>
<th class="h6 text-gray-300">Total Files</th>
<th class="h6 text-gray-300">Status</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm1.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm1.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm1.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm4.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm3.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm1.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Web Development</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-warning-50 text-warning-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-warning-600 rounded-circle flex-shrink-0"></span>
Pending
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm4.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Presentation</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm3.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Payment Details</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-success-50 text-success-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-success-600 rounded-circle flex-shrink-0"></span>
Received
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm2.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Revenue Card</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-danger-50 text-danger-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-danger-600 rounded-circle flex-shrink-0"></span>
Declined
</span>
</td>
</tr>
<tr>
<td class="fixed-width">
<div class="form-check">
<input class="form-check-input border-gray-200 rounded-4" type="checkbox">
</div>
</td>
<td>
<div class="flex-align gap-8">
<img src="assets/images/icons/file-icon-sm4.png" alt="" class="">
<span class="h6 mb-0 fw-medium text-gray-300">Invoices</span>
</div>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">Yesterday by Mir Hossain</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">72MB</span>
</td>
<td>
<span class="h6 mb-0 fw-medium text-gray-300">10 Files</span>
</td>
<td>
<span class="text-13 py-2 px-8 bg-warning-50 text-warning-600 d-inline-flex align-items-center gap-8 rounded-pill">
<span class="w-6 h-6 bg-warning-600 rounded-circle flex-shrink-0"></span>
Pending
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- List View End -->
</div>
<div class="card-footer border-top border-gray-100">
<div class="flex-between flex-wrap gap-8 mt-20">
<a href="#" class="btn btn-outline-gray rounded-pill py-9 flex-align gap-4">
<span class="d-flex text-xl"><i class="ph ph-arrow-left"></i></span>
Previous
</a>
<ul class="pagination flex-align flex-wrap">
<li class="page-item active">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">3</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">...</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">8</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">9</a>
</li>
<li class="page-item">
<a class="page-link h-44 w-44 flex-center text-15 rounded-8 fw-medium" href="#">10</a>
</li>
</ul>
<a href="#" class="btn btn-main rounded-pill py-9 flex-align gap-4">
Next <span class="d-flex text-xl"><i class="ph ph-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<!-- Card End -->
</div>
<div class="dashboard-footer">
<div class="flex-between flex-wrap gap-16">
<p class="text-gray-300 text-13 fw-normal"> © Copyright Edmate 2024, All Right Reserverd</p>
<div class="flex-align flex-wrap gap-16">
<a href="#" class="text-gray-300 text-13 fw-normal hover-text-main-600 hover-text-decoration-underline">License</a>
<a href="#" class="text-gray-300 text-13 fw-normal hover-text-main-600 hover-text-decoration-underline">More Themes</a>
<a href="#" class="text-gray-300 text-13 fw-normal hover-text-main-600 hover-text-decoration-underline">Documentation</a>
<a href="#" class="text-gray-300 text-13 fw-normal hover-text-main-600 hover-text-decoration-underline">Support</a>
</div>
</div>
</div>
</div>
<!-- Jquery js -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap Bundle Js -->
<script src="assets/js/boostrap.bundle.min.js"></script>
<!-- Phosphor Js -->
<script src="assets/js/phosphor-icon.js"></script>
<!-- file upload -->
<script src="assets/js/file-upload.js"></script>
<!-- file upload -->
<script src="assets/js/plyr.js"></script>
<!-- dataTables -->
<script src="https://cdn.datatables.net/2.0.8/js/dataTables.min.js"></script>
<!-- full calendar -->
<script src="assets/js/full-calendar.js"></script>
<!-- jQuery UI -->
<script src="assets/js/jquery-ui.js"></script>
<!-- jQuery UI -->
<script src="assets/js/editor-quill.js"></script>
<!-- apex charts -->
<script src="assets/js/apexcharts.min.js"></script>
<!-- Calendar Js -->
<script src="assets/js/calendar.js"></script>
<!-- jvectormap Js -->
<script src="assets/js/jquery-jvectormap-2.0.5.min.js"></script>
<!-- jvectormap world Js -->
<script src="assets/js/jquery-jvectormap-world-mill-en.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
<script>
// ========================== Export Js Start ==============================
document.getElementById('exportOptions').addEventListener('change', function() {
const format = this.value;
const table = document.getElementById('studentTable');
let data = [];
const headers = [];
// Get the table headers
table.querySelectorAll('thead th').forEach(th => {
headers.push(th.innerText.trim());
});
// Get the table rows
table.querySelectorAll('tbody tr').forEach(tr => {
const row = {};
tr.querySelectorAll('td').forEach((td, index) => {
row[headers[index]] = td.innerText.trim();
});
data.push(row);
});
if (format === 'csv') {
downloadCSV(data);
} else if (format === 'json') {
downloadJSON(data);
}
});
function downloadCSV(data) {
const csv = data.map(row => Object.values(row).join(',')).join('\n');
const blob = new Blob([csv], { type: 'text/csv' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'students.csv';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
function downloadJSON(data) {
const json = JSON.stringify(data, null, 2);
const blob = new Blob([json], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'students.json';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
// ========================== Export Js End ==============================
// Table Header Checkbox checked all js Start
$('#selectAll').on('change', function () {
$('.form-check .form-check-input').prop('checked', $(this).prop('checked'));
});
// Data Tables
new DataTable('#studentTable', {
searching: false,
lengthChange: false,
info: false, // Bottom Left Text => Showing 1 to 10 of 12 entries
paging: false,
"columnDefs": [
{ "orderable": false, "targets": [0] } // Disables sorting on the 7th column (index 6)
]
});
</script>
</body>
</html>