public/front
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
5992f38bff063791bb55407ea8eaf5230d58a467
front/build/demo-jobs/upload-resume.html
dzieko 1cb2af8b45 build
2021-12-29 13:15:44 +01:00

3632 lines
202 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en" dir="">
<head>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Title -->
<title>Jobs: Upload Resume | Front - Multipurpose Responsive Template</title>
<!-- Favicon -->
<link rel="shortcut icon" href="../favicon.ico">
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../assets/css/vendor.min.css">
<link rel="stylesheet" href="../assets/vendor/bootstrap-icons/font/bootstrap-icons.css">
<!-- CSS Front Template -->
<link rel="stylesheet" href="../assets/css/theme.min.css?v=1.0">
</head>
<body>
<!-- ========== HEADER ========== -->
<header id="header" class="navbar navbar-expand-lg navbar-end navbar-light">
<!-- Topbar -->
<div class="container navbar-topbar">
<nav class="js-mega-menu navbar-nav-wrap">
<!-- Toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="d-flex justify-content-between align-items-center">
<span class="navbar-toggler-text">Topbar</span>
<span class="navbar-toggler-default">
<i class="bi-chevron-down ms-2"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-chevron-up ms-2"></i>
</span>
</span>
</button>
<!-- End Toggler -->
<div id="topbarNavDropdown" class="navbar-nav-wrap-collapse collapse navbar-collapse navbar-topbar-collapse">
<div class="navbar-toggler-wrapper">
<div class="navbar-topbar-toggler d-flex justify-content-between align-items-center">
<span class="navbar-toggler-text small">Topbar</span>
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi-x"></i>
</button>
<!-- End Toggler -->
</div>
</div>
<ul class="navbar-nav">
<li class="nav-item me-auto">
<a class="nav-link" href="../landing-classic-corporate.html"><i class="bi-chevron-left small ms-1"></i> Main demo</a>
</li>
<!-- Demos -->
<li class="hs-has-mega-menu nav-item">
<a id="demosMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle active" aria-current="page" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Demos</a>
<!-- Mega Menu -->
<div class="hs-mega-menu dropdown-menu w-100" aria-labelledby="demosMegaMenu" style="min-width: 40rem;">
<!-- Promo -->
<div class="navbar-dropdown-menu-promo">
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../landing-classic-corporate.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.6 5.59998L20.9 10.9C21.3 11.3 21.3 11.9 20.9 12.3L17.6 15.6L11.6 9.59998L15.6 5.59998ZM2.3 12.3L7.59999 17.6L11.6 13.6L5.59999 7.59998L2.3 10.9C1.9 11.3 1.9 11.9 2.3 12.3Z" fill="#035A4B"/>
<path opacity="0.3" d="M17.6 15.6L12.3 20.9C11.9 21.3 11.3 21.3 10.9 20.9L7.59998 17.6L13.6 11.6L17.6 15.6ZM10.9 2.3L5.59998 7.6L9.59998 11.6L15.6 5.6L12.3 2.3C11.9 1.9 11.3 1.9 10.9 2.3Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Main</span>
<p class="navbar-dropdown-menu-media-desc">Over 60 corporate, agency, portfolio, account and many more pages.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../demo-real-estate/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 3C5.67157 3 5 3.67157 5 4.5V6H3.5C2.67157 6 2 6.67157 2 7.5C2 8.32843 2.67157 9 3.5 9H5V19.5C5 20.3284 5.67157 21 6.5 21C7.32843 21 8 20.3284 8 19.5V9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H8V4.5C8 3.67157 7.32843 3 6.5 3Z" fill="#035A4B"/>
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M20.5 11H10V17.5C10 18.3284 10.6716 19 11.5 19H15.5C17.3546 19 19.0277 18.2233 20.2119 16.9775C20.1436 16.9922 20.0727 17 20 17C19.4477 17 19 16.5523 19 16V13C19 12.4477 19.4477 12 20 12C20.5523 12 21 12.4477 21 13V15.9657C21.6334 14.9626 22 13.7741 22 12.5C22 11.6716 21.3284 11 20.5 11Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Real Estate</span>
<p class="navbar-dropdown-menu-media-desc">Find the latest homes for sale, real estate market data.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="../demo-jobs/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z" fill="#035A4B"/>
<path d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Jobs <span class="badge bg-success rounded-pill ms-1">Hot</span></span>
<p class="navbar-dropdown-menu-media-desc">Search millions of jobs online to find the next step in your career.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
</div>
<!-- End Promo -->
<!-- Promo -->
<div class="navbar-dropdown-menu-promo">
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../demo-course/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 19H4C2.9 19 2 18.1 2 17H22C22 18.1 21.1 19 20 19Z" fill="#035A4B"/>
<path opacity="0.3" d="M20 5H4C3.4 5 3 5.4 3 6V17H21V6C21 5.4 20.6 5 20 5Z" fill="#035A4B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="#035A4B"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="10">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="white"/>
</mask>
<g mask="url(#mask0)">
</g>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Course <span class="badge bg-success rounded-pill ms-1">Hot</span></span>
<p class="navbar-dropdown-menu-media-desc">Learn on your schedule. An online learning and teaching demo.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../demo-shop/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M20 22H4C3.4 22 3 21.6 3 21V2H21V21C21 21.6 20.6 22 20 22Z" fill="#035A4B"/>
<path d="M12 14C9.2 14 7 11.8 7 9V5C7 4.4 7.4 4 8 4C8.6 4 9 4.4 9 5V9C9 10.7 10.3 12 12 12C13.7 12 15 10.7 15 9V5C15 4.4 15.4 4 16 4C16.6 4 17 4.4 17 5V9C17 11.8 14.8 14 12 14Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">E-Commerce</span>
<p class="navbar-dropdown-menu-media-desc">Choose an online store &amp; get your business online today!</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../demo-app-marketplace/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M18 10V20C18 20.6 18.4 21 19 21C19.6 21 20 20.6 20 20V10H18Z" fill="#035A4B"/>
<path opacity="0.3" d="M11 10V17H6V10H4V20C4 20.6 4.4 21 5 21H12C12.6 21 13 20.6 13 20V10H11Z" fill="#035A4B"/>
<path opacity="0.3" d="M10 10C10 11.1 9.1 12 8 12C6.9 12 6 11.1 6 10H10Z" fill="#035A4B"/>
<path opacity="0.3" d="M18 10C18 11.1 17.1 12 16 12C14.9 12 14 11.1 14 10H18Z" fill="#035A4B"/>
<path opacity="0.3" d="M14 4H10V10H14V4Z" fill="#035A4B"/>
<path opacity="0.3" d="M17 4H20L22 10H18L17 4Z" fill="#035A4B"/>
<path opacity="0.3" d="M7 4H4L2 10H6L7 4Z" fill="#035A4B"/>
<path d="M6 10C6 11.1 5.1 12 4 12C2.9 12 2 11.1 2 10H6ZM10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10H10ZM18 10C18 11.1 18.9 12 20 12C21.1 12 22 11.1 22 10H18ZM19 2H5C4.4 2 4 2.4 4 3V4H20V3C20 2.4 19.6 2 19 2ZM12 17C12 16.4 11.6 16 11 16H6C5.4 16 5 16.4 5 17C5 17.6 5.4 18 6 18H11C11.6 18 12 17.6 12 17Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">App Marketplace</span>
<p class="navbar-dropdown-menu-media-desc">Find apps and integrates seamlessly with popular apps.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
</div>
<!-- End Promo -->
<!-- Promo -->
<div class="navbar-dropdown-menu-promo">
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="../demo-help-desk/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1671 18.1421C22.4827 18.4577 23.0222 18.2331 23.0206 17.7868L23.0039 13.1053V5.52632C23.0039 4.13107 21.8729 3 20.4776 3H8.68815C7.2929 3 6.16183 4.13107 6.16183 5.52632V9H13C14.6568 9 16 10.3431 16 12V15.6316H19.6565L22.1671 18.1421Z" fill="#035A4B"/>
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M1.98508 18V13C1.98508 11.8954 2.88051 11 3.98508 11H11.9851C13.0896 11 13.9851 11.8954 13.9851 13V18C13.9851 19.1046 13.0896 20 11.9851 20H4.10081L2.85695 21.1905C2.53895 21.4949 2.01123 21.2695 2.01123 20.8293V18.3243C1.99402 18.2187 1.98508 18.1104 1.98508 18ZM5.99999 14.5C5.99999 14.2239 6.22385 14 6.49999 14H11.5C11.7761 14 12 14.2239 12 14.5C12 14.7761 11.7761 15 11.5 15H6.49999C6.22385 15 5.99999 14.7761 5.99999 14.5ZM9.49999 16C9.22385 16 8.99999 16.2239 8.99999 16.5C8.99999 16.7761 9.22385 17 9.49999 17H11.5C11.7761 17 12 16.7761 12 16.5C12 16.2239 11.7761 16 11.5 16H9.49999Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Help Desk</span>
<p class="navbar-dropdown-menu-media-desc">A customer service demo that helps you balance customer needs.</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link" href="https://htmlstream.com/contact-us" target="_blank">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M12 17C16.4183 17 20 13.4183 20 9C20 4.58172 16.4183 1 12 1C7.58172 1 4 4.58172 4 9C4 13.4183 7.58172 17 12 17Z" fill="#035A4B"/>
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M6.53819 9L10.568 19.3624L11.976 18.8149L13.3745 19.3674L17.4703 9H6.53819ZM9.46188 11H14.5298L11.9759 17.4645L9.46188 11Z" fill="#035A4B"/>
<path opacity="0.3" d="M10 22H14V22C14 23.1046 13.1046 24 12 24V24C10.8954 24 10 23.1046 10 22V22Z" fill="#035A4B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 17C8 16.4477 8.44772 16 9 16H15C15.5523 16 16 16.4477 16 17C16 17.5523 15.5523 18 15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20C15.5523 20 16 20.4477 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18C8.44772 18 8 17.5523 8 17Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">New demo ideas?</span>
<p class="navbar-dropdown-menu-media-desc">
Send us your suggestions <i class="bi-box-arrow-up-right ms-1"></i>
</p>
</div>
</div>
</a>
<!-- End Promo Link -->
</div>
<!-- End Promo Item -->
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
</div>
<!-- End Promo Item -->
</div>
<!-- End Promo -->
</div>
<!-- End Mega Menu -->
</li>
<!-- End Demos -->
<!-- Docs -->
<li class="hs-has-mega-menu nav-item"
data-hs-mega-menu-item-options='{
"desktop": {
"maxWidth": "20rem"
}
}'>
<a id="docsMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Docs</a>
<!-- Mega Menu -->
<div class="hs-mega-menu hs-position-right dropdown-menu" aria-labelledby="docsMegaMenu" style="min-width: 20rem;">
<!-- Link -->
<a class="navbar-dropdown-menu-media-link" href="../documentation/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M4.85714 1H11.7364C12.0911 1 12.4343 1.12568 12.7051 1.35474L17.4687 5.38394C17.8057 5.66895 18 6.08788 18 6.5292V19.0833C18 20.8739 17.9796 21 16.1429 21H4.85714C3.02045 21 3 20.8739 3 19.0833V2.91667C3 1.12612 3.02045 1 4.85714 1ZM7 13C7 12.4477 7.44772 12 8 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H8C7.44772 14 7 13.5523 7 13ZM8 16C7.44772 16 7 16.4477 7 17C7 17.5523 7.44772 18 8 18H11C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16H8Z" fill="#035A4B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.85714 3H14.7364C15.0911 3 15.4343 3.12568 15.7051 3.35474L20.4687 7.38394C20.8057 7.66895 21 8.08788 21 8.5292V21.0833C21 22.8739 20.9796 23 19.1429 23H6.85714C5.02045 23 5 22.8739 5 21.0833V4.91667C5 3.12612 5.02045 3 6.85714 3ZM7 13C7 12.4477 7.44772 12 8 12H15C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14H8C7.44772 14 7 13.5523 7 13ZM8 16C7.44772 16 7 16.4477 7 17C7 17.5523 7.44772 18 8 18H11C11.5523 18 12 17.5523 12 17C12 16.4477 11.5523 16 11 16H8Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Documentation <span class="badge bg-primary rounded-pill ms-1">v4.1</span></span>
<p class="navbar-dropdown-menu-media-desc">Development guides for building projects with Space</p>
</div>
</div>
</a>
<!-- End Link -->
<div class="dropdown-divider"></div>
<!-- Link -->
<a class="navbar-dropdown-menu-media-link" href="../snippets/index.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M21 2H13C12.4 2 12 2.4 12 3V13C12 13.6 12.4 14 13 14H21C21.6 14 22 13.6 22 13V3C22 2.4 21.6 2 21 2ZM15.7 8L14 10.1V5.80005L15.7 8ZM15.1 4H18.9L17 6.40002L15.1 4ZM17 9.59998L18.9 12H15.1L17 9.59998ZM18.3 8L20 5.90002V10.2L18.3 8ZM9 2H3C2.4 2 2 2.4 2 3V21C2 21.6 2.4 22 3 22H9C9.6 22 10 21.6 10 21V3C10 2.4 9.6 2 9 2ZM4.89999 12L4 14.8V9.09998L4.89999 12ZM4.39999 4H7.60001L6 8.80005L4.39999 4ZM6 15.2L7.60001 20H4.39999L6 15.2ZM7.10001 12L8 9.19995V14.9L7.10001 12Z" fill="#035A4B"/>
<path d="M21 18H13C12.4 18 12 17.6 12 17C12 16.4 12.4 16 13 16H21C21.6 16 22 16.4 22 17C22 17.6 21.6 18 21 18ZM19 21C19 20.4 18.6 20 18 20H13C12.4 20 12 20.4 12 21C12 21.6 12.4 22 13 22H18C18.6 22 19 21.6 19 21Z" fill="#035A4B"/>
</svg>
</span>
</div>
<div class="flex-grow-1 ms-3">
<span class="navbar-dropdown-menu-media-title">Snippets</span>
<p class="navbar-dropdown-menu-media-desc">Move quickly with copy-to-clipboard feature</p>
</div>
</div>
</a>
<!-- End Link -->
</div>
<!-- End Mega Menu -->
</li>
<!-- End Docs -->
</ul>
</div>
</nav>
</div>
<!-- End Topbar -->
<div class="container">
<nav class="js-mega-menu navbar-nav-wrap">
<!-- Default Logo -->
<a class="navbar-brand" href="../demo-jobs/index.html" aria-label="Front">
<img class="navbar-brand-logo" src="../assets/svg/logos/logo.svg" alt="Logo">
</a>
<!-- End Default Logo -->
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggler -->
<!-- Collapse -->
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link " href="../demo-jobs/index.html">Home</a>
</li>
<!-- Dropdown -->
<li class="hs-has-sub-menu nav-item">
<a id="listingsDropdown" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listings</a>
<div class="hs-sub-menu dropdown-menu" aria-labelledby="listingsDropdown" style="min-width: 14rem;">
<a class="dropdown-item " href="../demo-jobs/job-list.html">Listing</a>
<a class="dropdown-item " href="../demo-jobs/job-grid.html">Listing (Grid)</a>
</div>
</li>
<!-- End Dropdown -->
<!-- Dropdown -->
<li class="hs-has-sub-menu nav-item">
<a id="pagesDropdown" class="hs-mega-menu-invoker nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
<div class="hs-sub-menu dropdown-menu" aria-labelledby="listingsDropdown" style="min-width: 14rem;">
<a class="dropdown-item " href="../demo-jobs/job-overview.html">Job Overview</a>
<a class="dropdown-item " href="../demo-jobs/apply-for-job.html">Apply for Job</a>
<a class="dropdown-item " href="../demo-jobs/employee.html">Employee (Applicant)</a>
<a class="dropdown-item " href="../demo-jobs/employer.html">Employer (Company)</a>
</div>
</li>
<!-- End Dropdown -->
<li class="nav-item">
<a class="nav-link active" href="../demo-jobs/upload-resume.html">Upload resume</a>
</li>
<li class="nav-item">
<a class="btn btn-primary btn-transition" href="../demo-jobs/post-job.html">Post a job</a>
</li>
</ul>
</div>
<!-- End Collapse -->
</nav>
</div>
</header>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" role="main">
<!-- Content -->
<div class="container content-space-t-md-2 content-space-b-2">
<!-- Step Form -->
<form class="js-step-form"
data-hs-step-form-options='{
"progressSelector": "#uploadResumeStepFormProgress",
"stepsSelector": "#uploadResumeStepFormContent",
"endSelector": "#uploadResumeFinishBtn",
"isValidate": false
}'>
<div class="row">
<div class="col-lg-4">
<!-- Sticky Block -->
<div id="stickyBlockStartPoint">
<div class="js-sticky-block"
data-hs-sticky-block-options='{
"parentSelector": "#stickyBlockStartPoint",
"breakpoint": "lg",
"startPoint": "#stickyBlockStartPoint",
"endPoint": "#stickyBlockEndPoint",
"stickyOffsetTop": 20,
"stickyOffsetBottom": 0
}'>
<!-- Step -->
<ul id="uploadResumeStepFormProgress" class="js-step-progress step step-icon-xs step-border-last-0 mt-5">
<li class="step-item">
<a class="step-content-wrapper" href="javascript:;"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepBasics"
}'>
<span class="step-icon step-icon-soft-dark">1</span>
<div class="step-content">
<span class="step-title">Basics</span>
<span class="step-title-description step-text">General info about you</span>
</div>
</a>
</li>
<li class="step-item">
<a class="step-content-wrapper" href="javascript:;"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepEducation"
}'>
<span class="step-icon step-icon-soft-dark">2</span>
<div class="step-content">
<span class="step-title">Education</span>
<span class="step-title-description step-text">Add education info</span>
</div>
</a>
</li>
<li class="step-item">
<a class="step-content-wrapper" href="javascript:;"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepWork"
}'>
<span class="step-icon step-icon-soft-dark">3</span>
<div class="step-content">
<span class="step-title">Work experience</span>
<span class="step-title-description step-text">Add work experience</span>
</div>
</a>
</li>
<li class="step-item">
<a class="step-content-wrapper" href="javascript:;"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepJobSkills"
}'>
<span class="step-icon step-icon-soft-dark">4</span>
<div class="step-content">
<span class="step-title">Skills</span>
<span class="step-title-description step-text">Add skills</span>
</div>
</a>
</li>
<li class="step-item">
<a class="step-content-wrapper" href="javascript:;"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepTypeOfJob"
}'>
<span class="step-icon step-icon-soft-dark">5</span>
<div class="step-content">
<span class="step-title">Job type</span>
<span class="step-title-description step-text">The type of job you are looking for</span>
</div>
</a>
</li>
</ul>
<!-- End Step -->
</div>
</div>
<!-- End Sticky Block -->
</div>
<!-- End Col -->
<div id="formContainer" class="col-lg-8">
<!-- Content Step Form -->
<div id="uploadResumeStepFormContent">
<!-- Card -->
<div id="uploadResumeStepBasics" class="card active">
<!-- Header -->
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
<div class="flex-grow-1">
<span class="d-lg-none">Step 1 of 5</span>
<h3 class="card-header-title">Basics</h3>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Form -->
<div class="mb-4">
<label for="firstNameLabel" class="form-label">First name</label>
<input type="text" class="form-control" name="firstName" id="firstNameLabel" placeholder="Maria" aria-label="Maria">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="lastNameLabel" class="form-label">Last name</label>
<input type="text" class="form-control" name="lastName" id="lastNameLabel" placeholder="Williams" aria-label="Williams">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="countryLabel" class="form-label">Country</label>
<!-- Select -->
<select id="countryLabel" class="form-select" name="countrySelect">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia (Plurinational State of)</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GB">England</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FM">Federated States of Micronesia</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="VA">Holy See</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran (Islamic Republic of)</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MK">North Macedonia</option>
<option value="GB">Northern Ireland</option>
<option value="MP">Northern Markna Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="CG">Republic of the Congo</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="GB">Scotland</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="PS">State of Palestine</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands (British)</option>
<option value="VI">Virgin Islands (U.S.)</option>
<option value="GB">Wales</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Employment eligibility</label>
<div class="d-grid gap-2">
<!-- Radio Check -->
<label class="form-control" for="employmentRadio1">
<span class="form-check">
<input type="radio" class="form-check-input" name="employmentRadioName" id="employmentRadio1" checked>
<span class="form-check-label">Authorized to work in the UK for any employer</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="employmentRadio2">
<span class="form-check">
<input type="radio" class="form-check-input" name="employmentRadioName" id="employmentRadio2">
<span class="form-check-label">Sponsorship required to work in the UK</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="employmentRadio3">
<span class="form-check">
<input type="radio" class="form-check-input" name="employmentRadioName" id="employmentRadio3">
<span class="form-check-label">No specified</span>
</span>
</label>
<!-- End Radio Check -->
</div>
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="contactInformationLabel" class="form-label">Contact information</label>
<p class="small mt-n2">Only provided to employers you apply to respond to.</p>
<input type="email" class="form-control" name="contactInformationName" id="contactInformationLabel" placeholder="email@site.com" aria-label="email@site.com">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="phoneLabel" class="form-label">Phone number</label>
<p class="small mt-n2">Only provided to employers you apply to respond to.</p>
<div class="input-group">
<input type="text" class="js-input-mask form-control" name="phone" id="phoneLabel" placeholder="+x(xxx)xxx-xx-xx" aria-label="+x(xxx)xxx-xx-xx"
data-hs-mask-options='{
"mask": "+{0}(000)000-00-00"
}'>
<!-- Select -->
<select class="form-select" name="phoneSelect" style="max-width: 8rem;">
<option value="Mobile" selected>Mobile</option>
<option value="Home">Home</option>
<option value="Work">Work</option>
<option value="Fax">Fax</option>
<option value="Direct">Direct</option>
</select>
<!-- End Select -->
</div>
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="callPermissionCheckbox">
<label class="form-check-label" for="callPermissionCheckbox">Call and send me text messages at this phone number</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="CVPrivacySwitch" class="form-label">CV privacy settings <span class="badge bg-primary text-uppercase ms-1">PRO</span></label>
<div class="row">
<div class="col">
<label for="CVPrivacySwitch" class="form-label text-body">Your CV is not visible. Employers cannot find your CV, but you can attach it when you apply to a job.</label>
</div>
<div class="col-auto">
<!-- Form Switch -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="CVPrivacySwitch">
</div>
<!-- End Form Switch -->
</div>
</div>
<!-- End Row -->
</div>
<!-- End Form -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="card-footer pt-0">
<div class="d-flex justify-content-end align-items-center">
<button type="button" class="btn btn-primary"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepEducation"
}'>
Save and continue <i class="bi-chevron-right small ms-1"></i>
</button>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Card -->
<div id="uploadResumeStepEducation" class="card" style="display: none;">
<!-- Header -->
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
<div class="flex-grow-1">
<span class="d-lg-none">Step 2 of 5</span>
<h3 class="card-header-title">Education</h3>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<div class="js-add-field"
data-hs-add-field-options='{
"template": "#addEducationFieldTemplate",
"container": "#addEducationFieldContainer",
"defaultCreated": 0
}'>
<!-- Form -->
<div class="mb-4">
<label for="educationLabel" class="form-label">Education</label>
<!-- Select -->
<select id="educationLabel" class="form-select" name="educationSelect">
<option value="education1">Middle school education</option>
<option value="education2">High school diploma</option>
<option value="education3">Associate's degree</option>
<option value="education4">Bachelor's degree</option>
<option value="education5">Master's degree</option>
<option value="education6">Doctoral degree</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="fieldOfStudyNameLabel" class="form-label">Field of study</label>
<input type="text" class="form-control" name="fieldOfStudyName" id="fieldOfStudyNameLabel" placeholder="Accounting" aria-label="Accounting">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="schoolNameLabel" class="form-label">School</label>
<input type="text" class="form-control" name="schoolName" id="schoolNameLabel" placeholder="University of Oxford" aria-label="University of Oxford">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="educationCountryLabel" class="form-label">Country</label>
<!-- Select -->
<select id="educationCountryLabel" class="form-select" name="educationCountrySelect">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia (Plurinational State of)</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GB">England</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FM">Federated States of Micronesia</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="VA">Holy See</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran (Islamic Republic of)</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MK">North Macedonia</option>
<option value="GB">Northern Ireland</option>
<option value="MP">Northern Markna Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="CG">Republic of the Congo</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="GB">Scotland</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="PS">State of Palestine</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands (British)</option>
<option value="VI">Virgin Islands (U.S.)</option>
<option value="GB">Wales</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="schoolTimePeriodCheckbox" class="form-label">Time period</label>
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="schoolTimePeriodCheckbox">
<label class="form-check-label" for="schoolTimePeriodCheckbox">Currently entitled</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="schoolFromMonthLabel" class="form-label">From</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select id="schoolFromMonthLabel" class="form-select" name="schoolFromMonthSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" name="schoolFromYearSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">To</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" name="schoolMonthToSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" name="schoolToSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Container For Input Field -->
<div id="addEducationFieldContainer"></div>
<a href="javascript:;" class="js-create-field form-link">
<i class="bi-plus-circle me-1"></i> Add education
</a>
</div>
<!-- Add Education Input Field -->
<div id="addEducationFieldTemplate" style="display: none;">
<hr>
<!-- Form -->
<div class="mb-4">
<label class="form-label">Education</label>
<!-- Select -->
<select class="form-select" data-name="additionalEducationSelect">
<option value="education1">Middle school education</option>
<option value="education2">High school diploma</option>
<option value="education3">Associate's degree</option>
<option value="education4">Bachelor's degree</option>
<option value="education5">Master's degree</option>
<option value="education6">Doctoral degree</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addFieldOfStudyNameLabel" class="form-label">Field of study</label>
<input type="text" class="form-control" data-name="addFieldOfStudyName" id="addFieldOfStudyNameLabel" placeholder="Accounting" aria-label="Accounting">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addSchoolNameLabel" class="form-label">School</label>
<input type="text" class="form-control" data-name="addSchoolName" id="addSchoolNameLabel" placeholder="University of Oxford" aria-label="University of Oxford">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Country</label>
<!-- Select -->
<select class="form-select" data-name="additionalEducationCountrySelect">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia (Plurinational State of)</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GB">England</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FM">Federated States of Micronesia</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="VA">Holy See</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran (Islamic Republic of)</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MK">North Macedonia</option>
<option value="GB">Northern Ireland</option>
<option value="MP">Northern Markna Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="CG">Republic of the Congo</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="GB">Scotland</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="PS">State of Palestine</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands (British)</option>
<option value="VI">Virgin Islands (U.S.)</option>
<option value="GB">Wales</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addSchoolTimePeriodCheckbox" class="form-label">Time period</label>
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="addSchoolTimePeriodCheckbox">
<label class="form-check-label" for="addSchoolTimePeriodCheckbox">Currently entitled</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">From</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalSchoolFromMonthSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalSchoolFromYearSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">To</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalSchoolFromMonthSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalSchoolToSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
</div>
<!-- End Add Education Input Field -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="card-footer pt-0">
<div class="d-flex align-items-center">
<button type="button" class="btn btn-ghost-secondary"
data-hs-step-form-prev-options='{
"targetSelector": "#uploadResumeStepBasics"
}'>
<i class="bi-chevron-left small ms-1"></i> Previous step
</button>
<div class="ms-auto">
<button type="button" class="btn btn-primary"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepWork"
}'>
Save and continue <i class="bi-chevron-right small ms-1"></i>
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
<div id="uploadResumeStepWork" class="card" style="display: none;">
<!-- Header -->
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
<div class="flex-grow-1">
<span class="d-lg-none">Step 3 of 5</span>
<h3 class="card-header-title">Work experience</h3>
<p class="card-text">Tell job seekers the pay and receive up to two times more applications</p>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<div class="js-add-field"
data-hs-add-field-options='{
"template": "#addWorkFieldTemplate",
"container": "#addWorkFieldContainer",
"defaultCreated": 0
}'>
<!-- Form -->
<div class="mb-4">
<label for="jobTitleLabel" class="form-label">Job title</label>
<input type="text" class="form-control" name="jobTitleName" id="jobTitleLabel" placeholder="UI/UX Designer" aria-label="UI/UX Designer">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="companyLabel" class="form-label">Company</label>
<input type="text" class="form-control" name="companyName" id="companyLabel" placeholder="Htmlstream" aria-label="Htmlstream">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="workCountryLabel" class="form-label">Country</label>
<!-- Select -->
<select id="workCountryLabel" class="form-select" data-name="additionalWorkCountrySelect">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia (Plurinational State of)</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GB">England</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FM">Federated States of Micronesia</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="VA">Holy See</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran (Islamic Republic of)</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MK">North Macedonia</option>
<option value="GB">Northern Ireland</option>
<option value="MP">Northern Markna Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="CG">Republic of the Congo</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="GB">Scotland</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="PS">State of Palestine</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands (British)</option>
<option value="VI">Virgin Islands (U.S.)</option>
<option value="GB">Wales</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="workTimePeriodCheckbox" class="form-label">Time period</label>
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="workTimePeriodCheckbox">
<label class="form-check-label" for="workTimePeriodCheckbox">I currently work here</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">From</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalWorkFromMonthSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalWorkFromYearSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">To</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalWorkMonthToSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalWorkToSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Description</label>
<!-- Quill -->
<div class="quill-custom">
<div class="js-quill" style="height: 15rem;"
data-hs-quill-options='{
"placeholder": "Describe your position and any significant accomplishments...",
"modules": {
"toolbar": [
["bold", "italic", "underline", "strike", "link", "image", "blockquote", "code", {"list": "bullet"}]
]
}
}'>
</div>
</div>
<!-- End Quill -->
</div>
<!-- End Form -->
<!-- Container For Input Field -->
<div id="addWorkFieldContainer"></div>
<a href="javascript:;" class="js-create-field form-link">
<i class="bi-plus-circle me-1"></i> Add work
</a>
</div>
<!-- Add Work Input Field -->
<div id="addWorkFieldTemplate" style="display: none;">
<hr>
<!-- Form -->
<div class="mb-4">
<label for="addJobTitleLabel" class="form-label">Job title</label>
<input type="text" class="form-control" data-name="addJobTitleName" id="addJobTitleLabel" placeholder="UI/UX Designer" aria-label="UI/UX Designer">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addCompanyLabel" class="form-label">Company</label>
<input type="text" class="form-control" data-name="addCompanyName" id="addCompanyLabel" placeholder="Htmlstream" aria-label="Htmlstream">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Country</label>
<!-- Select -->
<select class="form-select" data-name="additionalWorkCountrySelect">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia (Plurinational State of)</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="CV">Cabo Verde</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="CI">Côte d'Ivoire</option>
<option value="CD">Democratic Republic of the Congo</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GB">England</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands</option>
<option value="FO">Faroe Islands</option>
<option value="FM">Federated States of Micronesia</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="VA">Holy See</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran (Islamic Republic of)</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Laos</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macau</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="MD">Moldova</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="KP">North Korea</option>
<option value="MK">North Macedonia</option>
<option value="GB">Northern Ireland</option>
<option value="MP">Northern Markna Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="CG">Republic of the Congo</option>
<option value="RO">Romania</option>
<option value="RU">Russia</option>
<option value="RW">Rwanda</option>
<option value="RE">Réunion</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="GB">Scotland</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="KR">South Korea</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="PS">State of Palestine</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="US">United States of America</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela (Bolivarian Republic of)</option>
<option value="VN">Vietnam</option>
<option value="VG">Virgin Islands (British)</option>
<option value="VI">Virgin Islands (U.S.)</option>
<option value="GB">Wales</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addWorkTimePeriodCheckbox" class="form-label">Time period</label>
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="addWorkTimePeriodCheckbox">
<label class="form-check-label" for="addWorkTimePeriodCheckbox">I currently work here</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">From</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalWorkFromMonthSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalWorkFromYearSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">To</label>
<div class="row gx-2">
<div class="col-sm-8 mb-2 mb-sm-0">
<!-- Select -->
<select class="form-select" data-name="additionalWorkMonthToSelect">
<option value="month1">January</option>
<option value="month2">February</option>
<option value="month3">March</option>
<option value="month4">April</option>
<option value="month5">May</option>
<option value="month6">June</option>
<option value="month7">July</option>
<option value="month8">August</option>
<option value="month9">September</option>
<option value="month10">October</option>
<option value="month11">November</option>
<option value="month12">December</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-4">
<!-- Select -->
<select class="form-select" data-name="additionalWorkToSelect">
<option value="yearBuiltSelect2017">2017</option>
<option value="yearBuiltSelect2016">2016</option>
<option value="yearBuiltSelect2015">2015</option>
<option value="yearBuiltSelect2014">2014</option>
<option value="yearBuiltSelect2013">2013</option>
<option value="yearBuiltSelect2012">2012</option>
<option value="yearBuiltSelect2011">2011</option>
<option value="yearBuiltSelect2010">2010</option>
<option value="yearBuiltSelect2009">2009</option>
<option value="yearBuiltSelect2008">2008</option>
<option value="yearBuiltSelect2007">2007</option>
<option value="yearBuiltSelect2006">2006</option>
<option value="yearBuiltSelect2005">2005</option>
<option value="yearBuiltSelect2004">2004</option>
<option value="yearBuiltSelect2003">2003</option>
<option value="yearBuiltSelect2002">2002</option>
<option value="yearBuiltSelect2001">2001</option>
<option value="yearBuiltSelect2000">2000</option>
<option value="yearBuiltSelect1999">1999</option>
<option value="yearBuiltSelect1998">1998</option>
<option value="yearBuiltSelect1997">1997</option>
<option value="yearBuiltSelect1996">1996</option>
<option value="yearBuiltSelect1995">1995</option>
<option value="yearBuiltSelect1994">1994</option>
<option value="yearBuiltSelect1993">1993</option>
<option value="yearBuiltSelect1992">1992</option>
<option value="yearBuiltSelect1991">1991</option>
<option value="yearBuiltSelect1990">1990</option>
<option value="yearBuiltSelect1989">1989</option>
<option value="yearBuiltSelect1988">1988</option>
<option value="yearBuiltSelect1987">1987</option>
<option value="yearBuiltSelect1986">1986</option>
<option value="yearBuiltSelect1985">1985</option>
<option value="yearBuiltSelectOlder">Older</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Description</label>
<!-- Quill -->
<div class="quill-custom">
<div class="js-quill-dynamic" style="min-height: 15rem;"
data-hs-quill-options='{
"placeholder": "Describe your position and any significant accomplishments...",
"modules": {
"toolbar": [
["bold", "italic", "underline", "strike", "link", "image", "blockquote", "code", {"list": "bullet"}]
]
}
}'>
</div>
</div>
<!-- End Quill -->
</div>
<!-- End Form -->
</div>
<!-- End Add Work Input Field -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="card-footer pt-0">
<div class="d-flex align-items-center">
<button type="button" class="btn btn-ghost-secondary"
data-hs-step-form-prev-options='{
"targetSelector": "#uploadResumeStepEducation"
}'>
<i class="bi-chevron-left small ms-1"></i> Previous step
</button>
<div class="ms-auto">
<button type="button" class="btn btn-primary"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepJobSkills"
}'>
Save and continue <i class="bi-chevron-right small ms-1"></i>
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
<div id="uploadResumeStepJobSkills" class="card" style="display: none;">
<!-- Header -->
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
<div class="flex-grow-1">
<span class="d-lg-none">Step 4 of 5</span>
<h3 class="card-header-title">Skills</h3>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Form -->
<div class="mb-4">
<label class="form-label">Do you have any of these top skills employers are looking for?</label>
<div class="row gx-2">
<div class="col-sm-6 mb-2 mb-sm-0">
<div class="d-grid gap-2">
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox1">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox1">
<span class="form-check-label">Front-End Developer</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox2">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox2">
<span class="form-check-label">Git</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox3">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox3">
<span class="form-check-label">Ajax</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox4">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox4">
<span class="form-check-label">GitHub</span>
</span>
</label>
<!-- End Radio Check -->
</div>
</div>
<!-- End Col -->
<div class="col-sm-6">
<div class="d-grid gap-2">
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox5">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox5">
<span class="form-check-label">JavaScript</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox6">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox6">
<span class="form-check-label">Angular</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox7">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox7">
<span class="form-check-label">MySQL</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="skillsCheckbox8">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="skillsCheckboxName" id="skillsCheckbox8">
<span class="form-check-label">APIs</span>
</span>
</label>
<!-- End Radio Check -->
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="addSkillLabel" class="form-label">Add a new skill</label>
<input type="text" class="form-control" name="addSkill" id="addSkillLabel" placeholder="Figma" aria-label="Figma">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="yearsOfExperienceLabel" class="form-label">Years of experience</label>
<!-- Select -->
<select id="yearsOfExperienceLabel" class="form-select" name="yearsOfExperienceSelect">
<option value="less than 1 year">Less than 1 year</option>
<option value="1 year">1 year</option>
<option value="2 years">2 years</option>
<option value="3 years">3 years</option>
<option value="4 years">4 years</option>
<option value="5 years">5 years</option>
<option value="6 years">6 years</option>
<option value="7 years">7 years</option>
<option value="8 years">8 years</option>
<option value="9 years">9 years</option>
<option value="10+ years">10+ years</option>
</select>
<!-- End Select -->
</div>
<!-- End Form -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="card-footer pt-0">
<div class="d-flex align-items-center">
<button type="button" class="btn btn-ghost-secondary"
data-hs-step-form-prev-options='{
"targetSelector": "#uploadResumeStepWork"
}'>
<i class="bi-chevron-left small ms-1"></i> Previous step
</button>
<div class="ms-auto">
<button type="button" class="btn btn-primary"
data-hs-step-form-next-options='{
"targetSelector": "#uploadResumeStepTypeOfJob"
}'>
Save and continue <i class="bi-chevron-right small ms-1"></i>
</button>
</div>
</div>
</div>
<!-- End Footer -->
</div>
<div id="uploadResumeStepTypeOfJob" class="card" style="display: none;">
<!-- Header -->
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
<div class="flex-grow-1">
<span class="d-lg-none">Step 5 of 5</span>
<h3 class="card-header-title">What kind of job are you looking for?</h3>
<p class="card-text">This information will help us find the job that's right for you.</p>
</div>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body">
<!-- Form -->
<div class="mb-4">
<label for="desiredJobTitleLabel" class="form-label">Desired job title</label>
<input type="text" class="form-control" name="desiredJobTitle" id="desiredJobTitleLabel" placeholder="UI Designer/Developer" aria-label="UI Designer/Developer">
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Desired job types</label>
<div class="row gx-2">
<div class="col-sm-6 mb-2 mb-sm-0">
<div class="d-grid gap-2">
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox1">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox1">
<span class="form-check-label">Full time</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox2">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox2">
<span class="form-check-label">Contract</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox3">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox3">
<span class="form-check-label">Internship</span>
</span>
</label>
<!-- End Radio Check -->
</div>
</div>
<!-- End Col -->
<div class="col-sm-6">
<div class="d-grid gap-2">
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox4">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox4">
<span class="form-check-label">Part time</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox5">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox5">
<span class="form-check-label">Temporary</span>
</span>
</label>
<!-- End Radio Check -->
<!-- Radio Check -->
<label class="form-control" for="desiredJobTypesCheckbox6">
<span class="form-check">
<input type="checkbox" class="form-check-input" name="desiredJobTypesCheckboxName" id="desiredJobTypesCheckbox6">
<span class="form-check-label">Commission</span>
</span>
</label>
<!-- End Radio Check -->
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Desired work schedule</label>
<div class="row gx-2">
<div class="col-sm-6 mb-2 mb-sm-0">
<label class="form-label">Schedule</label>
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox1">
<label class="form-check-label" for="desiredWorkScheduleCheckbox1">Overtime</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox2">
<label class="form-check-label" for="desiredWorkScheduleCheckbox2">On Call</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox3">
<label class="form-check-label" for="desiredWorkScheduleCheckbox3">Overnight Shift</label>
</div>
<!-- End Radio Check -->
</div>
<!-- End Col -->
<div class="col-sm-6 mb-2 mb-sm-0">
<label class="form-label">Days</label>
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox4">
<label class="form-check-label" for="desiredWorkScheduleCheckbox4">Monday to Friday</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox5">
<label class="form-check-label" for="desiredWorkScheduleCheckbox5">Weekends</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox6">
<label class="form-check-label" for="desiredWorkScheduleCheckbox6">Holidays</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox7">
<label class="form-check-label" for="desiredWorkScheduleCheckbox7">No Weekends</label>
</div>
<!-- End Radio Check -->
</div>
<!-- End Col -->
<div class="col-sm-6">
<label class="form-label">Shifts</label>
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox8">
<label class="form-check-label" for="desiredWorkScheduleCheckbox8">Day Shift</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox9">
<label class="form-check-label" for="desiredWorkScheduleCheckbox9">8 Hour Shift</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox10">
<label class="form-check-label" for="desiredWorkScheduleCheckbox10">Night Shift</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox11">
<label class="form-check-label" for="desiredWorkScheduleCheckbox11">12 Hour Shift</label>
</div>
<!-- End Radio Check -->
<!-- Radio Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" name="desiredWorkScheduleCheckboxName" id="desiredWorkScheduleCheckbox12">
<label class="form-check-label" for="desiredWorkScheduleCheckbox12">10 Hour Shift</label>
</div>
<!-- End Radio Check -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label class="form-label">Desired salary</label>
<div class="row gx-2">
<div class="col-12 col-lg-4 mb-2">
<!-- Select -->
<select class="form-select">
<option value="currency1" selected>USD (United States Dollar)</option>
<option value="currency2">GBP (United Kingdom Pound)</option>
<option value="currency3">Euro (Euro Member Countries)</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
<div class="col-sm-8 col-lg-5 mb-2">
<input type="text" class="form-control" name="desiredPay" id="desiredPayLabel" placeholder="0" aria-label="0">
</div>
<!-- End Col -->
<div class="col-sm-4 col-lg-3">
<!-- Select -->
<select class="form-select" name="jobSalaryPeriodSelect">
<option value="jobSalaryPeriod1">per hour</option>
<option value="jobSalaryPeriod2">per day</option>
<option value="jobSalaryPeriod3">per week</option>
<option value="jobSalaryPeriod4">per month</option>
<option value="jobSalaryPeriod5" selected>per year</option>
</select>
<!-- End Select -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="mb-4">
<label for="relocationCheckbox" class="form-label">Relocation</label>
<!-- Check -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="relocationCheckbox">
<label class="form-check-label" for="relocationCheckbox">I am willing to relocate</label>
</div>
<!-- End Check -->
</div>
<!-- End Form -->
<!-- Form -->
<div class="js-add-field mb-4"
data-hs-add-field-options='{
"template": "#addLinksFieldTemplate",
"container": "#addLinksFieldContainer",
"defaultCreated": 0
}'>
<label for="linksLabel" class="form-label">Links</label>
<p class="small mt-n2">Address of your blog, personal homepage, Facebook or Twitter profile.</p>
<input type="text" class="form-control" name="links" id="linksLabel" placeholder="https://www.site.com" aria-label="https://www.site.com">
<!-- Container For Input Field -->
<div id="addLinksFieldContainer"></div>
<a href="javascript:;" class="js-create-field form-link">
<i class="bi-plus-circle me-1"></i> Add link
</a>
<!-- Add Links Input Field -->
<div id="addLinksFieldTemplate" style="display: none;">
<div class="mt-2">
<input type="text" class="form-control" data-name="links" placeholder="https://www.site.com" aria-label="https://www.site.com">
</div>
</div>
<!-- End Add Links Input Field -->
</div>
<!-- End Form -->
</div>
<!-- End Body -->
<!-- Footer -->
<div class="card-footer pt-0">
<div class="d-flex align-items-center">
<button type="button" class="btn btn-ghost-secondary"
data-hs-step-form-prev-options='{
"targetSelector": "#uploadResumeStepJobSkills"
}'>
<i class="bi-chevron-left small ms-1"></i> Previous step
</button>
<div class="ms-auto">
<div class="d-flex gap-2">
<button type="button" class="btn btn-white">Save in drafts</button>
<button id="uploadResumeFinishBtn" type="button" class="btn btn-primary">Save</button>
</div>
</div>
</div>
</div>
<!-- End Footer -->
</div>
</div>
<!-- Message Body -->
<div id="successMessageContent" style="display: none;">
<div class="text-center">
<img class="img-fluid mb-3" src="../assets/svg/illustrations/medal.svg" alt="Image Description" style="max-width: 15rem;">
<div class="mb-4">
<h2>Successful!</h2>
<p>Your resume job has been successfully created.</p>
</div>
<div class="d-flex justify-content-center">
<a class="btn btn-primary" href="../demo-jobs/employee.html">
Go to profile <i class="bi-chevron-right small ms-1"></i>
</a>
</div>
</div>
</div>
<!-- End Message Body -->
<!-- Sticky Block End Point -->
<div id="stickyBlockEndPoint"></div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</form>
<!-- End Step Form -->
</div>
<!-- End Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== FOOTER ========== -->
<footer class="bg-dark">
<div class="container pb-1 pb-lg-5">
<div class="row content-space-t-2">
<div class="col-lg-3 mb-7 mb-lg-0">
<!-- Logo -->
<div class="mb-5">
<a class="navbar-brand" href="../index.html" aria-label="Space">
<img class="navbar-brand-logo" src="../assets/svg/logos/logo-white.svg" alt="Image Description">
</a>
</div>
<!-- End Logo -->
<!-- List -->
<ul class="list-unstyled list-py-1">
<li><a class="link-sm link-light" href="#"><i class="bi-geo-alt-fill me-1"></i> 153 Williamson Plaza, Maggieberg</a></li>
<li><a class="link-sm link-light" href="tel:1-062-109-9222"><i class="bi-telephone-inbound-fill me-1"></i> +1 (062) 109-9222</a></li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
<div class="col-sm mb-7 mb-sm-0">
<h5 class="text-white mb-3">Company</h5>
<!-- List -->
<ul class="list-unstyled list-py-1 mb-0">
<li><a class="link-sm link-light" href="#">About</a></li>
<li><a class="link-sm link-light" href="#">Careers <span class="badge bg-warning text-dark rounded-pill ms-1">We're hiring</span></a></li>
<li><a class="link-sm link-light" href="#">Blog</a></li>
<li><a class="link-sm link-light" href="#">Customers <i class="bi-box-arrow-up-right small ms-1"></i></a></li>
<li><a class="link-sm link-light" href="#">Hire us</a></li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
<div class="col-sm mb-7 mb-sm-0">
<h5 class="text-white mb-3">Features</h5>
<!-- List -->
<ul class="list-unstyled list-py-1 mb-0">
<li><a class="link-sm link-light" href="#">Press <i class="bi-box-arrow-up-right small ms-1"></i></a></li>
<li><a class="link-sm link-light" href="#">Release Notes</a></li>
<li><a class="link-sm link-light" href="#">Integrations</a></li>
<li><a class="link-sm link-light" href="#">Pricing</a></li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
<div class="col-sm">
<h5 class="text-white mb-3">Documentation</h5>
<!-- List -->
<ul class="list-unstyled list-py-1 mb-0">
<li><a class="link-sm link-light" href="#">Support</a></li>
<li><a class="link-sm link-light" href="#">Docs</a></li>
<li><a class="link-sm link-light" href="#">Status</a></li>
<li><a class="link-sm link-light" href="#">API Reference</a></li>
<li><a class="link-sm link-light" href="#">Tech Requirements</a></li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
<div class="col-sm">
<h5 class="text-white mb-3">Resources</h5>
<!-- List -->
<ul class="list-unstyled list-py-1 mb-5">
<li><a class="link-sm link-light" href="#"><i class="bi-question-circle-fill me-1"></i> Help</a></li>
<li><a class="link-sm link-light" href="#"><i class="bi-person-circle me-1"></i> Your Account</a></li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="border-top border-white-10 my-7"></div>
<div class="row mb-7">
<div class="col-sm mb-3 mb-sm-0">
<!-- Socials -->
<ul class="list-inline list-separator list-separator-light mb-0">
<li class="list-inline-item">
<a class="link-sm link-light" href="#">Privacy &amp; Policy</a>
</li>
<li class="list-inline-item">
<a class="link-sm link-light" href="#">Terms</a>
</li>
<li class="list-inline-item">
<a class="link-sm link-light" href="#">Site Map</a>
</li>
</ul>
<!-- End Socials -->
</div>
<div class="col-sm-auto">
<!-- Socials -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-soft-light btn-xs btn-icon" href="#">
<i class="bi-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-soft-light btn-xs btn-icon" href="#">
<i class="bi-google"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-soft-light btn-xs btn-icon" href="#">
<i class="bi-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-soft-light btn-xs btn-icon" href="#">
<i class="bi-github"></i>
</a>
</li>
<li class="list-inline-item">
<!-- Button Group -->
<div class="btn-group">
<button type="button" class="btn btn-soft-light btn-xs dropdown-toggle" id="footerSelectLanguage" data-bs-toggle="dropdown" aria-expanded="false" data-bs-dropdown-animation>
<span class="d-flex align-items-center">
<img class="avatar avatar-xss avatar-circle me-2" src="../assets/vendor/flag-icon-css/flags/1x1/us.svg" alt="Image description" width="16"/>
<span>English (US)</span>
</span>
</button>
<div class="dropdown-menu" aria-labelledby="footerSelectLanguage">
<a class="dropdown-item d-flex align-items-center active" href="#">
<img class="avatar avatar-xss avatar-circle me-2" src="../assets/vendor/flag-icon-css/flags/1x1/us.svg" alt="Image description" width="16"/>
<span>English (US)</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<img class="avatar avatar-xss avatar-circle me-2" src="../assets/vendor/flag-icon-css/flags/1x1/de.svg" alt="Image description" width="16"/>
<span>Deutsch</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<img class="avatar avatar-xss avatar-circle me-2" src="../assets/vendor/flag-icon-css/flags/1x1/es.svg" alt="Image description" width="16"/>
<span>Español</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="#">
<img class="avatar avatar-xss avatar-circle me-2" src="../assets/vendor/flag-icon-css/flags/1x1/cn.svg" alt="Image description" width="16"/>
<span>中文 (繁體)</span>
</a>
</div>
</div>
<!-- End Button Group -->
</li>
</ul>
<!-- End Socials -->
</div>
</div>
<!-- Copyright -->
<div class="w-md-85 text-lg-center mx-lg-auto">
<p class="text-white-50 small">&copy; Front. 2021 Htmlstream. All rights reserved.</p>
<p class="text-white-50 small">When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.</p>
</div>
<!-- End Copyright -->
</div>
</footer>
<!-- ========== END FOOTER ========== -->
<!-- ========== SECONDARY CONTENTS ========== -->
<!-- Go To -->
<a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
data-hs-go-to-options='{
"offsetTop": 700,
"position": {
"init": {
"right": "2rem"
},
"show": {
"bottom": "2rem"
},
"hide": {
"bottom": "-2rem"
}
}
}'>
<i class="bi-chevron-up"></i>
</a>
<!-- ========== END SECONDARY CONTENTS ========== -->
<!-- JS Implementing Plugins -->
<script src="../assets/js/vendor.min.js"></script>
<!-- JS Front -->
<script src="../assets/js/theme.min.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF MEGA MENU
// =======================================================
new HSMegaMenu('.js-mega-menu', {
desktop: {
position: 'left'
}
})
// INITIALIZATION OF SHOW ANIMATIONS
// =======================================================
new HSShowAnimation('.js-animation-link')
// INITIALIZATION OF BOOTSTRAP DROPDOWN
// =======================================================
HSBsDropdown.init()
// INITIALIZATION OF GO TO
// =======================================================
new HSGoTo('.js-go-to')
// INITIALIZATION OF STICKY BLOCKS
// =======================================================
new HSStickyBlock('.js-sticky-block', {
targetSelector: document.getElementById('header').classList.contains('navbar-fixed') ? '#header' : null
})
// INITIALIZATION OF STEP FORM
// =======================================================
new HSStepForm('.js-step-form', {
finish: () => {
document.getElementById("uploadResumeStepFormProgress").style.display = 'none'
document.getElementById("uploadResumeStepFormContent").style.display = 'none'
document.getElementById("successMessageContent").style.display = 'block'
scrollToTop('#header');
const formContainer = document.getElementById('formContainer')
formContainer.classList.remove('col-lg-8')
formContainer.classList.add('col-lg-12')
},
onNextStep: function () {
scrollToTop()
},
onPrevStep: function () {
scrollToTop()
}
})
function scrollToTop(el = '.js-step-form') {
el = document.querySelector(el)
window.scrollTo({
top: (el.getBoundingClientRect().top + window.scrollY) - 30,
left: 0,
behavior: 'smooth'
})
}
// INITIALIZATION OF ADD FIELD
// =======================================================
new HSAddField('.js-add-field', {
addedField: field => {
HSCore.components.HSQuill.init(field.querySelector('.js-quill-dynamic'))
}
})
// INITIALIZATION OF QUILLJS EDITOR
// =======================================================
HSCore.components.HSQuill.init('.js-quill')
// INITIALIZATION OF INPUT MASK
// =======================================================
HSCore.components.HSMask.init('.js-input-mask')
})()
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink