[php] 1

Viewer

  1. <?php 
  2. echo '<!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  8.     <title>Admin Dashboard</title>
  9.     <link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro-v6@44659d9/css/all.min.css" rel="stylesheet" type="text/css" />
  10.     <link rel="shortcut icon" href="assets/img/favicon.png">
  11.     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700&display=swap"rel="stylesheet">
  12.     <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
  13.     <link rel="stylesheet" href="assets/plugins/feather/feather.css">
  14.     <link rel="stylesheet" href="assets/plugins/icons/flags/flags.css">
  15.     <link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
  16.     <link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
  17.     <link rel="stylesheet" href="assets/css/style.css">
  18. </head>
  19.  
  20. <body>
  21.  
  22.     <div class="main-wrapper">
  23.  
  24.         <div class="header">
  25.  
  26.             <div class="header-left">
  27.                 <a href="index.html" class="logo">
  28.                     <img src="assets/img/logo.png" alt="Logo">
  29.                     <i class="fa-solid fa-wrench-simple"></i>
  30.                 </a>
  31.                 <a href="index.html" class="logo logo-small">
  32.                     <img src="assets/img/logo-small.png" alt="Logo" width="30" height="30">
  33.                 </a>
  34.             </div>
  35.             <div class="menu-toggle">
  36.                 <a href="javascript:void(0);" id="toggle_btn">
  37.                     <i class="fas fa-bars"></i>
  38.                 </a>
  39.             </div>
  40.  
  41.             <div class="top-nav-search">
  42.                 <form>
  43.                     <input type="text" class="form-control" placeholder="Search here">
  44.                     <button class="btn" type="submit"><i class="fas fa-search"></i></button>
  45.                 </form>
  46.             </div>
  47.             <a class="mobile_btn" id="mobile_btn">
  48.                 <i class="fas fa-bars"></i>
  49.             </a>
  50.  
  51.             <ul class="nav user-menu">
  52.                 <li class="nav-item dropdown noti-dropdown language-drop me-2">
  53.                     <a href="#" class="dropdown-toggle nav-link header-nav-list" data-bs-toggle="dropdown">
  54.                         <img src="assets/img/icons/header-icon-01.svg" alt="">
  55.                     </a>
  56.                     <div class="dropdown-menu ">
  57.                         <div class="noti-content">
  58.                             <div>
  59.                                 <a class="dropdown-item" href="javascript:;"><i
  60.                                         class="flag flag-lr me-2"></i>English</a>
  61.                                 <a class="dropdown-item" href="javascript:;"><i
  62.                                         class="flag flag-bl me-2"></i>Francais</a>
  63.                                 <a class="dropdown-item" href="javascript:;"><i class="flag flag-cn me-2"></i>Turkce</a>
  64.                             </div>
  65.                         </div>
  66.                     </div>
  67.                 </li>
  68.  
  69.                 <li class="nav-item dropdown noti-dropdown me-2">
  70.                     <a href="#" class="dropdown-toggle nav-link header-nav-list" data-bs-toggle="dropdown">
  71.                         <img src="assets/img/icons/header-icon-05.svg" alt="">
  72.                     </a>
  73.                     <div class="dropdown-menu notifications">
  74.                         <div class="topnav-dropdown-header">
  75.                             <span class="notification-title">Notifications</span>
  76.                             <a href="javascript:void(0)" class="clear-noti"> Clear All </a>
  77.                         </div>
  78.                         <div class="noti-content">
  79.                             <ul class="notification-list">
  80.                                 <li class="notification-message">
  81.                                     <a href="#">
  82.                                         <div class="media d-flex">
  83.                                             <span class="avatar avatar-sm flex-shrink-0">
  84.                                                 <img class="avatar-img rounded-circle" alt="User Image"
  85.                                                     src="assets/img/profiles/avatar-02.jpg">
  86.                                             </span>
  87.                                             <div class="media-body flex-grow-1">
  88.                                                 <p class="noti-details"><span class="noti-title">Carlson Tech</span> has
  89.                                                     approved <span class="noti-title">your estimate</span></p>
  90.                                                 <p class="noti-time"><span class="notification-time">4 mins ago</span>
  91.                                                 </p>
  92.                                             </div>
  93.                                         </div>
  94.                                     </a>
  95.                                 </li>
  96.                                 <li class="notification-message">
  97.                                     <a href="#">
  98.                                         <div class="media d-flex">
  99.                                             <span class="avatar avatar-sm flex-shrink-0">
  100.                                                 <img class="avatar-img rounded-circle" alt="User Image"
  101.                                                     src="assets/img/profiles/avatar-11.jpg">
  102.                                             </span>
  103.                                             <div class="media-body flex-grow-1">
  104.                                                 <p class="noti-details"><span class="noti-title">International Software
  105.                                                         Inc</span> has sent you a invoice in the amount of <span
  106.                                                         class="noti-title">$218</span></p>
  107.                                                 <p class="noti-time"><span class="notification-time">6 mins ago</span>
  108.                                                 </p>
  109.                                             </div>
  110.                                         </div>
  111.                                     </a>
  112.                                 </li>
  113.                                 <li class="notification-message">
  114.                                     <a href="#">
  115.                                         <div class="media d-flex">
  116.                                             <span class="avatar avatar-sm flex-shrink-0">
  117.                                                 <img class="avatar-img rounded-circle" alt="User Image"
  118.                                                     src="assets/img/profiles/avatar-17.jpg">
  119.                                             </span>
  120.                                             <div class="media-body flex-grow-1">
  121.                                                 <p class="noti-details"><span class="noti-title">John Hendry</span> sent
  122.                                                     a cancellation request <span class="noti-title">Apple iPhone
  123.                                                         XR</span></p>
  124.                                                 <p class="noti-time"><span class="notification-time">8 mins ago</span>
  125.                                                 </p>
  126.                                             </div>
  127.                                         </div>
  128.                                     </a>
  129.                                 </li>
  130.                                 <li class="notification-message">
  131.                                     <a href="#">
  132.                                         <div class="media d-flex">
  133.                                             <span class="avatar avatar-sm flex-shrink-0">
  134.                                                 <img class="avatar-img rounded-circle" alt="User Image"
  135.                                                     src="assets/img/profiles/avatar-13.jpg">
  136.                                             </span>
  137.                                             <div class="media-body flex-grow-1">
  138.                                                 <p class="noti-details"><span class="noti-title">Mercury Software
  139.                                                         Inc</span> added a new product <span class="noti-title">Apple
  140.                                                         MacBook Pro</span></p>
  141.                                                 <p class="noti-time"><span class="notification-time">12 mins ago</span>
  142.                                                 </p>
  143.                                             </div>
  144.                                         </div>
  145.                                     </a>
  146.                                 </li>
  147.                             </ul>
  148.                         </div>
  149.                         <div class="topnav-dropdown-footer">
  150.                             <a href="#">View all Notifications</a>
  151.                         </div>
  152.                     </div>
  153.                 </li>
  154.  
  155.                 <li class="nav-item zoom-screen me-2">
  156.                     <a href="#" class="nav-link header-nav-list win-maximize">
  157.                         <img src="assets/img/icons/header-icon-04.svg" alt="">
  158.                     </a>
  159.                 </li>
  160.  
  161.                 <li class="nav-item dropdown has-arrow new-user-menus">
  162.                     <a href="#" class="dropdown-toggle nav-link" data-bs-toggle="dropdown">
  163.                         <span class="user-img">
  164.                             <img class="rounded-circle" src="assets/img/profiles/avatar-01.jpg" width="31"
  165.                                 alt="Jassa Rich">
  166.                             <div class="user-text">
  167.                                 <h6>Jassa Rich</h6>
  168.                                 <p class="text-muted mb-0">Administrator</p>
  169.                             </div>
  170.                         </span>
  171.                     </a>
  172.                     <div class="dropdown-menu">
  173.                         <div class="user-header">
  174.                             <div class="avatar avatar-sm">
  175.                                 <img src="assets/img/profiles/avatar-01.jpg" alt="User Image"
  176.                                     class="avatar-img rounded-circle">
  177.                             </div>
  178.                             <div class="user-text">
  179.                                 <h6>Jassa Rich</h6>
  180.                                 <p class="text-muted mb-0">Administrator</p>
  181.                             </div>
  182.                         </div>
  183.                         <a class="dropdown-item" href="profile.html">My Profile</a>
  184.                         <a class="dropdown-item" href="inbox.html">Inbox</a>
  185.                         <a class="dropdown-item" href="login.html">Logout</a>
  186.                     </div>
  187.                 </li>
  188.  
  189.             </ul>
  190.  
  191.         </div>
  192.  
  193.  
  194.         <div class="sidebar" id="sidebar">
  195.             <div class="sidebar-inner slimscroll">
  196.                 <div id="sidebar-menu" class="sidebar-menu">
  197.                     <ul>
  198.                         <li class="menu-title">
  199.                             <span>Main Menu</span>
  200.                         </li>
  201.                         <li class="submenu active">
  202.                             <a href="#"><i class="feather-grid"></i> <span> Dashboard</span> <span
  203.                                     class="menu-arrow"></span></a>
  204.                             <ul>
  205.                                 <li><a href="index.html" class="active">Admin Dashboard</a></li>
  206.                                 <li><a href="teacher-dashboard.html">Teacher Dashboard</a></li>
  207.                                 <li><a href="student-dashboard.html">Student Dashboard</a></li>
  208.                             </ul>
  209.                         </li>
  210.                         <li class="submenu">
  211.                             <a href="#"><i class="fas fa-graduation-cap"></i> <span> Students</span> <span
  212.                                     class="menu-arrow"></span></a>
  213.                             <ul>
  214.                                 <li><a href="students.html">Student List</a></li>
  215.                                 <li><a href="student-details.html">Student View</a></li>
  216.                                 <li><a href="add-student.html">Student Add</a></li>
  217.                                 <li><a href="edit-student.html">Student Edit</a></li>
  218.                             </ul>
  219.                         </li>
  220.                         <li class="submenu">
  221.                             <a href="#"><i class="fas fa-chalkboard-teacher"></i> <span> Teachers</span> <span
  222.                                     class="menu-arrow"></span></a>
  223.                             <ul>
  224.                                 <li><a href="teachers.html">Teacher List</a></li>
  225.                                 <li><a href="teacher-details.html">Teacher View</a></li>
  226.                                 <li><a href="add-teacher.html">Teacher Add</a></li>
  227.                                 <li><a href="edit-teacher.html">Teacher Edit</a></li>
  228.                             </ul>
  229.                         </li>
  230.                         <li class="submenu">
  231.                             <a href="#"><i class="fas fa-building"></i> <span> Departments</span> <span
  232.                                     class="menu-arrow"></span></a>
  233.                             <ul>
  234.                                 <li><a href="departments.html">Department List</a></li>
  235.                                 <li><a href="add-department.html">Department Add</a></li>
  236.                                 <li><a href="edit-department.html">Department Edit</a></li>
  237.                             </ul>
  238.                         </li>
  239.                         <li class="submenu">
  240.                             <a href="#"><i class="fas fa-book-reader"></i> <span> Subjects</span> <span
  241.                                     class="menu-arrow"></span></a>
  242.                             <ul>
  243.                                 <li><a href="subjects.html">Subject List</a></li>
  244.                                 <li><a href="add-subject.html">Subject Add</a></li>
  245.                                 <li><a href="edit-subject.html">Subject Edit</a></li>
  246.                             </ul>
  247.                         </li>
  248.                         <li class="submenu">
  249.                             <a href="#"><i class="fas fa-clipboard"></i> <span> Invoices</span> <span
  250.                                     class="menu-arrow"></span></a>
  251.                             <ul>
  252.                                 <li><a href="invoices.html">Invoices List</a></li>
  253.                                 <li><a href="invoice-grid.html">Invoices Grid</a></li>
  254.                                 <li><a href="add-invoice.html">Add Invoices</a></li>
  255.                                 <li><a href="edit-invoice.html">Edit Invoices</a></li>
  256.                                 <li><a href="view-invoice.html">Invoices Details</a></li>
  257.                                 <li><a href="invoices-settings.html">Invoices Settings</a></li>
  258.                             </ul>
  259.                         </li>
  260.                         <li class="menu-title">
  261.                             <span>Management</span>
  262.                         </li>
  263.                         <li class="submenu">
  264.                             <a href="#"><i class="fas fa-file-invoice-dollar"></i> <span> Accounts</span> <span
  265.                                     class="menu-arrow"></span></a>
  266.                             <ul>
  267.                                 <li><a href="fees-collections.html">Fees Collection</a></li>
  268.                                 <li><a href="expenses.html">Expenses</a></li>
  269.                                 <li><a href="salary.html">Salary</a></li>
  270.                                 <li><a href="add-fees-collection.html">Add Fees</a></li>
  271.                                 <li><a href="add-expenses.html">Add Expenses</a></li>
  272.                                 <li><a href="add-salary.html">Add Salary</a></li>
  273.                             </ul>
  274.                         </li>
  275.                         <li>
  276.                             <a href="holiday.html"><i class="fas fa-holly-berry"></i> <span>Holiday</span></a>
  277.                         </li>
  278.                         <li>
  279.                             <a href="fees.html"><i class="fas fa-comment-dollar"></i> <span>Fees</span></a>
  280.                         </li>
  281.                         <li>
  282.                             <a href="exam.html"><i class="fas fa-clipboard-list"></i> <span>Exam list</span></a>
  283.                         </li>
  284.                         <li>
  285.                             <a href="event.html"><i class="fas fa-calendar-day"></i> <span>Events</span></a>
  286.                         </li>
  287.                         <li>
  288.                             <a href="time-table.html"><i class="fas fa-table"></i> <span>Time Table</span></a>
  289.                         </li>
  290.                         <li>
  291.                             <a href="library.html"><i class="fas fa-book"></i> <span>Library</span></a>
  292.                         </li>
  293.                         <li class="submenu">
  294.                             <a href="#"><i class="fa fa-newspaper"></i> <span> Blogs</span>
  295.                                 <span class="menu-arrow"></span>
  296.                             </a>
  297.                             <ul>
  298.                                 <li><a href="blog.html">All Blogs</a></li>
  299.                                 <li><a href="add-blog.html">Add Blog</a></li>
  300.                                 <li><a href="edit-blog.html">Edit Blog</a></li>
  301.                             </ul>
  302.                         </li>
  303.                         <li>
  304.                             <a href="settings.html"><i class="fas fa-cog"></i> <span>Settings</span></a>
  305.                         </li>
  306.                         <li class="menu-title">
  307.                             <span>Pages</span>
  308.                         </li>
  309.                         <li class="submenu">
  310.                             <a href="#"><i class="fas fa-shield-alt"></i> <span> Authentication </span> <span
  311.                                     class="menu-arrow"></span></a>
  312.                             <ul>
  313.                                 <li><a href="login.html">Login</a></li>
  314.                                 <li><a href="register.html">Register</a></li>
  315.                                 <li><a href="forgot-password.html">Forgot Password</a></li>
  316.                                 <li><a href="error-404.html">Error Page</a></li>
  317.                             </ul>
  318.                         </li>
  319.                         <li>
  320.                             <a href="blank-page.html"><i class="fas fa-file"></i> <span>Blank Page</span></a>
  321.                         </li>
  322.                         <li class="menu-title">
  323.                             <span>Others</span>
  324.                         </li>
  325.                         <li>
  326.                             <a href="sports.html"><i class="fas fa-baseball-ball"></i> <span>Sports</span></a>
  327.                         </li>
  328.                         <li>
  329.                             <a href="hostel.html"><i class="fas fa-hotel"></i> <span>Hostel</span></a>
  330.                         </li>
  331.                         <li>
  332.                             <a href="transport.html"><i class="fas fa-bus"></i> <span>Transport</span></a>
  333.                         </li>
  334.                         <li class="menu-title">
  335.                             <span>UI Interface</span>
  336.                         </li>
  337.                         <li class="submenu">
  338.                             <a href="#"><i class="fab fa-get-pocket"></i> <span>Base UI </span> <span
  339.                                     class="menu-arrow"></span></a>
  340.                             <ul>
  341.                                 <li><a href="alerts.html">Alerts</a></li>
  342.                                 <li><a href="accordions.html">Accordions</a></li>
  343.                                 <li><a href="avatar.html">Avatar</a></li>
  344.                                 <li><a href="badges.html">Badges</a></li>
  345.                                 <li><a href="buttons.html">Buttons</a></li>
  346.                                 <li><a href="buttongroup.html">Button Group</a></li>
  347.                                 <li><a href="breadcrumbs.html">Breadcrumb</a></li>
  348.                                 <li><a href="cards.html">Cards</a></li>
  349.                                 <li><a href="carousel.html">Carousel</a></li>
  350.                                 <li><a href="dropdowns.html">Dropdowns</a></li>
  351.                                 <li><a href="grid.html">Grid</a></li>
  352.                                 <li><a href="images.html">Images</a></li>
  353.                                 <li><a href="lightbox.html">Lightbox</a></li>
  354.                                 <li><a href="media.html">Media</a></li>
  355.                                 <li><a href="modal.html">Modals</a></li>
  356.                                 <li><a href="offcanvas.html">Offcanvas</a></li>
  357.                                 <li><a href="pagination.html">Pagination</a></li>
  358.                                 <li><a href="popover.html">Popover</a></li>
  359.                                 <li><a href="progress.html">Progress Bars</a></li>
  360.                                 <li><a href="placeholders.html">Placeholders</a></li>
  361.                                 <li><a href="rangeslider.html">Range Slider</a></li>
  362.                                 <li><a href="spinners.html">Spinner</a></li>
  363.                                 <li><a href="sweetalerts.html">Sweet Alerts</a></li>
  364.                                 <li><a href="tab.html">Tabs</a></li>
  365.                                 <li><a href="toastr.html">Toasts</a></li>
  366.                                 <li><a href="tooltip.html">Tooltip</a></li>
  367.                                 <li><a href="typography.html">Typography</a></li>
  368.                                 <li><a href="video.html">Video</a></li>
  369.                             </ul>
  370.                         </li>
  371.                         <li class="submenu">
  372.                             <a href="#"><i data-feather="box"></i> <span>Elements </span> <span
  373.                                     class="menu-arrow"></span></a>
  374.                             <ul>
  375.                                 <li><a href="ribbon.html">Ribbon</a></li>
  376.                                 <li><a href="clipboard.html">Clipboard</a></li>
  377.                                 <li><a href="drag-drop.html">Drag & Drop</a></li>
  378.                                 <li><a href="#">Rating</a></li>
  379.                                 <li><a href="text-editor.html">Text Editor</a></li>
  380.                                 <li><a href="counter.html">Counter</a></li>
  381.                                 <li><a href="scrollbar.html">Scrollbar</a></li>
  382.                                 <li><a href="notification.html">Notification</a></li>
  383.                                 <li><a href="stickynote.html">Sticky Note</a></li>
  384.                                 <li><a href="timeline.html">Timeline</a></li>
  385.                                 <li><a href="horizontal-timeline.html">Horizontal Timeline</a></li>
  386.                                 <li><a href="form-wizard.html">Form Wizard</a></li>
  387.                             </ul>
  388.                         </li>
  389.                         <li class="submenu">
  390.                             <a href="#"><i data-feather="bar-chart-2"></i> <span> Charts </span> <span
  391.                                     class="menu-arrow"></span></a>
  392.                             <ul>
  393.                                 <li><a href="chart-apex.html">Apex Charts</a></li>
  394.                                 <li><a href="chart-js.html">Chart Js</a></li>
  395.                                 <li><a href="chart-morris.html">Morris Charts</a></li>
  396.                                 <li><a href="chart-flot.html">Flot Charts</a></li>
  397.                                 <li><a href="chart-peity.html">Peity Charts</a></li>
  398.                                 <li><a href="chart-c3.html">C3 Charts</a></li>
  399.                             </ul>
  400.                         </li>
  401.                         <li class="submenu">
  402.                             <a href="#"><i data-feather="award"></i> <span> Icons </span> <span
  403.                                     class="menu-arrow"></span></a>
  404.                             <ul>
  405.                                 <li><a href="icon-fontawesome.html">Fontawesome Icons</a></li>
  406.                                 <li><a href="icon-feather.html">Feather Icons</a></li>
  407.                                 <li><a href="icon-ionic.html">Ionic Icons</a></li>
  408.                                 <li><a href="icon-material.html">Material Icons</a></li>
  409.                                 <li><a href="icon-pe7.html">Pe7 Icons</a></li>
  410.                                 <li><a href="icon-simpleline.html">Simpleline Icons</a></li>
  411.                                 <li><a href="icon-themify.html">Themify Icons</a></li>
  412.                                 <li><a href="icon-weather.html">Weather Icons</a></li>
  413.                                 <li><a href="icon-typicon.html">Typicon Icons</a></li>
  414.                                 <li><a href="icon-flag.html">Flag Icons</a></li>
  415.                             </ul>
  416.                         </li>
  417.                         <li class="submenu">
  418.                             <a href="#"><i class="fas fa-columns"></i> <span> Forms </span> <span
  419.                                     class="menu-arrow"></span></a>
  420.                             <ul>
  421.                                 <li><a href="form-basic-inputs.html">Basic Inputs </a></li>
  422.                                 <li><a href="form-input-groups.html">Input Groups </a></li>
  423.                                 <li><a href="form-horizontal.html">Horizontal Form </a></li>
  424.                                 <li><a href="form-vertical.html"> Vertical Form </a></li>
  425.                                 <li><a href="form-mask.html"> Form Mask </a></li>
  426.                                 <li><a href="form-validation.html"> Form Validation </a></li>
  427.                             </ul>
  428.                         </li>
  429.                         <li class="submenu">
  430.                             <a href="#"><i class="fas fa-table"></i> <span> Tables </span> <span
  431.                                     class="menu-arrow"></span></a>
  432.                             <ul>
  433.                                 <li><a href="tables-basic.html">Basic Tables </a></li>
  434.                                 <li><a href="data-tables.html">Data Table </a></li>
  435.                             </ul>
  436.                         </li>
  437.                         <li class="submenu">
  438.                             <a href="javascript:void(0);"><i class="fas fa-code"></i> <span>Multi Level</span> <span
  439.                                     class="menu-arrow"></span></a>
  440.                             <ul>
  441.                                 <li class="submenu">
  442.                                     <a href="javascript:void(0);"> <span>Level 1</span> <span
  443.                                             class="menu-arrow"></span></a>
  444.                                     <ul>
  445.                                         <li><a href="javascript:void(0);"><span>Level 2</span></a></li>
  446.                                         <li class="submenu">
  447.                                             <a href="javascript:void(0);"> <span> Level 2</span> <span
  448.                                                     class="menu-arrow"></span></a>
  449.                                             <ul>
  450.                                                 <li><a href="javascript:void(0);">Level 3</a></li>
  451.                                                 <li><a href="javascript:void(0);">Level 3</a></li>
  452.                                             </ul>
  453.                                         </li>
  454.                                         <li><a href="javascript:void(0);"> <span>Level 2</span></a></li>
  455.                                     </ul>
  456.                                 </li>
  457.                                 <li>
  458.                                     <a href="javascript:void(0);"> <span>Level 1</span></a>
  459.                                 </li>
  460.                             </ul>
  461.                         </li>
  462.                     </ul>
  463.                 </div>
  464.             </div>
  465.         </div>
  466.  
  467.  
  468.         <div class="page-wrapper">
  469.             <div class="content container-fluid">
  470.  
  471.                 <div class="page-header">
  472.                     <div class="row">
  473.                         <div class="col-sm-12">
  474.                             <div class="page-sub-header">
  475.                                 <h3 class="page-title">Welcome Admin!</h3>
  476.                                 <ul class="breadcrumb">
  477.                                     <li class="breadcrumb-item"><a href="index.html">Home</a></li>
  478.                                     <li class="breadcrumb-item active">Admin</li>
  479.                                 </ul>
  480.                             </div>
  481.                         </div>
  482.                     </div>
  483.                 </div>
  484.  
  485.  
  486.                 <div class="row">
  487.                     <div class="col-xl-3 col-sm-6 col-12 d-flex">
  488.                         <div class="card bg-comman w-100">
  489.                             <div class="card-body">
  490.                                 <div class="db-widgets d-flex justify-content-between align-items-center">
  491.                                     <div class="db-info">
  492.                                         <h6>Students</h6>
  493.                                         <h3> <?php echo $total_students; ?> </h3>
  494.                                     </div>
  495.                                     <div class="db-icon">
  496.                                         <img src="assets/img/icons/dash-icon-01.svg" alt="Dashboard Icon">
  497.                                     </div>
  498.                                 </div>
  499.                             </div>
  500.                         </div>
  501.                     </div>
  502.                     <div class="col-xl-3 col-sm-6 col-12 d-flex">
  503.                         <div class="card bg-comman w-100">
  504.                             <div class="card-body">
  505.                                 <div class="db-widgets d-flex justify-content-between align-items-center">
  506.                                     <div class="db-info">
  507.                                         <h6>Awards</h6>
  508.                                         <h3>50+</h3>
  509.                                     </div>
  510.                                     <div class="db-icon">
  511.                                         <img src="assets/img/icons/dash-icon-02.svg" alt="Dashboard Icon">
  512.                                     </div>
  513.                                 </div>
  514.                             </div>
  515.                         </div>
  516.                     </div>
  517.                     <div class="col-xl-3 col-sm-6 col-12 d-flex">
  518.                         <div class="card bg-comman w-100">
  519.                             <div class="card-body">
  520.                                 <div class="db-widgets d-flex justify-content-between align-items-center">
  521.                                     <div class="db-info">
  522.                                         <h6>Department</h6>
  523.                                         <h3>30+</h3>
  524.                                     </div>
  525.                                     <div class="db-icon">
  526.                                         <img src="assets/img/icons/dash-icon-03.svg" alt="Dashboard Icon">
  527.                                     </div>
  528.                                 </div>
  529.                             </div>
  530.                         </div>
  531.                     </div>
  532.                     <div class="col-xl-3 col-sm-6 col-12 d-flex">
  533.                         <div class="card bg-comman w-100">
  534.                             <div class="card-body">
  535.                                 <div class="db-widgets d-flex justify-content-between align-items-center">
  536.                                     <div class="db-info">
  537.                                         <h6>Revenue</h6>
  538.                                         <h3>$505</h3>
  539.                                     </div>
  540.                                     <div class="db-icon">
  541.                                         <img src="assets/img/icons/dash-icon-04.svg" alt="Dashboard Icon">
  542.                                     </div>
  543.                                 </div>
  544.                             </div>
  545.                         </div>
  546.                     </div>
  547.                 </div>
  548.  
  549.                 <div class="row">
  550.                     <div class="col-md-12 col-lg-6">
  551.  
  552.                         <div class="card card-chart">
  553.                             <div class="card-header">
  554.                                 <div class="row align-items-center">
  555.                                     <div class="col-6">
  556.                                         <h5 class="card-title">Overview</h5>
  557.                                     </div>
  558.                                     <div class="col-6">
  559.                                         <ul class="chart-list-out">
  560.                                             <li><span class="circle-blue"></span>Teacher</li>
  561.                                             <li><span class="circle-green"></span>Student</li>
  562.                                             <li class="star-menus"><a href="javascript:;"><i
  563.                                                         class="fas fa-ellipsis-v"></i></a></li>
  564.                                         </ul>
  565.                                     </div>
  566.                                 </div>
  567.                             </div>
  568.                             <div class="card-body">
  569.                                 <div id="apexcharts-area"></div>
  570.                             </div>
  571.                         </div>
  572.  
  573.                     </div>
  574.                     <div class="col-md-12 col-lg-6">
  575.  
  576.                         <div class="card card-chart">
  577.                             <div class="card-header">
  578.                                 <div class="row align-items-center">
  579.                                     <div class="col-6">
  580.                                         <h5 class="card-title">Number of Students</h5>
  581.                                     </div>
  582.                                     <div class="col-6">
  583.                                         <ul class="chart-list-out">
  584.                                             <li><span class="circle-blue"></span>Girls</li>
  585.                                             <li><span class="circle-green"></span>Boys</li>
  586.                                             <li class="star-menus"><a href="javascript:;"><i
  587.                                                         class="fas fa-ellipsis-v"></i></a></li>
  588.                                         </ul>
  589.                                     </div>
  590.                                 </div>
  591.                             </div>
  592.                             <div class="card-body">
  593.                                 <div id="bar"></div>
  594.                             </div>
  595.                         </div>
  596.  
  597.                     </div>
  598.                 </div>
  599.                 <div class="row">
  600.                     <div class="col-xl-6 d-flex">
  601.  
  602.                         <div class="card flex-fill student-space comman-shadow">
  603.                             <div class="card-header d-flex align-items-center">
  604.                                 <h5 class="card-title">Star Students</h5>
  605.                                 <ul class="chart-list-out student-ellips">
  606.                                     <li class="star-menus"><a href="javascript:;"><i class="fas fa-ellipsis-v"></i></a>
  607.                                     </li>
  608.                                 </ul>
  609.                             </div>
  610.                             <div class="card-body">
  611.                                 <div class="table-responsive">
  612.                                     <table
  613.                                         class="table star-student table-hover table-center table-borderless table-striped">
  614.                                         <thead class="thead-light">
  615.                                             <tr>
  616.                                                 <th>ID</th>
  617.                                                 <th>Name</th>
  618.                                                 <th class="text-center">Marks</th>
  619.                                                 <th class="text-center">Percentage</th>
  620.                                                 <th class="text-end">Year</th>
  621.                                             </tr>
  622.                                         </thead>
  623.                                         <tbody>
  624.                                             <tr>
  625.                                                 <td class="text-nowrap">
  626.                                                     <div>PRE2209</div>
  627.                                                 </td>
  628.                                                 <td class="text-nowrap">
  629.                                                     <a href="profile.html">
  630.                                                         <img class="rounded-circle"
  631.                                                             src="assets/img/profiles/avatar-02.jpg" width="25"
  632.                                                             alt="Star Students">
  633.                                                         John Smith
  634.                                                     </a>
  635.                                                 </td>
  636.                                                 <td class="text-center">1185</td>
  637.                                                 <td class="text-center">98%</td>
  638.                                                 <td class="text-end">
  639.                                                     <div>2019</div>
  640.                                                 </td>
  641.                                             </tr>
  642.                                             <tr>
  643.                                                 <td class="text-nowrap">
  644.                                                     <div>PRE1245</div>
  645.                                                 </td>
  646.                                                 <td class="text-nowrap">
  647.                                                     <a href="profile.html">
  648.                                                         <img class="rounded-circle"
  649.                                                             src="assets/img/profiles/avatar-01.jpg" width="25"
  650.                                                             alt="Star Students">
  651.                                                         Jolie Hoskins
  652.                                                     </a>
  653.                                                 </td>
  654.                                                 <td class="text-center">1195</td>
  655.                                                 <td class="text-center">99.5%</td>
  656.                                                 <td class="text-end">
  657.                                                     <div>2018</div>
  658.                                                 </td>
  659.                                             </tr>
  660.                                             <tr>
  661.                                                 <td class="text-nowrap">
  662.                                                     <div>PRE1625</div>
  663.                                                 </td>
  664.                                                 <td class="text-nowrap">
  665.                                                     <a href="profile.html">
  666.                                                         <img class="rounded-circle"
  667.                                                             src="assets/img/profiles/avatar-03.jpg" width="25"
  668.                                                             alt="Star Students">
  669.                                                         Pennington Joy
  670.                                                     </a>
  671.                                                 </td>
  672.                                                 <td class="text-center">1196</td>
  673.                                                 <td class="text-center">99.6%</td>
  674.                                                 <td class="text-end">
  675.                                                     <div>2017</div>
  676.                                                 </td>
  677.                                             </tr>
  678.                                             <tr>
  679.                                                 <td class="text-nowrap">
  680.                                                     <div>PRE2516</div>
  681.                                                 </td>
  682.                                                 <td class="text-nowrap">
  683.                                                     <a href="profile.html">
  684.                                                         <img class="rounded-circle"
  685.                                                             src="assets/img/profiles/avatar-04.jpg" width="25"
  686.                                                             alt="Star Students">
  687.                                                         Millie Marsden
  688.                                                     </a>
  689.                                                 </td>
  690.                                                 <td class="text-center">1187</td>
  691.                                                 <td class="text-center">98.2%</td>
  692.                                                 <td class="text-end">
  693.                                                     <div>2016</div>
  694.                                                 </td>
  695.                                             </tr>
  696.                                             <tr>
  697.                                                 <td class="text-nowrap">
  698.                                                     <div>PRE2209</div>
  699.                                                 </td>
  700.                                                 <td class="text-nowrap">
  701.                                                     <a href="profile.html">
  702.                                                         <img class="rounded-circle"
  703.                                                             src="assets/img/profiles/avatar-05.jpg" width="25"
  704.                                                             alt="Star Students">
  705.                                                         John Smith
  706.                                                     </a>
  707.                                                 </td>
  708.                                                 <td class="text-center">1185</td>
  709.                                                 <td class="text-center">98%</td>
  710.                                                 <td class="text-end">
  711.                                                     <div>2015</div>
  712.                                                 </td>
  713.                                             </tr>
  714.                                         </tbody>
  715.                                     </table>
  716.                                 </div>
  717.                             </div>
  718.                         </div>
  719.  
  720.                     </div>
  721.                     <div class="col-xl-6 d-flex">
  722.  
  723.                         <div class="card flex-fill comman-shadow">
  724.                             <div class="card-header d-flex align-items-center">
  725.                                 <h5 class="card-title ">Student Activity </h5>
  726.                                 <ul class="chart-list-out student-ellips">
  727.                                     <li class="star-menus"><a href="javascript:;"><i class="fas fa-ellipsis-v"></i></a>
  728.                                     </li>
  729.                                 </ul>
  730.                             </div>
  731.                             <div class="card-body">
  732.                                 <div class="activity-groups">
  733.                                     <div class="activity-awards">
  734.                                         <div class="award-boxs">
  735.                                             <img src="assets/img/icons/award-icon-01.svg" alt="Award">
  736.                                         </div>
  737.                                         <div class="award-list-outs">
  738.                                             <h4>1st place in "Chess”</h4>
  739.                                             <h5>John Doe won 1st place in "Chess"</h5>
  740.                                         </div>
  741.                                         <div class="award-time-list">
  742.                                             <span>1 Day ago</span>
  743.                                         </div>
  744.                                     </div>
  745.                                     <div class="activity-awards">
  746.                                         <div class="award-boxs">
  747.                                             <img src="assets/img/icons/award-icon-02.svg" alt="Award">
  748.                                         </div>
  749.                                         <div class="award-list-outs">
  750.                                             <h4>Participated in "Carrom"</h4>
  751.                                             <h5>Justin Lee participated in "Carrom"</h5>
  752.                                         </div>
  753.                                         <div class="award-time-list">
  754.                                             <span>2 hours ago</span>
  755.                                         </div>
  756.                                     </div>
  757.                                     <div class="activity-awards">
  758.                                         <div class="award-boxs">
  759.                                             <img src="assets/img/icons/award-icon-03.svg" alt="Award">
  760.                                         </div>
  761.                                         <div class="award-list-outs">
  762.                                             <h4>Internation conference in "St.John School"</h4>
  763.                                             <h5>Justin Leeattended internation conference in "St.John School"</h5>
  764.                                         </div>
  765.                                         <div class="award-time-list">
  766.                                             <span>2 Week ago</span>
  767.                                         </div>
  768.                                     </div>
  769.                                     <div class="activity-awards mb-0">
  770.                                         <div class="award-boxs">
  771.                                             <img src="assets/img/icons/award-icon-04.svg" alt="Award">
  772.                                         </div>
  773.                                         <div class="award-list-outs">
  774.                                             <h4>Won 1st place in "Chess"</h4>
  775.                                             <h5>John Doe won 1st place in "Chess"</h5>
  776.                                         </div>
  777.                                         <div class="award-time-list">
  778.                                             <span>3 Day ago</span>
  779.                                         </div>
  780.                                     </div>
  781.                                 </div>
  782.                             </div>
  783.                         </div>
  784.  
  785.                     </div>
  786.                 </div>
  787.  
  788.                 <div class="row">
  789.                     <div class="col-xl-3 col-sm-6 col-12">
  790.                         <div class="card flex-fill fb sm-box">
  791.                             <div class="social-likes">
  792.                                 <p>Like us on facebook</p>
  793.                                 <h6>50,095</h6>
  794.                             </div>
  795.                             <div class="social-boxs">
  796.                                 <img src="assets/img/icons/social-icon-01.svg" alt="Social Icon">
  797.                             </div>
  798.                         </div>
  799.                     </div>
  800.                     <div class="col-xl-3 col-sm-6 col-12">
  801.                         <div class="card flex-fill twitter sm-box">
  802.                             <div class="social-likes">
  803.                                 <p>Follow us on twitter</p>
  804.                                 <h6>48,596</h6>
  805.                             </div>
  806.                             <div class="social-boxs">
  807.                                 <img src="assets/img/icons/social-icon-02.svg" alt="Social Icon">
  808.                             </div>
  809.                         </div>
  810.                     </div>
  811.                     <div class="col-xl-3 col-sm-6 col-12">
  812.                         <div class="card flex-fill insta sm-box">
  813.                             <div class="social-likes">
  814.                                 <p>Follow us on instagram</p>
  815.                                 <h6>52,085</h6>
  816.                             </div>
  817.                             <div class="social-boxs">
  818.                                 <img src="assets/img/icons/social-icon-03.svg" alt="Social Icon">
  819.                             </div>
  820.                         </div>
  821.                     </div>
  822.                     <div class="col-xl-3 col-sm-6 col-12">
  823.                         <div class="card flex-fill linkedin sm-box">
  824.                             <div class="social-likes">
  825.                                 <p>Follow us on linkedin</p>
  826.                                 <h6>69,050</h6>
  827.                             </div>
  828.                             <div class="social-boxs">
  829.                                 <img src="assets/img/icons/social-icon-04.svg" alt="Social Icon">
  830.                             </div>
  831.                         </div>
  832.                     </div>
  833.                 </div>
  834.             </div>
  835.             <footer>
  836.                 <p>Copyright © 2023 JassaRich.</p>
  837.             </footer>
  838.         </div>
  839.     </div>
  840.  
  841.     <script src="assets/js/jquery-3.6.0.min.js"></script>
  842.     <script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  843.     <script src="assets/js/feather.min.js"></script>
  844.     <script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  845.     <script src="assets/plugins/apexchart/apexcharts.min.js"></script>
  846.     <script src="assets/plugins/apexchart/chart-data.js"></script>
  847.     <script src="assets/js/script.js"></script>
  848. </body>
  849.  
  850. </html>';

Editor

You can edit this paste and save as new: