Mini Shell
Mini Shell
| Direktori : /home2/selectio/www/tnpsctestbatch.com/ |
| Current File : /home2/selectio/www/tnpsctestbatch.com/candidate-my-resume_e111f0f.html |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://thewebmax.org/jobzilla/candidate-my-resume.html?theme=css/skin/skin-10
Date Downloaded: 31-08-2023 18:58:33 !-->
<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 | Candidate ______ </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 START -->
<header class="site-header header-style-3 mobile-sider-drawer-menu">
<div class="sticky-header main-bar-wraper navbar-expand-lg">
<div class="main-bar">
<div class="container-fluid clearfix">
<div class="logo-header">
<div class="logo-header-inner logo-header-one">
<a href="index.html">
<img src="images/logo-dark.png" alt="" />
</a>
</div>
</div>
<!-- NAV Toggle Button -->
<button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed">
<span class="sr-only">Toggle navigation </span>
<span class="icon-bar icon-bar-first"></span>
<span class="icon-bar icon-bar-two"></span>
<span class="icon-bar icon-bar-three"></span>
</button>
<!-- MAIN Vav -->
<div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-center">
<ul class=" nav navbar-nav">
<li class="has-mega-menu"><a href="javascript:;">Home </a>
<ul class="mega-menu">
<li>
<ul>
<li><a href="index.html">Home-1 </a></li>
<li><a href="index-2.html">Home-2 </a></li>
<li><a href="index-3.html">Home-3 </a></li>
<li><a href="index-4.html">Home-4 </a></li>
<li><a href="index-5.html">Home-5 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-6.html">Home-6 </a></li>
<li><a href="index-7.html">Home-7 </a></li>
<li><a href="index-8.html">Home-8 </a></li>
<li><a href="index-9.html">Home-9 </a></li>
<li><a href="index-10.html">Home-10 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-11.html">Home-11 </a></li>
<li><a href="index-12.html">Home-12 </a></li>
<li><a href="index-13.html">Home-13 </a></li>
<li><a href="index-14.html">Home-14 </a></li>
<li><a href="index-15.html">Home-15 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-16.html">Home-16 </a></li>
<li><a href="index-17.html">Home-17 </a></li>
<li><a href="index-18.html">Home-18 </a></li>
</ul>
</li>
</ul>
</li>
<li class="has-child"><a href="javascript:;">Jobs </a>
<ul class="sub-menu">
<li><a href="job-grid.html">Jobs Grid </a></li>
<li><a href="job-grid-with-map.html">Jobs Grid with Map </a></li>
<li><a href="job-list.html">Jobs List </a></li>
<li class="has-child"><a href="javascript:;">Job Detail </a>
<ul class="sub-menu">
<li><a href="job-detail.html">Detail 1 </a>
</li><li><a href="job-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="apply-job.html">Apply Jobs </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Employers </a>
<ul class="sub-menu">
<li><a href="employer-grid.html">Employers Grid </a></li>
<li><a href="employer-list.html">Employers List </a></li>
<li class="has-child"><a href="javascript:;">Employers Detail </a>
<ul class="sub-menu">
<li><a href="employer-detail.html">Detail 1 </a>
</li><li><a href="employer-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="employer-profile.html">Profile </a></li>
<li><a href="employer-resume.html">Resume </a></li>
<li><a href="employer-manage-jobs.html">Manage Jobs </a></li>
<li><a href="employer-post-job.html">Post A Jobs </a></li>
<li><a href="employer-transaction.html">Transaction </a></li>
<li><a href="candidate-grid.html">Browse Candidates </a></li>
<li><a href="employer-change-password.html">Change Password </a></li>
<li><a href="employer-account-fresher.html">Register Fresher </a></li>
<li><a href="employer-account-professional.html">Register Professionals </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Pages </a>
<ul class="sub-menu">
<li><a href="about-1.html">About Us </a></li>
<li><a href="pricing.html">Pricing </a></li>
<li><a href="error-404.html">Error-404 </a></li>
<li><a href="faq.html">FAQ's </a></li>
<li><a href="contact.html">Contact Us </a></li>
<li><a href="under-maintenance.html">Under Maintenance </a></li>
<li><a href="coming-soon.html">Coming soon </a></li>
<li><a href="login.html">Login </a></li>
<li><a href="after-login.html">After Login </a></li>
<li><a href="icons.html">Icons </a></li>
</ul>
</li>
<li class="has-child"><a href="javascript:;">Candidates </a>
<ul class="sub-menu">
<li><a href="candidate-grid.html">Candidates Grid </a></li>
<li><a href="candidate-list.html">Candidates List </a></li>
<li class="has-child"><a href="javascript:;">Candidate Detail </a>
<ul class="sub-menu">
<li><a href="candidate-detail.html">Detail 1 </a>
</li><li><a href="candidate-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="candidate-dashboard.html">Dashboard </a></li>
<li><a href="candidate-profile.html">My Pfofile </a></li>
<li><a href="candidate-jobs-applied.html">Applied Jobs </a></li>
<li><a href="candidate-my-resume.html">My Resume </a></li>
<li><a href="candidate-saved-jobs.html">Saved Jobs </a></li>
<li><a href="candidate-cv-manager.html">CV Manager </a></li>
<li><a href="candidate-job-alert.html">Job Alerts </a></li>
<li><a href="candidate-change-password.html">Change Passeord </a></li>
<li><a href="candidate-chat.html">Chat </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Blog </a>
<ul class="sub-menu">
<li><a href="blog.html">Blog </a></li>
<li><a href="blog-grid.html">Blog Grid </a></li>
<li><a href="blog-grid-2.html">Blog Grid-2 </a></li>
<li><a href="blog-list.html">Blog List </a></li>
<li><a href="blog-single.html">Blog Detail </a></li>
</ul>
</li>
</li></li></li></ul>
</div>
<!-- Header Right Section-->
<div class="extra-nav header-2-nav">
<div class="extra-cell">
<div class="header-search">
<a href="#search" class="header-search-icon"><i class="feather-search"></i></a>
</div>
</div>
<div class="extra-cell">
<div class="header-nav-btn-section">
<div class="twm-nav-btn-left">
<a class="twm-nav-sign-up" data-bs-toggle="modal" href="#sign_up_popup" role="button">
<i class="feather-log-in"></i> Sign Up
</a>
</div>
<div class="twm-nav-btn-right">
<a href="dash-post-job.html" class="twm-nav-post-a-job">
<i class="feather-briefcase"></i> Post a job
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SITE Search -->
<div id="search">
<span class="close"></span>
<form role="search" id="searchform" action="/search" method="get" class="radius-xl">
<input class="form-control" value="" name="q" type="search" placeholder="Type to search" />
<span class="input-group-append">
<button type="button" class="search-btn">
<i class="fa fa-paper-plane"></i>
</button>
</span>
</form>
</div>
</div>
</header>
<!-- HEADER END -->
<!-- CONTENT START -->
<div class="page-content">
<!-- INNER PAGE BANNER -->
<div class="wt-bnr-inr overlay-wraper bg-center" style="background-image:url(images/banner/1.jpg);">
<div class="overlay-main site-bg-white opacity-01"></div>
<div class="container">
<div class="wt-bnr-inr-entry">
<div class="banner-title-outer">
<div class="banner-title-name">
<h2 class="wt-title">Candidate Resume </h2>
</div>
</div>
<!-- BREADCRUMB ROW -->
<div>
<ul class="wt-breadcrumb breadcrumb-style-2">
<li><a href="index.html">Home </a></li>
<li>Candidate Resume </li>
</ul>
</div>
<!-- BREADCRUMB ROW END -->
</div>
</div>
</div>
<!-- INNER PAGE BANNER END -->
<!-- OUR BLOG START -->
<div class="section-full p-t120 p-b90 site-bg-white">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-12 rightSidebar m-b30">
<div class="side-bar-st-1">
<div class="twm-candidate-profile-pic">
<img src="images/user-avtar/pic4.jpg" alt="" />
<div class="upload-btn-wrapper">
<div id="upload-image-grid"></div>
<button class="site-button button-sm">Upload Photo </button>
<input type="file" name="myfile" id="file-uploader" accept=".jpg, .jpeg, .png" />
</div>
</div>
<div class="twm-mid-content text-center">
<a href="candidate-detail.html" class="twm-job-title">
<h4>Randall Henderson </h4>
</a>
<p>IT Contractor </p>
</div>
<div class="twm-nav-list-1">
<ul>
<li><a href="candidate-dashboard.html"><i class="fa fa-tachometer-alt"></i> Dashboard </a></li>
<li><a href="candidate-profile.html"><i class="fa fa-user"></i> My Pfofile </a></li>
<li><a href="candidate-jobs-applied.html"><i class="fa fa-suitcase"></i> Applied Jobs </a></li>
<li class="active"><a href="candidate-my-resume.html"><i class="fa fa-receipt"></i> My Resume </a></li>
<li><a href="candidate-saved-jobs.html"><i class="fa fa-file-download"></i> Saved Jobs </a></li>
<li><a href="candidate-cv-manager.html"><i class="fa fa-paperclip"></i> CV Manager </a></li>
<li><a href="candidate-job-alert.html"><i class="fa fa-bell"></i> Job Alerts </a></li>
<li><a href="candidate-change-password.html"><i class="fa fa-fingerprint"></i> Change Passeord </a></li>
<li><a href="candidate-chat.html"><i class="fa fa-comments"></i>Chat </a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8 col-md-12 m-b30">
<div class="twm-right-section-panel site-bg-gray">
<!--Resume Headline-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Resume Headline </h4>
<a data-bs-toggle="modal" href="#Resume_Headline" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p>Senior UI / UX ________ and Developer at Google ___ </p>
</div>
</div>
<!--Modal Popup -->
<div class="modal fade twm-saved-jobs-view" id="Resume_Headline" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Resume Headline </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>It is the first _____ recruiters notice in your _______. Write concisely what makes ___ unique and right person ___ the job you are _______ for. </p>
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="form-group twm-textarea-full">
<textarea class="form-control" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Key Skills-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Key Skills </h4>
<a data-bs-toggle="modal" href="#Key_Skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="tw-sidebar-tags-wrap">
<div class="tagcloud">
<a href="javascript:void(0)">Finance </a>
<a href="javascript:void(0)">Sales </a>
<a href="javascript:void(0)">Part-time </a>
<a href="javascript:void(0)">Administration </a>
<a href="javascript:void(0)">Retail </a>
<a href="javascript:void(0)">Engineering </a>
<a href="javascript:void(0)">Developer </a>
<a href="javascript:void(0)">Work from home </a>
<a href="javascript:void(0)">IT Consulting </a>
<a href="javascript:void(0)">Manufacturing </a>
</div>
</div>
</div>
<!--Modal popup -->
<div class="modal fade twm-saved-jobs-view" id="Key_Skills" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Key Skills </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>It is the first _____ recruiters notice in your _______. Write concisely what makes ___ unique and right person ___ the job you are _______ for. </p>
<div class="form-group">
<input class="form-control" type="text" value="Finance, Sales, Retail, Engineering" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Employment-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Employment </h4>
<a data-bs-toggle="modal" href="#Employment" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p><b>Senior UI / UX ________ and Developer </b></p>
<p>Google INC </p>
<p>Experience (6 Year) </p>
<p>Available to join in 1 Months </p>
</div>
</div>
<!--Employment -->
<div class="modal fade twm-saved-jobs-view" id="Employment" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Add Employment </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Your Designation </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Your Designation" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Your Organization </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Your Organization" />
<i class="fs-input-icon fa fa-building"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Is this your current _______? </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" />
<label class="form-check-label" for="flexRadioDefault1">
___
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="S_no" checked="" />
<label class="form-check-label" for="S_no">
__
</label>
</div>
</div>
</div>
</div>
<!--Start Date-->
<div class="col-md-6">
<div class="form-group">
<label>Started Working From </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<!--End Date-->
<div class="col-md-6">
<div class="form-group">
<label>Worked Till </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Describe your Job Profile </label>
<textarea class="form-control" rows="3" placeholder="Describe your Job"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Education-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Education </h4>
<a data-bs-toggle="modal" href="#Education" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p>Mention your employment details _________ your current and previous _______ work experience </p>
<p>2004 to 2006 </p>
<p><b>BCA - Bachelor of ________ Applications </b></p>
<p>2006 to 2008 </p>
<p><b>MCA - Master of ________ Application </b></p>
<p>2008 to 20011 </p>
<p><b>Design Communication Visual </b></p>
<p><a class="site-text-primary" href="javascript:;">Add Doctorate/PhD </a></p>
<p><a class="site-text-primary" href="javascript:;">Add Masters/Post-Graduation </a></p>
<p><a class="site-text-primary" href="javascript:;">Add Graduation/Diploma </a></p>
</div>
</div>
<!--Education -->
<div class="modal fade twm-saved-jobs-view" id="Education" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Education </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Education </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />Graduation/Diploma
<option />Masters/Post-Graduation
</select>
<i class="fs-input-icon fa fa-user-graduate"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Course </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Course
<option />BBA- Bachelor of Business ______________
<option />BFA- Bachelor of Fine ____
<option />BSW- Bachelor of Social ____
</select>
<i class="fs-input-icon fa fa-book"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>University/Institute </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select University
<option />University of Cambridge
<option />Stanford University
<option />Imperial College London
</select>
<i class="fs-input-icon fas fa-book-reader"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--IT Skills-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">IT Skills </h4>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p>Mention your employment detail _________ your current and previous _______ work experience </p>
<div class="table-responsive">
<table class="table twm-table table-striped table-borderless">
<thead>
<tr>
<th>Skills </th>
<th>Version </th>
<th>Last Used </th>
<th>Experience </th>
<th>Action </th>
</tr>
</thead>
<tbody>
<!--1-->
<tr>
<td>Python </td>
<td>13 </td>
<td>2020 </td>
<td>1 Year </td>
<td>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</td>
</tr>
<!--2-->
<tr>
<td>Bootstrap </td>
<td>5 </td>
<td>2021 </td>
<td>1 Year </td>
<td>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</td>
</tr>
<!--3-->
<tr>
<td>HTML </td>
<td>5 </td>
<td>2020 </td>
<td>1 Year </td>
<td>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</td>
</tr>
<!--4-->
<tr>
<td>Photoshop </td>
<td>CC-2023 </td>
<td>2023 </td>
<td>1 Year </td>
<td>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</td>
</tr>
<!--5-->
<tr>
<td>Css </td>
<td>3 </td>
<td>2018 </td>
<td>1 Year </td>
<td>
<a data-bs-toggle="modal" href="#IT_skills" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!--IT_skills -->
<div class="modal fade twm-saved-jobs-view" id="IT_skills" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">IT Skills </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>IT Skills </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter IT Skills" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="form-group">
<label>Version </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Version" />
<i class="fs-input-icon fa fa-info"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="form-group">
<label>Last Used </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />2021
<option />2020
</select>
<i class="fs-input-icon fa fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="form-group">
<label>Experience year </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />2021
<option />2020
</select>
<i class="fs-input-icon fa fa-user-edit"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12">
<div class="form-group">
<label>Month </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />January
<option />February
</select>
<i class="fs-input-icon fa fa-user-edit"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Project-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Project </h4>
<a data-bs-toggle="modal" href="#Pro_ject" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p><b>Jobzilla </b></p>
<p>Google INC </p>
<p>January 2023 to Present </p>
<p>Jobjilla Template </p>
</div>
</div>
<!--Project -->
<div class="modal fade twm-saved-jobs-view" id="Pro_ject" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Add Project </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Project Title </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Project Title" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Education </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />Graduation/Diploma
<option />Masters/Post-Graduation
</select>
<i class="fs-input-icon fa fa-user-graduate"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Client </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Client Name" />
<i class="fs-input-icon fa fa-user"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Project Status </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="In_Progress" />
<label class="form-check-label" for="In_Progress">
__ Progress
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Finished" checked="" />
<label class="form-check-label" for="Finished">
________
</label>
</div>
</div>
</div>
</div>
<!--Start Date-->
<div class="col-md-6">
<div class="form-group">
<label>Started Working From </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<!--End Date-->
<div class="col-md-6">
<div class="form-group">
<label>Worked Till </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Detail of Projects </label>
<textarea class="form-control" rows="3" placeholder="Describe your Job"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Desired Career Profile-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Desired Career Profile </h4>
<a data-bs-toggle="modal" href="#Desired_Career" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<div class="row">
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Industry </div>
<span class="twm-s-info-discription">IT-Software/Software Services </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Functional Area </div>
<span class="twm-s-info-discription">Design / Creative / ____ Experience </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Role </div>
<span class="twm-s-info-discription">Web Designer </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Job Type </div>
<span class="twm-s-info-discription">permanent </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Employment Type </div>
<span class="twm-s-info-discription">Full Time </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Desired Shift </div>
<span class="twm-s-info-discription">Add Desired Shift </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Availability to Join </div>
<span class="twm-s-info-discription">06 August </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Expected Salary </div>
<span class="twm-s-info-discription">1 Lakhs </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Desired Location </div>
<span class="twm-s-info-discription">Add Desired Location </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Desired Industry </div>
<span class="twm-s-info-discription">Add Desired Industry </span>
</div>
</div>
</div>
</div>
</div>
<!--Desired Career Profile -->
<div class="modal fade twm-saved-jobs-view" id="Desired_Career" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Desired Career Profile </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<!--Industry-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Industry </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option />Accounting / Finance
<option />Banking / Financial Services / Broking
<option />Education / Teaching / ________
<option />IT-Hardware / Networking
<option />Other
</select>
<i class="fs-input-icon fa fa-industry"></i>
</div>
</div>
</div>
<!--Functional Area / Department-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Functional Area / Department </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option />Agent
<option />Architecture / Interior Design
<option />Beauty / Fitness / ___ Services
<option />IT Hardware / Technical _______
<option />IT Software - System ___________
<option />Other
</select>
<i class="fs-input-icon fa fa-building"></i>
</div>
</div>
</div>
<!--Role-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Role </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option />Creative
<option />Web Designer
<option />Graphic Designer
<option />National Creative Director
<option />Fresher
<option />Other
</select>
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<!--Job Type-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Job Type </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Permanent" />
<label class="form-check-label" for="Permanent">
_________
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Contractual" checked="" />
<label class="form-check-label" for="Contractual">
___________
</label>
</div>
</div>
</div>
</div>
<!--Employment Type-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Employment Type </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Full_Time" />
<label class="form-check-label" for="Full_Time">
____ Time
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="part_Time" checked="" />
<label class="form-check-label" for="part_Time">
____ Time
</label>
</div>
</div>
</div>
</div>
<!--Preferred Shift-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Preferred Shift </label>
<div class="row twm-form-radio-inline">
<div class="col-md-4">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="S_day" />
<label class="form-check-label" for="S_day">
___
</label>
</div>
<div class="col-md-4">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="S_night" checked="" />
<label class="form-check-label" for="S_night">
_____
</label>
</div>
<div class="col-md-4">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="s_part_time" checked="" />
<label class="form-check-label" for="s_part_time">
____ Time
</label>
</div>
</div>
</div>
</div>
<!--Availability to join-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Availability to Join </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<!--Expected Salary-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Expected Salary </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="US_Dollars" />
<label class="form-check-label">
__ Dollars
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="US_Dollars" id="indian_rpees" checked="" />
<label class="form-check-label" for="indian_rpees">
______ Rupees
</label>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<label>Lakh </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />0 lakh
<option />1 lakh
<option />2 lakh
<option />5 lakh
<option />4 lakh
<option />5 lakh
</select>
<i class="fs-input-icon fa fa-dollar-sign"></i>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="form-group">
<label>Thousand </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option /> 05 Thousand
<option /> 10 Thousand
<option /> 15 Thousand
<option /> 20 Thousand
<option /> 25 Thousand
<option /> 30 Thousand
<option /> 35 Thousand
<option /> 40 Thousand
<option /> 45 Thousand
<option /> 50 Thousand
</select>
<i class="fs-input-icon fa fa-dollar-sign"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Desired Location </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Country
<option />India
<option />Australia
<option />Bahrain
<option />China
<option />Dubai
<option />France
<option />Germany
<option />Hong Kong
<option />Kuwait
</select>
<i class="fs-input-icon fa fa-map-marker-alt"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group mb-0">
<label>Desired Industry </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Country
<option />Software
<option />Factory
<option />Ngo
<option />Other
</select>
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Personal Details-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Personal Details </h4>
<a data-bs-toggle="modal" href="#Personal_Details" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<div class="row">
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Date of Birth </div>
<span class="twm-s-info-discription">31 July 1998 </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Permanent Address </div>
<span class="twm-s-info-discription">Add Permanent Address </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Gender </div>
<span class="twm-s-info-discription">Male </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Area Pin Code </div>
<span class="twm-s-info-discription">302021 </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Marital Status </div>
<span class="twm-s-info-discription">Single / unmarried </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Hometown </div>
<span class="twm-s-info-discription">USA </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Passport Number </div>
<span class="twm-s-info-discription">+123 456 7890 </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Work permit of other _______ </div>
<span class="twm-s-info-discription">UK </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Differently Abled </div>
<span class="twm-s-info-discription">None </span>
</div>
</div>
<div class="col-md-6">
<div class="twm-s-detail-section">
<div class="twm-title">Languages </div>
<span class="twm-s-info-discription">English </span>
</div>
</div>
</div>
</div>
</div>
<!--Personal Details Modal -->
<div class="modal fade twm-saved-jobs-view" id="Personal_Details" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Personal Detail </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<!--Birth Date-->
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Date of Birth </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Gender </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="S_male" />
<label class="form-check-label" for="S_male">
Male
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="S_female" checked="" />
<label class="form-check-label" for="S_female">
Female
</label>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Permanent Address </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Permanent Address" />
<i class="fs-input-icon fa fa-map-marker-alt"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Hometown </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Hometown" />
<i class="fs-input-icon fa fa-map-marker-alt"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Pincode </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Pincode" />
<i class="fs-input-icon fa fa-map-pin"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Marital Status </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Select Category
<option />Married
<option />Single
</select>
<i class="fs-input-icon fa fa-user"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Passport Number </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Passport Number" />
<i class="fs-input-icon fa fa-star-of-life"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>What assistance do you ____ </label>
<textarea class="form-control" rows="3" placeholder="Describe"></textarea>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group mb-0">
<label>Work Permit for Other _________ </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Country
<option />Afghanistan
<option />Albania
<option />Algeria
<option />Andorra
<option />Angola
<option />Antigua and Barbuda
<option />Argentina
<option />Armenia
<option />Australia
<option />Austria
<option />Azerbaijan
<option />The Bahamas
<option />Bahrain
<option />Bangladesh
<option />Barbados
</select>
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--Attach Resume-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Attach Resume </h4>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p>Resume is the most _________ document recruiters look for. __________ generally do not look __ profiles without resumes. </p>
<div class="dashboard-cover-pic">
<form action="upload.php" class="dropzone"></form>
<p>Upload Resume File size __ 3 MB </p>
</div>
</div>
</div>
</div>
<!--Accomplishments-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Accomplishments </h4>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>Online Profile </b>
<a data-bs-toggle="modal" href="#Online_Profile" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add link to Online ________ (e.g. Linkedin, Facebook etc.). </p>
</div>
<!--Online Profile Modal -->
<div class="modal fade twm-saved-jobs-view" id="Online_Profile" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Online Profiles </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Social Profile </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Social Profile Name" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>URL </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Url" />
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Description </label>
<textarea class="form-control" rows="3" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>Work Sample </b>
<a data-bs-toggle="modal" href="#Work_Sample" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add link to your ________ (e.g. Github links etc.). </p>
</div>
<!--Work Sample Modal -->
<div class="modal fade twm-saved-jobs-view" id="Work_Sample" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Work Sample </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Work Title </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Work Title" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>URL </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Url" />
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<!--Start Date-->
<div class="col-md-6">
<div class="form-group">
<label>Duration From </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<!--End Date-->
<div class="col-md-6">
<div class="form-group">
<label>Duration to </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<input class="form-check-input" type="checkbox" name="flexRadioDefault" id="Working_on" checked="" />
<label class="form-check-label" for="Working_on">
_ am currently working on ____
</label>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Description </label>
<textarea class="form-control" rows="3" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>White Paper / Research ___________ / Journal Entry </b>
<a data-bs-toggle="modal" href="#Research_Publication" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add links to your ______ publications. </p>
</div>
<!--White Paper / Research Publication / Journal Entry Modal -->
<div class="modal fade twm-saved-jobs-view" id="Research_Publication" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">White Paper / Research ___________ / Journal Entry </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Title </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Title" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>URL </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Url" />
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<!--Start Date-->
<div class="col-md-12">
<div class="form-group">
<label>Published On </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Description </label>
<textarea class="form-control" rows="3" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>Presentation </b>
<a data-bs-toggle="modal" href="#Presentation_modal" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add links to your ______ presentations (e.g. Slideshare presentation _____ etc.). </p>
</div>
<!--Presentation Modal -->
<div class="modal fade twm-saved-jobs-view" id="Presentation_modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Presentation </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Social Profile </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Social Profile Name" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>URL </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Url" />
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Description </label>
<textarea class="form-control" rows="3" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>Certification </b>
<a data-bs-toggle="modal" href="#Certification_modal" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add details of Certification ___ have filed. </p>
</div>
<!--Certification Modal -->
<div class="modal fade twm-saved-jobs-view" id="Certification_modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Certification </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Certification Name </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Certification Name" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Certification Body </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Certification Body" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group mb-0">
<label>Year Onlabel </label>
<div class="ls-inputicon-box">
<select class="wt-select-box selectpicker" data-live-search="true" title="" data-bv-field="size">
<option class="bs-title-option" value="" />Year
<option />2021
<option />2020
<option />2019
<option />2018
<option />2017
<option />2016
<option />2015
<option />2014
<option />2013
<option />2012
<option />2011
</select>
<i class="fs-input-icon fa fa-calendar-alt"></i>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
<div class="twm-list-wrap">
<div class="twm-list-inner d-flex justify-content-between">
<b>Patent </b>
<a data-bs-toggle="modal" href="#Patent_modal" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<p>Add details of Patents ___ have filed. </p>
</div>
<!--Patent Modal -->
<div class="modal fade twm-saved-jobs-view" id="Patent_modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Patent </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Title </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Title" />
<i class="fs-input-icon fa fa-address-card"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Url </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Url " />
<i class="fs-input-icon fa fa-globe-americas"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Patent Office </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Patent Office" />
<i class="fs-input-icon fa fa-building"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Application Number </label>
<div class="ls-inputicon-box">
<input class="form-control" type="text" placeholder="Enter Application Number" />
<i class="fs-input-icon fa fa-dice-d6"></i>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
<div class="form-group">
<label>Status </label>
<div class="row twm-form-radio-inline">
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Patent_Issued" />
<label class="form-check-label" for="Patent_Issued">
Patent Issued
</label>
</div>
<div class="col-md-6">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="Patent_pending" checked="" />
<label class="form-check-label" for="Patent_pending">
Patent pending
</label>
</div>
</div>
</div>
</div>
<!--Start Date-->
<div class="col-md-12">
<div class="form-group">
<label>Published On </label>
<div class="ls-inputicon-box">
<input class="form-control datepicker" data-provide="datepicker" name="company_since" type="text" placeholder="mm/dd/yyyy" />
<i class="fs-input-icon far fa-calendar"></i>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group mb-0">
<label>Description </label>
<textarea class="form-control" rows="3" placeholder="Type Description"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Profile Summary-->
<div class="panel panel-default mb-3">
<div class="panel-heading wt-panel-heading p-a20 panel-heading-with-btn ">
<h4 class="panel-tittle m-a0">Profile Summary </h4>
<a data-bs-toggle="modal" href="#Profile_Summary" role="button" title="Edit" class="site-text-primary">
<span class="fa fa-edit"></span>
</a>
</div>
<div class="panel-body wt-panel-body p-a20 ">
<div class="twm-panel-inner">
<p>Your Profile Summary should _______ the highlights of your ______ and education, what your ____________ interests are, and what ____ of a career you ___ looking for. Write a __________ summary of more than 50 characters. </p>
</div>
</div>
<!--Modal Popup -->
<div class="modal fade twm-saved-jobs-view" id="Profile_Summary" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title">Profile Summary </h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Your Profile Summary should _______ the highlights of your ______ and education, what your ____________ interests are, and what ____ of a career you ___ looking for. Write a __________ summary of more than 50 characters. </p>
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="form-group twm-textarea-full">
<textarea class="form-control" placeholder="Detail of Project"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="site-button" data-bs-dismiss="modal">Close </button>
<button type="button" class="site-button">Save </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- OUR BLOG END -->
</div>
<!-- CONTENT END -->
<!-- FOOTER START -->
<footer class="footer-dark" style="background-image: url(images/f-bg.jpg);">
<div class="container">
<!-- NEWS LETTER SECTION START -->
<div class="ftr-nw-content">
<div class="row">
<div class="col-md-5">
<div class="ftr-nw-title">
Join our _____ subscription now to get _______
on new ____ and notifications.
</div>
</div>
<div class="col-md-7">
<form>
<div class="ftr-nw-form">
<input name="news-letter" class="form-control" placeholder="Enter Your Email" type="text" />
<button class="ftr-nw-subcribe-btn">Subscribe Now </button>
</div>
</form>
</div>
</div>
</div>
<!-- NEWS LETTER SECTION END -->
<!-- FOOTER BLOCKES START -->
<div class="footer-top">
<div class="row">
<div class="col-lg-3 col-md-12">
<div class="widget widget_about">
<div class="logo-footer clearfix">
<a href="index.html"><img src="images/logo-light.png" alt="" /></a>
</div>
<p>Many desktop publishing packages ___ web page editors now. </p>
<ul class="ftr-list">
<li><p><span>Address : </span>65 Sunset CA 90026, ___ </p></li>
<li><p><span>Email : </span>example@max.com </p></li>
<li><p><span>Call : </span>555-555-1234 </p></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">For Candidate </h3>
<ul>
<li><a href="dashboard.html">User Dashboard </a></li>
<li><a href="dash-resume-alert.html">Alert resume </a></li>
<li><a href="candidate-grid.html">Candidates </a></li>
<li><a href="blog-list.html">Blog List </a></li>
<li><a href="blog-single.html">Blog single </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">For Employers </h3>
<ul>
<li><a href="dash-post-job.html">Post Jobs </a></li>
<li><a href="blog-grid.html">Blog Grid </a></li>
<li><a href="contact.html">Contact </a></li>
<li><a href="job-list.html">Jobs Listing </a></li>
<li><a href="job-detail.html">Jobs details </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">Helpful Resources </h3>
<ul>
<li><a href="faq.html">FAQs </a></li>
<li><a href="employer-detail.html">Employer detail </a></li>
<li><a href="dash-my-profile.html">Profile </a></li>
<li><a href="error-404.html">404 Page </a></li>
<li><a href="pricing.html">Pricing </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">Quick Links </h3>
<ul>
<li><a href="index.html">Home </a></li>
<li><a href="about-1.html">About us </a></li>
<li><a href="dash-bookmark.html">Bookmark </a></li>
<li><a href="job-grid.html">Jobs </a></li>
<li><a href="employer-list.html">Employer </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER COPYRIGHT -->
<div class="footer-bottom">
<div class="footer-bottom-info">
<div class="footer-copy-right">
<span class="copyrights-text">Copyright © 2023 by _________ All Rights Reserved. </span>
</div>
<ul class="social-icons">
<li><a href="javascript:void(0);" class="fab fa-facebook-f"></a></li>
<li><a href="javascript:void(0);" class="fab fa-twitter"></a></li>
<li><a href="javascript:void(0);" class="fab fa-instagram"></a></li>
<li><a href="javascript:void(0);" class="fab fa-youtube"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
<!-- BUTTON TOP START -->
<button class="scroltop"><span class="fa fa-angle-up relative" id="btn-vibrate"></span></button>
<!--Model Popup Section Start-->
<!--Signup popup -->
<div class="modal fade twm-sign-up" id="sign_up_popup" aria-hidden="true" aria-labelledby="sign_up_popupLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title" id="sign_up_popupLabel">Sign Up </h2>
<p>Sign Up and get ______ to all the features __ Jobzilla </p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="twm-tabs-style-2">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<!--Signup Candidate-->
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#sign-candidate" type="button"><i class="fas fa-user-tie"></i>Candidate </button>
</li>
<!--Signup Employer-->
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#sign-Employer" type="button"><i class="fas fa-building"></i>Employer </button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!--Signup Candidate Content-->
<div class="tab-pane fade show active" id="sign-candidate">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Email*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Phone*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="agree1" />
<label class="form-check-label" for="agree1">I agree to the <a href="javascript:;">Terms and conditions </a></label>
<p>Already registered?
<button class="twm-backto-login" data-bs-target="#sign_up_popup2" data-bs-toggle="modal" data-bs-dismiss="modal">Log in here </button>
</p>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Sign Up </button>
</div>
</div>
</div>
<!--Signup Employer Content-->
<div class="tab-pane fade" id="sign-Employer">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Email*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Phone*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="agree2" />
<label class="form-check-label" for="agree2">I agree to the <a href="javascript:;">Terms and conditions </a></label>
<p>Already registered?
<button class="twm-backto-login" data-bs-target="#sign_up_popup2" data-bs-toggle="modal" data-bs-dismiss="modal">Log in here </button>
</p>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Sign Up </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<span class="modal-f-title">Login or Sign up ____ </span>
<ul class="twm-modal-social">
<li><a href="javascript" class="facebook-clr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript" class="twitter-clr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript" class="linkedin-clr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript" class="google-clr"><i class="fab fa-google"></i></a></li>
</ul>
</div>
</form>
</div>
</div>
</div>
<!--Login popup -->
<div class="modal fade twm-sign-up" id="sign_up_popup2" aria-hidden="true" aria-labelledby="sign_up_popupLabel2" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title" id="sign_up_popupLabel2">Login </h2>
<p>Login and get access __ all the features of ________ </p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="twm-tabs-style-2">
<ul class="nav nav-tabs" id="myTab2" role="tablist">
<!--Login Candidate-->
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#login-candidate" type="button"><i class="fas fa-user-tie"></i>Candidate </button>
</li>
<!--Login Employer-->
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#login-Employer" type="button"><i class="fas fa-building"></i>Employer </button>
</li>
</ul>
<div class="tab-content" id="myTab2Content">
<!--Login Candidate Content-->
<div class="tab-pane fade show active" id="login-candidate">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="Password3" />
<label class="form-check-label rem-forgot" for="Password3">Remember me <a href="javascript:;">Forgot Password </a></label>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Log in </button>
<div class="mt-3 mb-3">Don't have an account ?
<button class="twm-backto-login" data-bs-target="#sign_up_popup" data-bs-toggle="modal" data-bs-dismiss="modal">Sign Up </button>
</div>
</div>
</div>
</div>
<!--Login Employer Content-->
<div class="tab-pane fade" id="login-Employer">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="Password4" />
<label class="form-check-label rem-forgot" for="Password4">Remember me <a href="javascript:;">Forgot Password </a></label>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Log in </button>
<div class="mt-3 mb-3">Don't have an account ?
<button class="twm-backto-login" data-bs-target="#sign_up_popup" data-bs-toggle="modal" data-bs-dismiss="modal">Sign Up </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<span class="modal-f-title">Login or Sign up ____ </span>
<ul class="twm-modal-social">
<li><a href="javascript" class="facebook-clr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript" class="twitter-clr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript" class="linkedin-clr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript" class="google-clr"><i class="fab fa-google"></i></a></li>
</ul>
</div>
</form>
</div>
</div>
</div>
<!--Model Popup Section End-->
</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="candidate-my-resume_fbf74df.html"></a></li>
<li><a class="theme-skin skin-2" href="candidate-my-resume_fbf74e2.html"></a></li>
<li><a class="theme-skin skin-3" href="candidate-my-resume_fbf74e1.html"></a></li>
<li><a class="theme-skin skin-4" href="candidate-my-resume_fbf74e4.html"></a></li>
<li><a class="theme-skin skin-5" href="candidate-my-resume_fbf74e3.html"></a></li>
<li><a class="theme-skin skin-6" href="candidate-my-resume_fbf74e6.html"></a></li>
<li><a class="theme-skin skin-7" href="candidate-my-resume_fbf74e5.html"></a></li>
<li><a class="theme-skin skin-8" href="candidate-my-resume_fbf74e8.html"></a></li>
<li><a class="theme-skin skin-9" href="candidate-my-resume_fbf74e7.html"></a></li>
<li><a class="theme-skin skin-10" href="candidate-my-resume_e111f0f.html"></a></li>
</ul>
</div>
</div>
<!-- STYLE SWITCHER END ==== -->
</body>
</html>