CHIEFSOFT\ameye
912 lines
61 KiB
PHP
912 lines
61 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<title>Mentor - Bootstrap 4 Admin Dashboard Template</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||
<meta name="description" content="Admin template that can be used to build dashboards for CRM, CMS, etc." />
|
||
<meta name="author" content="Potenza Global Solutions" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<!-- app favicon -->
|
||
<link rel="shortcut icon" href="/asset/img/favicon.ico">
|
||
<!-- google fonts -->
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
|
||
<!-- plugin stylesheets -->
|
||
<link rel="stylesheet" type="text/css" href="/asset/css/vendors.css" />
|
||
<!-- app style -->
|
||
<link rel="stylesheet" type="text/css" href="/asset/css/style.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<!-- begin app -->
|
||
<div class="app">
|
||
<!-- begin app-wrap -->
|
||
<div class="app-wrap">
|
||
<!-- begin pre-loader -->
|
||
<div class="loader">
|
||
<div class="h-100 d-flex justify-content-center">
|
||
<div class="align-self-center">
|
||
<img src="/asset/img/loader/loader.svg" alt="loader">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end pre-loader -->
|
||
<!-- begin app-header -->
|
||
<header class="app-header top-bar">
|
||
<!-- begin navbar -->
|
||
<nav class="navbar navbar-expand-md">
|
||
|
||
<!-- begin navbar-header -->
|
||
<div class="navbar-header d-flex align-items-center">
|
||
<a href="javascript:void:(0)" class="mobile-toggle"><i class="ti ti-align-right"></i></a>
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-desktop" alt="logo" />
|
||
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-mobile" alt="logo" />
|
||
</a>
|
||
</div>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<i class="ti ti-align-left"></i>
|
||
</button>
|
||
<!-- end navbar-header -->
|
||
<!-- begin navigation -->
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<div class="navigation d-flex">
|
||
<ul class="navbar-nav nav-left">
|
||
<li class="nav-item">
|
||
<a href="javascript:void(0)" class="nav-link sidebar-toggle">
|
||
<i class="ti ti-align-right"></i>
|
||
</a>
|
||
</li>
|
||
<!-- <li class="nav-item">-->
|
||
<!-- <a class="nav-link " href="javascript:void(0)" id="navbarDropdown" role="button"-->
|
||
<!-- data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Mega Menu-->
|
||
<!-- <i class="fa fa-angle-down"></i>-->
|
||
<!-- </a>-->
|
||
<!-- <div class="dropdown-menu mega-menu animated fadeIn" aria-labelledby="navbarDropdown">-->
|
||
<!-- <div class="row no-gutters">-->
|
||
<!-- <div class="col-sm-2 p-20">-->
|
||
<!-- <h4>UI Kit</h4>-->
|
||
<!-- <ul>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-alerts.html">Alerts</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-button.html">Buttons</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-cards.html">Cards</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-carousel.html">Carousel</a>-->
|
||
<!-- </li>-->
|
||
<!---->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-dropdowns.html">Dropdowns</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-list-group.html">List Group</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-modals.html">Modals</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-progressbars.html">Progress Bars</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="ui-tabs.html">Tabs</a>-->
|
||
<!-- </li>-->
|
||
<!-- </ul>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="col-sm-2 p-20">-->
|
||
<!-- <h4>Pages</h4>-->
|
||
<!-- <ul>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-account-settings.html">Account Settings</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-clients.html">Clients</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-contacts.html">Contacts</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-gallery.html">Gallery</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-pricing.html">Pricing</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-task-list.html">Task List</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-404.html">404</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-500.html">500</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-link">-->
|
||
<!-- <a href="page-coming-soon.html">Coming Soon</a>-->
|
||
<!-- </li>-->
|
||
<!-- </ul>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="col-sm-4 p-20">-->
|
||
<!-- <h4>Contact Us</h4>-->
|
||
<!-- <div>-->
|
||
<!-- <form>-->
|
||
<!-- <div class="form-group">-->
|
||
<!-- <input type="text" class="form-control" id="Password1"-->
|
||
<!-- placeholder="Enter Name">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="form-group">-->
|
||
<!-- <input type="email" class="form-control" id="Email1"-->
|
||
<!-- placeholder="Enter Email">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="form-group">-->
|
||
<!-- <textarea class="form-control" placeholder="Message" id="Textarea1"-->
|
||
<!-- rows="3"></textarea>-->
|
||
<!-- </div>-->
|
||
<!-- <button type="submit" class="btn btn-primary text-uppercase">Submit</button>-->
|
||
<!-- </form>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="col-sm-4">-->
|
||
<!-- <div class="chart-wrap">-->
|
||
<!-- <div class="p-20">-->
|
||
<!-- <h4 class="mb-1">Page Views</h4>-->
|
||
<!-- <p>Daily page visitors</p>-->
|
||
<!-- <h2 class="text-primary font-xxl mt-2">80+</h2>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="apexchart-wrapper">-->
|
||
<!-- <div id="pageview"></div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </li>-->
|
||
<!-- <li class="nav-item dropdown">-->
|
||
<!-- <a href="javascript:void(0)" class="nav-link " id="navbarDropdown1" role="button"-->
|
||
<!-- data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Drop Down-->
|
||
<!-- <i class="fa fa-angle-down"></i>-->
|
||
<!-- </a>-->
|
||
<!-- <div class="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">-->
|
||
<!-- <a class="dropdown-item nav-link" href="javascript:void(0)">Action</a>-->
|
||
<!-- <a class="dropdown-item nav-link" href="javascript:void(0)">Another action</a>-->
|
||
<!-- <a class="dropdown-item nav-link" href="javascript:void(0)">Something else here</a>-->
|
||
<!-- </div>-->
|
||
<!-- </li>-->
|
||
<li class="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
|
||
<a href="javascript:void(0)" class="nav-link expand">
|
||
<i class="icon-size-fullscreen"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="navbar-nav nav-right ml-auto">
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown2"
|
||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="ti ti-email"></i>
|
||
</a>
|
||
<div class="dropdown-menu extended animated fadeIn" aria-labelledby="navbarDropdown">
|
||
<ul>
|
||
<li class="dropdown-header bg-gradient p-4 text-white text-left">Messages
|
||
<label class="label label-info label-round">6</label>
|
||
<a href="#" class="float-right btn btn-square btn-inverse-light btn-xs m-0">
|
||
<span class="font-13"> Mark all as read</span></a>
|
||
</li>
|
||
<li class="dropdown-body">
|
||
<ul class="scrollbar scroll_dark max-h-240">
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/03.jpg"
|
||
alt="user3">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Brianing Leyon</p>
|
||
<small>You will sail along until you...</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/01.jpg"
|
||
alt="user">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Jimmyimg Leyon</p>
|
||
<small>Okay</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/02.jpg"
|
||
alt="user2">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Brainjon Leyon</p>
|
||
<small>So, make the decision...</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/04.jpg"
|
||
alt="user4">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Smithmin Leyon</p>
|
||
<small>Thanks</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/05.jpg"
|
||
alt="user5">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Jennyns Leyon</p>
|
||
<small>How are you</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<img class="img-fluid" src="/asset/img/avtar/06.jpg"
|
||
alt="user6">
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Demian Leyon</p>
|
||
<small>I like your themes</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-footer">
|
||
<a class="font-13" href="javascript:void(0)"> View All messages </a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown3"
|
||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<i class="fe fe-bell"></i>
|
||
<span class="notify">
|
||
<span class="blink"></span>
|
||
<span class="dot"></span>
|
||
</span>
|
||
</a>
|
||
<div class="dropdown-menu extended animated fadeIn" aria-labelledby="navbarDropdown">
|
||
<ul>
|
||
<li class="dropdown-header bg-gradient p-4 text-white text-left">Notifications
|
||
<a href="#" class="float-right btn btn-square btn-inverse-light btn-xs m-0">
|
||
<span class="font-13"> Clear all</span></a>
|
||
</li>
|
||
<li class="dropdown-body min-h-240 nicescroll">
|
||
<ul class="scrollbar scroll_dark max-h-240">
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<div class="bg-type bg-type-md">
|
||
<span>HY</span>
|
||
</div>
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">New registered user</p>
|
||
<small>Just now</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<div class="bg-type bg-type-md bg-success">
|
||
<span>GM</span>
|
||
</div>
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">New invoice received</p>
|
||
<small>22 min</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<div class="bg-type bg-type-md bg-danger">
|
||
<span>FR</span>
|
||
</div>
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Server error report</p>
|
||
<small>7 min</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<div class="bg-type bg-type-md bg-info">
|
||
<span>HT</span>
|
||
</div>
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Database report</p>
|
||
<small>1 day</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">
|
||
<div class="notification d-flex flex-row align-items-center">
|
||
<div class="notify-icon bg-img align-self-center">
|
||
<div class="bg-type bg-type-md">
|
||
<span>DE</span>
|
||
</div>
|
||
</div>
|
||
<div class="notify-message">
|
||
<p class="font-weight-bold">Order confirmation</p>
|
||
<small>2 day</small>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-footer">
|
||
<a class="font-13" href="javascript:void(0)"> View All Notifications
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link search" href="javascript:void(0)">
|
||
<i class="ti ti-search"></i>
|
||
</a>
|
||
<div class="search-wrapper">
|
||
<div class="close-btn">
|
||
<i class="ti ti-close"></i>
|
||
</div>
|
||
<div class="search-content">
|
||
<form>
|
||
<div class="form-group">
|
||
<i class="ti ti-search magnifier"></i>
|
||
<input type="text" class="form-control autocomplete" placeholder="Search Here"
|
||
id="autocomplete-ajax" autofocus="autofocus">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown user-profile">
|
||
<a href="javascript:void(0)" class="nav-link dropdown-toggle " id="navbarDropdown4"
|
||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<img src="/asset/img/avtar/02.jpg" alt="avtar-img">
|
||
<span class="bg-success user-status"></span>
|
||
</a>
|
||
<div class="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
|
||
<div class="bg-gradient px-4 py-3">
|
||
<div class="d-flex align-items-center justify-content-between">
|
||
<div class="mr-1">
|
||
<h4 class="text-white mb-0">Alice Williams</h4>
|
||
<small class="text-white">Henry@example.com</small>
|
||
</div>
|
||
<a href="#" class="text-white font-20 tooltip-wrapper" data-toggle="tooltip"
|
||
data-placement="top" title="" data-original-title="Logout"> <i
|
||
class="zmdi zmdi-power"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="p-4">
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-user pr-2 text-success"></i> Profile</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-envelope pr-2 text-primary"></i> Inbox
|
||
<span class="badge badge-primary ml-auto">6</span>
|
||
</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class=" ti ti-settings pr-2 text-info"></i> Settings
|
||
</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-compass pr-2 text-warning"></i> Need help?</a>
|
||
<div class="row mt-2">
|
||
<div class="col">
|
||
<a class="bg-light p-3 text-center d-block" href="#">
|
||
<i class="fe fe-mail font-20 text-primary"></i>
|
||
<span class="d-block font-13 mt-2">My messages</span>
|
||
</a>
|
||
</div>
|
||
<div class="col">
|
||
<a class="bg-light p-3 text-center d-block" href="#">
|
||
<i class="fe fe-plus font-20 text-primary"></i>
|
||
<span class="d-block font-13 mt-2">Compose new</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- end navigation -->
|
||
</nav>
|
||
<!-- end navbar -->
|
||
</header>
|
||
<!-- end app-header -->
|
||
<!-- begin app-container -->
|
||
<div class="app-container">
|
||
<!-- begin app-nabar -->
|
||
<aside class="app-navbar">
|
||
<!-- begin sidebar-nav -->
|
||
<div class="sidebar-nav scrollbar scroll_light">
|
||
<ul class="metismenu " id="sidebarNav">
|
||
<li class="nav-static-title">Personal</li>
|
||
<li class="active">
|
||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
|
||
<i class="nav-icon ti ti-rocket"></i>
|
||
<span class="nav-title">Dashboards</span>
|
||
<span class="nav-label label label-danger">9</span>
|
||
</a>
|
||
<ul aria-expanded="false">
|
||
<li> <a href='index.html'>Default</a> </li>
|
||
<li> <a href='index-ecommerce.html'>Ecommerce</a> </li>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
|
||
<h5 class="text-white mb-1">Mentor admin</h5>
|
||
<p class="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
|
||
<a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- end sidebar-nav -->
|
||
</aside>
|
||
<!-- end app-navbar -->
|
||
<!-- begin app-main -->
|
||
<div class="app-main" id="main">
|
||
<!-- begin container-fluid -->
|
||
<div class="container-fluid">
|
||
<!-- begin row -->
|
||
<div class="row">
|
||
<div class="col-md-12 m-b-30">
|
||
<!-- begin page title -->
|
||
<div class="d-block d-sm-flex flex-nowrap align-items-center">
|
||
<div class="page-title mb-2 mb-sm-0">
|
||
<h1>My Promotions Dash</h1>
|
||
</div>
|
||
<div class="ml-auto d-flex align-items-center">
|
||
<nav>
|
||
<ol class="breadcrumb p-0 m-b-0">
|
||
<li class="breadcrumb-item">
|
||
<a href="index.html"><i class="ti ti-home"></i></a>
|
||
</li>
|
||
<li class="breadcrumb-item">
|
||
Dashboard
|
||
</li>
|
||
<li class="breadcrumb-item active text-primary" aria-current="page">Job
|
||
Portal</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<!-- end page title -->
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
<!-- begin row -->
|
||
<div class="row">
|
||
<div class="col-lg-6 col-xxl-3 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0">
|
||
<div class="card-header">
|
||
<h4 class="card-title">Job Seekers/Providers</h4>
|
||
</div>
|
||
<div class="card-body pt-0">
|
||
<div class="apexchart-wrapper">
|
||
<div id="jobportaldemo3"></div>
|
||
</div>
|
||
<div class="row text-center justify-content-center">
|
||
<div class="col ml-3">
|
||
<h4 class="mb-0">45%</h4>
|
||
<span> <i class="fa fa-square pr-1 text-primary"></i> Job Seekers </span>
|
||
</div>
|
||
<div class="col">
|
||
<h4 class="mb-0">55%</h4>
|
||
<span> <i class="fa fa-square pr-1 text-info"></i> Job Providers </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-xxl-3 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0 widget-income-list">
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">45.8k </h3>
|
||
<span>Pending Users</span>
|
||
</div>
|
||
<div class="img-icon bg-pink ml-auto">
|
||
<i class="ti ti-user text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">65.4k </h3>
|
||
<span>New Users</span>
|
||
</div>
|
||
<div class="img-icon bg-primary ml-auto">
|
||
<i class="ti ti-tag text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">78.2k </h3>
|
||
<span>Deleted Users</span>
|
||
</div>
|
||
<div class="img-icon bg-orange ml-auto">
|
||
<i class="ti ti-wallet text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">65.3k </h3>
|
||
<span>Active Users</span>
|
||
</div>
|
||
<div class="img-icon bg-info ml-auto">
|
||
<i class="ti ti-slice text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-6 m-b-30">
|
||
<div class="card card-statistics site-visitor h-100 mb-0">
|
||
<div class="card-header">
|
||
<h4 class="card-title">Site Visitors</h4>
|
||
</div>
|
||
<div class="card-body pb-0">
|
||
<div class="row">
|
||
<div class="col-sm-4 mb-3 mb-sm-0">
|
||
<h2 class="mb-0">154,65</h2>
|
||
<span>Total visit</span>
|
||
</div>
|
||
<div class="col-sm-8 ml-auto">
|
||
<div class="row">
|
||
<div class="border-right col mr-4">
|
||
<h4 class="mb-0">4,251</h4>
|
||
<span> <i class="fa fa-square pr-1 text-pink"></i> Applicants </span>
|
||
</div>
|
||
<div class="border-right col mr-4">
|
||
<h4 class="mb-0">6,578</h4>
|
||
<span> <i class="fa fa-square pr-1 text-primary"></i> Interviews </span>
|
||
</div>
|
||
<div class="col">
|
||
<h4 class="mb-0">2,654</h4>
|
||
<span> <i class="fa fa-square pr-1 text-light"></i> Forwards </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="apexchart-wrapper">
|
||
<div id="jobportaldemo4" class="chart-fit"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xxl-6 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0">
|
||
<div class="card-header d-flex align-items-center justify-content-between">
|
||
<div class="card-heading">
|
||
<h4 class="card-title">Recent Contacts</h4>
|
||
</div>
|
||
<div class="dropdown">
|
||
<a class="p-2 export-btn" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Export
|
||
</a>
|
||
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
||
<h6 class="mb-1">Action</h6>
|
||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>
|
||
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table id="latestjobs" class="table table-borderless table-striped jobportal-table mb-0">
|
||
<thead>
|
||
<tr>
|
||
<th>No.</th>
|
||
<th>User Name</th>
|
||
<th>Position</th>
|
||
<th>Department</th>
|
||
<th>Location</th>
|
||
<th>Status</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-muted">
|
||
<tr>
|
||
<td>#00001</td>
|
||
<td>
|
||
<p>Brian Joedro</p>
|
||
</td>
|
||
<td>Sale associate</td>
|
||
<td>Marketing</td>
|
||
<td>
|
||
Los Angeles
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-success-inverse mb-0">Applied</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>#00002</td>
|
||
<td>
|
||
<p>Smithdro</p>
|
||
</td>
|
||
<td>Product designer</td>
|
||
<td>Graphics</td>
|
||
<td>
|
||
Menlo Park, CA
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-warning-inverse mb-0">Pending</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>#00003</td>
|
||
<td>
|
||
<p>Adrian Demiandro</p>
|
||
</td>
|
||
<td>Python engineer</td>
|
||
<td>Development</td>
|
||
<td>
|
||
Dallas
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-danger-inverse mb-0">Cancelled</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>#00004</td>
|
||
<td>
|
||
<p>Sandradro Garett</p>
|
||
</td>
|
||
<td>Account executive</td>
|
||
<td>Account</td>
|
||
<td>
|
||
New york
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-info-inverse mb-0">On Hold</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>#00005</td>
|
||
<td>
|
||
<p>Garydro</p>
|
||
</td>
|
||
<td>Front-end developer</td>
|
||
<td>Developer</td>
|
||
<td>
|
||
Los Angeles
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-success-inverse mb-0">Applied</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>#00003</td>
|
||
<td>
|
||
<p>Demiandro</p>
|
||
</td>
|
||
<td>Python engineer</td>
|
||
<td>Development</td>
|
||
<td>
|
||
Dallas
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-danger-inverse mb-0">Cancelled</label>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-6 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0 jobportal-contant">
|
||
<div class="card-header d-flex align-items-center justify-content-between">
|
||
<div class="card-heading">
|
||
<h4 class="card-title">Recent Actions</h4>
|
||
</div>
|
||
<div class="dropdown">
|
||
<a class="p-2 export-btn" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Export
|
||
</a>
|
||
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
||
<!-- <h6 class="mb-1">Action</h6>-->
|
||
<!-- <a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>-->
|
||
<!-- <a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table id="openposition" class="table table-borderless table-striped jobportal-table mb-0">
|
||
<tbody class="text-muted">
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/google.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Senior front-end developer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Montreal, Canada</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 1 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Full–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
45 Days left
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/envato.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Sales associate</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> London, UK</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 2 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Part–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
80 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/invision.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Product designer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Delhi, India</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 6 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Part–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
50 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/slack.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Python engineer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Tokyo, Japan</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 10 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Full–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
20 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/bootstrap.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Account executive</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Menlo Park, CA</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 4 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Casual </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
10 Days left
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container-fluid -->
|
||
</div>
|
||
<!-- end app-main -->
|
||
</div>
|
||
<!-- end app-container -->
|
||
<!-- begin footer -->
|
||
<footer class="footer">
|
||
<div class="row">
|
||
<div class="col-12 col-sm-6 text-center text-sm-left">
|
||
<p>© Copyright 2024. All rights reserved.</p>
|
||
</div>
|
||
<!-- <div class="col col-sm-6 ml-sm-auto text-center text-sm-right">-->
|
||
<!-- <p>Hand-crafted made with <i class="fa fa-heart text-danger mx-1"></i> by Potenza</p>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
</footer>
|
||
<!-- end footer -->
|
||
</div>
|
||
<!-- end app-wrap -->
|
||
</div>
|
||
<!-- end app -->
|
||
|
||
<!-- plugins -->
|
||
<script src="/asset/js/vendors.js"></script>
|
||
|
||
<!-- custom app -->
|
||
<script src="/asset/js/app.js"></script>
|
||
</body>
|
||
|
||
</html>
|