ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://thewebmax.org/jobzilla/dash-package.html
Date Downloaded: 31-08-2023 18:58:44 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- META -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="robots" content="" />
<meta name="description" content="" />
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- PAGE TITLE HERE -->
<title>jobzilla Template | dashboard </title>
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><!-- BOOTSTRAP STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /><!-- FONTAWESOME STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/feather.css" /><!-- FEATHER ICON SHEET -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" /><!-- OWL CAROUSEL STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css" /><!-- MAGNIFIC POPUP STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/lc_lightbox.css" /><!-- Lc light box popup -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" /><!-- BOOTSTRAP SLECT BOX STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap5.min.css" /><!-- DATA table STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/select.bootstrap5.min.css" /><!-- DASHBOARD select bootstrap STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/dropzone.css" /><!-- DROPZONE STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/scrollbar.css" /><!-- CUSTOM SCROLL BAR STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/datepicker.css" /><!-- DATEPICKER STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/flaticon.css" /> <!-- Flaticon -->
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" /><!-- Swiper Slider -->
<link rel="stylesheet" type="text/css" href="css/style.css" /><!-- MAIN STYLE SHEET -->
<!-- THEME COLOR CHANGE STYLE SHEET -->
<link rel="stylesheet" class="skin" type="text/css" href="css/skins-type/skin-6.css" />
<!-- SIDE SWITCHER STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
</head>
<body><div style="z-index: 9999; position: fixed; width: 100%; border: 0px; padding: 5px; margin: 0px; background-color: transparent; font-size: 12pt; font-family: sans-serif;" id="web2disk_nag" onclick="javascript: document.getElementById('web2disk_nag').style.display = 'none';">
<div style="color: #000000; background-color:#F1F1F1; margin-left: auto; margin-right: auto; border-width: 2px; border-style: solid; width: 550px; ">
<div style="width: 100%; text-align: center; font-weight: bold; border: 0px; margin: 0px; padding: 0px">Hey, where did my words go? (Click to hide)</div>
<p>In the trial version of Web2Disk every fifth word is blanked out.
To copy this site with all the words, please upgrade to the full version and copy this website again.</p>
<div style="width: 100%; text-align: center; font-weight: bold; border: 0px; margin: 0px; padding: 0px">
<a href="http://www.inspyder.com/products/Web2Disk/">Inspyder Web2Disk: The Website Downloader</a>
</div>
</div>
</div>
<!-- LOADING AREA START ===== -->
<div class="loading-area">
<div class="loading-box"></div>
<div class="loading-pic">
<div class="wrapper">
<div class="cssload-loader"></div>
</div>
</div>
</div>
<!-- LOADING AREA END ====== -->
<div class="page-wraper">
<header id="header-admin-wrap" class="header-admin-fixed">
<!-- Header Start -->
<div id="header-admin">
<div class="container">
<!-- Left Side Content -->
<div class="header-left">
<div class="nav-btn-wrap">
<a class="nav-btn-admin" id="sidebarCollapse">
<span class="fa fa-angle-left"></span>
</a>
</div>
</div>
<!-- Left Side Content End -->
<!-- Right Side Content -->
<div class="header-right">
<ul class="header-widget-wrap">
<!--Message-->
<li class="header-widget dashboard-message-dropdown">
<div class="dropdown">
<a href="javascript:;" class="dropdown-toggle jobzilla-admin-messange" id="ID-MSG_dropdown" data-bs-toggle="dropdown">
<i class="far fa-envelope"></i>
<span class="notification-animate">4 </span>
</a>
<div class="dropdown-menu" aria-labelledby="ID-MSG_dropdown">
<div class="message-list dashboard-widget-scroll">
<ul>
<li class="clearfix">
<span class="msg-avtar">
<img src="images/user-avtar/pic1.jpg" alt="" />
</span>
<div class="msg-texting">
<strong>Alexa Johnson </strong>
<small class="msg-time">
<span class="far fa-clock p-r-5"></span>12 mins ago
</small>
<p>Lorem ipsum dolor sit ____, consectetur... </p>
</div>
</li>
<li class="clearfix">
<span class="msg-avtar">
<img src="images/user-avtar/pic2.jpg" alt="" />
</span>
<div class="msg-texting">
<strong>Johan Smith </strong>
<small class="msg-time">
<span class="far fa-clock p-r-5"></span>2 hours ago
</small>
<p>Lorem ipsum dolor sit ____, consectetur... </p>
</div>
</li>
<li class="clearfix">
<span class="msg-avtar">
<img src="images/user-avtar/pic3.jpg" alt="" />
</span>
<div class="msg-texting">
<strong>Bobby Brown </strong>
<small class="msg-time">
<span class="far fa-clock p-r-5"></span>3 hours ago
</small>
<p>Lorem ipsum dolor sit ____, consectetur... </p>
</div>
</li>
<li class="clearfix">
<span class="msg-avtar">
<img src="images/user-avtar/pic4.jpg" alt="" />
</span>
<div class="msg-texting">
<strong>David Deo </strong>
<small class="msg-time">
<span class="far fa-clock p-r-5"></span>4 hours ago
</small>
<p>Lorem ipsum dolor sit ____, consectetur... </p>
</div>
</li>
</ul>
<div class="message-view-all">
<a href="javascript:;">View All </a>
</div>
</div>
</div>
</div>
</li>
<!--Notification-->
<li class="header-widget dashboard-noti-dropdown">
<div class="dropdown">
<a href="javascript:;" class="dropdown-toggle jobzilla-admin-notification" id="ID-NOTI_dropdown" data-bs-toggle="dropdown">
<i class="far fa-bell"></i>
<span class="notification-animate">8 </span>
</a>
<div class="dropdown-menu" aria-labelledby="ID-NOTI_dropdown">
<div class="dashboard-widgets-header">You have 7 notifications </div>
<div class="noti-list dashboard-widget-scroll">
<ul>
<li>
<a href="#">
<span class="noti-icon"><i class="far fa-bell"></i></span>
<span class="noti-texting">Devid applied for <b>Webdesigner. </b> </span>
</a>
</li>
<li>
<a href="#">
<span class="noti-icon"><i class="far fa-bell"></i></span>
<span class="noti-texting">Nikol sent you a _______. </span>
</a>
</li>
<li>
<a href="#">
<span class="noti-icon"><i class="far fa-bell"></i></span>
<span class="noti-texting">lucy bookmarked your <b>SEO Expert </b> Job! </span>
</a>
</li>
<li>
<a href="#">
<span class="noti-icon"><i class="far fa-bell"></i></span>
<span class="noti-texting">Your job for <b>teacher </b> has been approved! </span>
</a>
</li>
<li>
<a href="#">
<span class="noti-icon"><i class="far fa-bell"></i></span>
<span class="noti-texting">Thor applied for <b>Team Leader </b>. </span>
</a>
</li>
</ul>
<div class="noti-view-all">
<a href="javascript:;">View All </a>
</div>
</div>
</div>
</div>
</li>
<!--Account-->
<li class="header-widget">
<div class="dashboard-user-section">
<div class="listing-user">
<div class="dropdown">
<a href="javascript:;" class="dropdown-toggle" id="ID-ACCOUNT_dropdown" data-bs-toggle="dropdown">
<div class="user-name text-black">
<span>
<img src="images/user-avtar/pic4.jpg" alt="" />
</span>Nikola Tesla
</div>
</a>
<div class="dropdown-menu" aria-labelledby="ID-ACCOUNT_dropdown">
<ul>
<li><a href="dashboard.html"><i class="fa fa-home"></i>Dashboard </a></li>
<li><a href="dash-messages.html"><i class="fa fa-envelope"></i> Messages </a></li>
<li><a href="dash-my-profile.html"><i class="fa fa-user"></i> Profile </a></li>
<li><a href="index.html"><i class="fa fa-share-square"></i> Logout </a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- Right Side Content End -->
</div>
</div>
<!-- Header End -->
</header>
<!-- Sidebar Holder -->
<nav id="sidebar-admin-wraper">
<div class="page-logo">
<a href="index.html"><img src="images/logo-dark.png" alt="" /></a>
</div>
<div class="admin-nav scrollbar-macosx">
<ul>
<li>
<a href="dashboard.html"><i class="fa fa-home"></i><span class="admin-nav-text">Dashboard </span></a>
</li>
<li>
<a href="dash-company-profile.html"><i class="fa fa-user-tie"></i><span class="admin-nav-text">Company Profile </span></a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-suitcase"></i><span class="admin-nav-text">Jobs </span></a>
<ul class="sub-menu">
<li> <a href="dash-post-job.html"><span class="admin-nav-text">Post a New Jobs </span></a></li>
<li> <a href="dash-manage-jobs.html"><span class="admin-nav-text">Manage Jobs </span></a></li>
</ul>
</li>
<li>
<a href="dash-candidates.html"><i class="fa fa-user-friends"></i><span class="admin-nav-text">Candidates </span></a>
</li>
<li>
<a href="dash-bookmark.html"><i class="fa fa-bookmark"></i><span class="admin-nav-text">Bookmark Resumes </span></a>
</li>
<li class="active">
<a href="dash-package.html"><i class="fa fa-money-bill-alt"></i><span class="admin-nav-text">Packages </span></a>
</li>
<li>
<a href="javascript:;"><i class="fa fa-envelope"></i><span class="admin-nav-text">Messages <sup class="twm-msg-noti">5 </sup></span></a>
<ul class="sub-menu">
<li> <a href="dash-messages.html"><span class="admin-nav-text">MSG Style-1 </span></a></li>
<li> <a href="dash-messages_2.html"><span class="admin-nav-text">MSG Style-2 </span></a></li>
</ul>
</li>
<li>
<a href="dash-resume-alert.html"><i class="fa fa-bell"></i><span class="admin-nav-text">Resume Alerts </span></a>
</li>
<li>
<a href="dash-my-profile.html"><i class="fa fa-user"></i><span class="admin-nav-text">My Profile </span></a>
</li>
<li>
<a href="dash-change-password.html"><i class="fa fa-fingerprint"></i><span class="admin-nav-text">Change Password </span></a>
</li>
<li>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#delete-dash-profile"><i class="fa fa-trash-alt"></i><span class="admin-nav-text">Delete Profile </span></a>
</li>
<li>
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#logout-dash-profile"><i class="fa fa-share-square"></i><span class="admin-nav-text">Logout </span></a>
</li>
</ul>
</div>
</nav>
<!-- Page Content Holder -->
<div id="content">
<div class="content-admin-main">
<div class="wt-admin-right-page-header clearfix">
<h2>Package! </h2>
<div class="breadcrumbs"><a href="#">Home </a><a href="#">Dasboard </a><span>Package </span></div>
</div>
<div class="panel panel-default site-bg-white m-t30">
<div class="panel-heading wt-panel-heading p-a20">
<h4 class="panel-tittle m-a0"><i class="fa fa-suitcase"></i>Package </h4>
</div>
<div class="panel-body wt-panel-body">
<div class="p-a20 table-responsive">
<table class="table twm-table table-striped table-borderless">
<thead>
<tr>
<th>Package Name </th>
<th>Sr. Number </th>
<th>Transaction id </th>
<th>No. of Jobs </th>
<th>Used </th>
<th>Remain </th>
<th>Status </th>
<th>Expired </th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Basic </a></td>
<td>#552030 </td>
<td>#HDAC-101512012 </td>
<td>20 </td>
<td>14 </td>
<td>6 </td>
<td><span class="text-clr-green2">Active </span></td>
<td>13/06/2023 </td>
</tr>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Premium </a></td>
<td>#552045 </td>
<td>#ICIC-101512023 </td>
<td>35 </td>
<td>25 </td>
<td>10 </td>
<td><span class="text-clr-green2">Active </span></td>
<td>15/06/2023 </td>
</tr>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Gold </a></td>
<td>#552050 </td>
<td>#AXY-101512050 </td>
<td>28 </td>
<td>24 </td>
<td>4 </td>
<td><span class="text-clr-red">Expired </span></td>
<td>17/06/2023 </td>
</tr>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Basic </a></td>
<td>#552055 </td>
<td>#SBI-101512056 </td>
<td>22 </td>
<td>14 </td>
<td>8 </td>
<td><span class="text-clr-green2">Active </span></td>
<td>25/06/2023 </td>
</tr>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Gold </a></td>
<td>#552060 </td>
<td>#HDAC-1015123552 </td>
<td>18 </td>
<td>14 </td>
<td>4 </td>
<td><span class="text-clr-green2">Active </span></td>
<td>15/05/2023 </td>
</tr>
<tr>
<td><a href="javascript:void(0);" class="site-text-primary">Basic </a></td>
<td>#552075 </td>
<td>#HDAC-1015121503 </td>
<td>20 </td>
<td>14 </td>
<td>6 </td>
<td><span class="text-clr-red">Expired </span></td>
<td>08/05/2023 </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--Delete Profile Popup-->
<div class="modal fade twm-model-popup" id="delete-dash-profile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h4 class="modal-title">Do you want to ______ your profile? </h4>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">No </button>
<button type="button" class="site-button outline-primary">Yes </button>
</div>
</div>
</div>
</div>
<!--Logout Profile Popup-->
<div class="modal fade twm-model-popup" id="logout-dash-profile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h4 class="modal-title">Do you want to ______ your profile? </h4>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">No </button>
<button type="button" class="site-button outline-primary">Yes </button>
</div>
</div>
</div>
</div>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery-3.6.0.min.js"></script><!-- JQUERY.MIN JS -->
<script src="js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script src="js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="js/waypoints-sticky.min.js"></script><!-- STICKY HEADER -->
<script src="js/isotope.pkgd.min.js"></script><!-- MASONRY -->
<script src="js/imagesloaded.pkgd.min.js"></script><!-- MASONRY -->
<script src="js/owl.carousel.min.js"></script><!-- OWL SLIDER -->
<script src="js/theia-sticky-sidebar.js"></script><!-- STICKY SIDEBAR -->
<script src="js/lc_lightbox.lite.js"></script><!-- IMAGE POPUP -->
<script src="js/bootstrap-select.min.js"></script><!-- Form js -->
<script src="js/dropzone.js"></script><!-- IMAGE UPLOAD -->
<script src="js/jquery.scrollbar.js"></script><!-- scroller -->
<script src="js/bootstrap-datepicker.js"></script><!-- scroller -->
<script src="js/jquery.dataTables.min.js"></script><!-- Datatable -->
<script src="js/dataTables.bootstrap5.min.js"></script><!-- Datatable -->
<script src="js/chart.js"></script><!-- Chart -->
<script src="js/bootstrap-slider.min.js"></script><!-- Price range slider -->
<script src="js/swiper-bundle.min.js"></script><!-- Swiper JS -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/switcher.js"></script><!-- SHORTCODE FUCTIONS -->
<!-- STYLE SWITCHER ======= -->
<div class="styleswitcher">
<div class="switcher-btn-bx">
<a class="switch-btn">
<span class="fa fa-cog fa-spin"></span>
</a>
</div>
<div class="styleswitcher-inner">
<h6 class="switcher-title">Color Skin </h6>
<ul class="color-skins">
<li><a class="theme-skin skin-1" href="dash-package_fbf74df.html"></a></li>
<li><a class="theme-skin skin-2" href="dash-package_fbf74e2.html"></a></li>
<li><a class="theme-skin skin-3" href="dash-package_fbf74e1.html"></a></li>
<li><a class="theme-skin skin-4" href="dash-package_fbf74e4.html"></a></li>
<li><a class="theme-skin skin-5" href="dash-package_fbf74e3.html"></a></li>
<li><a class="theme-skin skin-6" href="dash-package_fbf74e6.html"></a></li>
<li><a class="theme-skin skin-7" href="dash-package_fbf74e5.html"></a></li>
<li><a class="theme-skin skin-8" href="dash-package_fbf74e8.html"></a></li>
<li><a class="theme-skin skin-9" href="dash-package_fbf74e7.html"></a></li>
<li><a class="theme-skin skin-10" href="dash-package_e111f0f.html"></a></li>
</ul>
</div>
</div>
<!-- STYLE SWITCHER END ==== -->
</body>
</html>
Zerion Mini Shell 1.0