USAJOBS - The Federal Government's official employment site Source Code

Search and apply for federal jobs. Learn about unique hiring paths for veterans, students and graduates, individuals with a disability, and more.

The code below is the source code of the tested site named USAJOBS - The Federal Government's official employment site.

<!DOCTYPE html>
<html lang="en" class="flexbox">
<head>
    <title>USAJOBS - The Federal Government&#x27;s official employment site</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    
    <meta name="description" content="Search and apply for federal jobs. Learn about unique hiring paths for veterans, students and graduates, individuals with a disability, and more." />

    <link rel="stylesheet" href="/css/root.css?v=XqK-5ewh35iuj0z5anFtGgMC_WLVTqgPU9TJByOq78c" />
    
    <link rel="preload" fetchpriority="high" as="image" href="/img/landing/hero/hero-flag.webp" type="image/webp">
    <link rel="preload" fetchpriority="high" as="image" href="/img/landing/hero/infra-jobs.webp" type="image/webp">
    <link rel="preload" fetchpriority="high" as="image" href="/img/landing/hero/intel-jobs.webp" type="image/webp">

    
</head>
<body class="">
    <a id="skip-to-main" href="#main_content" class="z-50 absolute transition-all ease-in-out -top-14 focus:top-0 left-0 bg-white outline outline-4 py-2 px-4 visited:text-primary">Skip to main content</a>
        <header aria-label="header" class="w-full bg-white  border-b-2 border-gray-lighter">
    <section class="bg-gray-lightest w-full" aria-label="Official government website">
        <div class="main flex flex-col">
            <div class="text-xs font-normal m-0 flex justify-between flex-col-reverse md:flex-row">
                <div>
                    <img class="object-contain inline w-4 mr-2" src="/img/icons/us_flag_small.png" alt="U.S. flag">
                    <span class="align-middle">
                        <button type="button" class="button-unstyled visited:no-underline focus:no-underline focus:text-black focus:bg-transparent hover:bg-transparent hover:text-black hover:no-underline my-1 no-underline bg-expand_more aria-expanded:bg-expand_less bg-no-repeat bg-right-0 pr-4 text-black focus:outline-offset-0" data-toggle="toggle" data-target="gov-banner">
                            An official website of the United States government
                        </button>
                    </span>
                </div>
            </div>
            <div class="flex mt-8 mb-8 flex-col md:flex-row hidden trans" id="gov-banner">
                <div class="flex-1 flex flex-row ">
                    <img class="mr-4 h-10" src="/img/icons/icon-dot-gov.svg" role="img" alt="" aria-hidden="true">
                    <div>
                        <div class="font-bold">Official websites use .gov</div>
                        <div>A <strong>.gov</strong> website belongs to an official government organization in the United States.</div>
                    </div>
                </div>
                <div class="flex-1 flex flex-row mt-8 md:mt-0">
                    <img class="mr-4 h-10" src="/img/icons/icon-https.svg" role="img" alt="" aria-hidden="true">
                    <div>
                        <div class="font-bold">Secure .gov websites use HTTPS</div>
                        A <strong>lock</strong> ( <svg class="inline max-h-4 w-4 m-0 p-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 64" role="img" aria-labelledby="banner-lock-title banner-lock-description" focusable="false"><title id="banner-lock-title">Lock</title><desc id="banner-lock-description">A locked padlock</desc><path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /></svg> ) or <strong>https://</strong> means you've safely connected to the .gov website. Share sensitive information only on official, secure websites.
                    </div>
                </div>
            </div>
        </div>
    </section>
        <nav class="relative" aria-label="primary navigation" data-object="nav">
            <div class="main flex flex-row justify-between pr-0 md:pr-5">
                <a class="flex items-center justify-center justify-start no-underline mt-2 md:mt-0" href="https://www.usajobs.gov/" title="USAJOBS Home">
                    <img src="/img/icons/red-2x.svg" alt="USAJOBS Logo" class="w-40 h-9 m-0 mr-2 p-0 inline-block" />
                </a>
                <button id="site-menu-button" data-toggle data-target="site-nav-menu,site-nav-overlay" aria-controls="site-nav-menu" aria-haspopup="menu"
                    class="button-primary rounded-none self-end m-0 font-normal text-sm md:hidden">MENU</button>
                <div id="site-nav-overlay" data-toggle="dismiss" aria-controls="site-nav-menu" data-target="site-nav-menu,site-nav-overlay" aria-hidden="true" class="hidden fixed top-0 bottom-0 left-0 right-0 w-full h-full bg-black opacity-70 z-30"></div>
                <div id="site-nav-menu" class="hidden w-60 border border-gray-light fixed top-0 bottom-0 right-0 bg-white z-40 md:z-auto animate-[slidein-left_.3s_ease-in-out] md:flex md:w-fit md:border-none md:relative md:animate-none md:mb-1">
                    <button class="float-right p-1 w-auto bg-transparent hover:bg-transparent focus:bg-transparent dismiss-button md:hidden" data-toggle="dismiss" data-target="site-nav-menu,site-nav-overlay"
                        aria-controls="site-nav-menu" aria-label="Close this menu" aria-expanded="true"><img class="w-8 h-8 fill-gray-50 hover:fill-gray-darkest" src="/img/icons/sprite.svg#closebg" alt="" /></button>
                    <ul class="clear-right md:flex md:justify-center md:justify-end">
                        <li class="mx-4 border-y border-gray-lighter md:border-none">
                            <a id="top-nav-account" href="/applicant/profile/dashboard/" aria-label="Profile dashboard"
                               class="group flex no-underline gap-1 items-center border-transparent text-gray hover:bg-gray-lightest border-l-4 md:hover:bg-transparent md:border-b-4 md:border-l-0 hover:border-primary hover:text-primary visited:text-gray py-3 pl-4 md:pl-0">                        
                                <span id="top-nav-login-icon" class="h-5 w-5">
                                    <svg class="fill-gray h-5 w-5 group-hover:fill-primary" role="presentation"><use xlink:href="/img/icons/sprite.svg#login" /></svg>
                                </span>
                                <span id="top-nav-account-icon" class="h-5 w-5">
                                    <svg class="fill-gray h-5 w-5 group-hover:fill-primary" role="presentation"><use xlink:href="/img/icons/sprite.svg#account_circle" /></svg>
                                </span>
                                <span class="hidden md:inline" id="top-nav-firstname"></span>
                                <span class="inline md:hidden" id="top-nav-accountname"></span>
                            </a>
                        </li>
                        <li class="mx-4 border-y border-gray-lighter md:border-none">
                            <a id="top-nav-events" href="https://www.usajobs.gov/Notification/Events"
                               class="group flex no-underline gap-1 items-center border-transparent text-gray hover:bg-gray-lightest border-l-4 md:hover:bg-transparent md:border-b-4 md:border-l-0 hover:border-primary hover:text-primary visited:text-gray py-3 pl-4 md:pl-0">
                                <svg class="fill-gray h-5 w-5 inline group-hover:fill-primary" role="presentation"><use xlink:href="/img/icons/sprite.svg#event" /></svg>
                                <span>Events</span>
                            </a>
                        </li>
                        <li class="mx-4 border-y border-gray-lighter md:border-none">
                            <a id="top-nav-help" href="https://help.usajobs.gov/how-to"
                               class="group flex no-underline gap-1 items-center border-transparent text-gray hover:bg-gray-lightest border-l-4 md:hover:bg-transparent md:border-b-4 md:border-l-0 hover:border-primary hover:text-primary visited:text-gray py-3 pl-4 md:pl-0">
                                <svg class="fill-gray h-5 w-5 inline group-hover:fill-primary" role="presentation"><use xlink:href="/img/icons/sprite.svg#help" /></svg>
                                <span>Help Center</span>
                            </a>
                        </li>
                        <li data-toggle="dismiss" data-target="site-nav-menu,site-nav-overlay" aria-controls="site-nav-menu" class="mx-4 border-y border-gray-lighter md:border-none md:mr-0">
                            <a data-toggle="toggle" data-target="usajobs-search-form" href="#" aria-controls="usajobs-search-form" aria-expanded="true"
                               class="group flex no-underline gap-1 items-center border-transparent text-gray hover:bg-gray-lightest border-l-4 md:hover:bg-transparent md:border-b-4 md:border-l-0 hover:border-primary hover:text-primary visited:text-gray py-3 pl-4 md:pl-0">
                                <svg class="fill-gray h-5 w-5 inline group-hover:fill-primary" role="presentation"><use xlink:href="/img/icons/sprite.svg#search" /></svg>
                                <span>Search</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
</header>
<section id="usajobs-search-form" class="bg-primary-darkest w-full pt-7 pb-5 " data-expanded="true">
<form action="/search/results/" class="main" method="get">        <fieldset>
            <legend class="text-lg text-white mt-6 mb-2">Find your federal government job</legend>
            <div class="xl:px-0 mb-1 grid grid-cols-1 md:grid-cols-6 md:gap-x-7 gap-y-7 content-start">
                <div class="md:col-span-3">
                    <label for="nav-keyword" id="nav-keyword-label" class="text-white">
                        <svg class="fill-accent-cool inline m-0 p-0 w-5 h-5 block mb-1 sm:m-0 sm:inline" role="presentation"><use xlink:href="/img/icons/sprite.svg#search" /></svg>
                        Keywords
                    </label>
                    <input id="nav-keyword" name="k" aria-labelledby="nav-keyword-label" type="text" class="mt-1"
                           placeholder="Job title, dept., agency, series or occupation" data-autocomplete="keyword" autocomplete="off" />

                </div>
                <div class="md:col-span-2">
                    <label for="nav-location" id="nav-location-label" class="text-white">
                        <svg class="fill-accent-cool inline m-0 p-0 w-5 h-5 block mb-1 sm:m-0 sm:inline" role="presentation"><use xlink:href="/img/icons/sprite.svg#location_on" /></svg>
                        Location or Remote
                    </label>
                    <input id="nav-location" name="l" aria-labelledby="nav-location-label" type="text" data-autocomplete="location"
                           class="mt-1 ui-autocomplete-input" placeholder="City, state, zip, country or type remote" autocomplete="off">
                </div>
                <div class="place-self-start flex flex-wrap gap-1 md:mt-7">
                    <div class="flex-1">
                        <button class="button button-accent m-0 md:ml-2">
                            Search
                        </button>
                    </div>
                    <div class="flex-1 self-center pl-2">
                        <a class="text-white whitespace-nowrap visited:text-white no-underline hover:underline hover:text-white" href="https://help.usajobs.gov/how-to/search" target="_blank">Search tips</a>
                    </div>
                </div>
            </div>
        </fieldset>
</form></section>

<div id="main_content">
    <section class="w-full text-white bg-primary-darkest m-0 py-4 text-center bg-cover bg-[url('/img/landing/hero/hero-flag.webp')] md:text-left">
    <div class="main">
            <div class="text-center">
                <svg class="fill-accent-warm-light h-8 w-8 inline mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#explore" /></svg> Find your perfect job with the <a class="text-white hover:text-white visited:text-white" href="/careerexplorer/">Career Explorer</a>
            </div>        
        <div class="w-fit mx-auto bg-primary-darkest/10 backdrop-blur-md md:mr-0 md:ml-20">
            <h1>Shape America's future</h1>  
            <div class="w-fit flex justify-center md:justify-start">
                <ul class="mt-4 w-fit grid gap-y-2 text-left">
                    <li class="flex items-center">
                        <svg class="fill-warning h-9 w-9 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#star" /></svg> Save your favorite jobs and searches
                    </li>
                    <li class="flex items-center">
                        <svg class="fill-accent-cool-light h-9 w-9 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#folder" /></svg> Upload your resumes and documents
                    </li>
                    <li class="flex items-center">
                        <svg class="fill-secondary-lighter h-9 w-9 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#account_balance" /></svg> Make your resume searchable
                    </li>
                    <li class="flex items-center">
                        <svg class="fill-success-light h-9 w-9 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#check" /></svg> Apply for jobs in the federal government
                    </li>
                </ul>
            </div>
            <div class="pt-4 pb-2">
                <a id="landing-profile-link" href="/applicant/profile/dashboard/" class="button button-secondary" data-ga-label="createprofile">
                    Create profile
                </a>
                <span id="landing-login-link">
                    or
                    <a href="/applicant/profile/dashboard/" class="text-white visited:text-white hover:text-white">
                        Sign in
                    </a>
                </span>
            </div>
        </div>
    </div>
</section>

<div class="bg-primary-lighter p-0 m-0">
    <div class="main mx-auto py-4">
        <section class="py-4">
    <div css="text-2xl text-primary-darker bg-white hover:bg-white focus:bg-white focus:text-primary-darker" class="flex flex-col space-y-2 mt-4">
            <article id="early-careers" data-expanded="false" class="group shadow-sm shadow-gray"><header><div class="grow"><h2 class="text-2xl font-bold text-gray text-base m-0 p-0"><button aria-controls="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_1" aria-expanded="false" class="group w-full text-left rounded-none py-4 pl-5 pr-10 m-0 bg-gray-lightest text-gray-darkest hover:bg-gray-lighter hover:text-gray-darkest focus-outline focus:bg-gray-lighter focus:text-gray-darkest bg-add aria-expanded:bg-remove bg-no-repeat bg-right-1 bg-[size:1.5rem] text-2xl text-primary-darker bg-white hover:bg-white focus:bg-white focus:text-primary-darker" data-scrolltop="true" data-target="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_1" data-toggle="toggle" data-toggle-group="932d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666" type="button"><div class="flex items-center fill-secondary-dark"><svg class="w-6 h-6 mr-4 flex-none fill-SecondaryDark" role="presentation"><use xlink:href="/img/icons/sprite.svg#work" /></svg>Just starting out in your career? Start here.</div></button></h2></div></header><div class="hidden px-4 py-2 bg-white" id="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_1">
                <p>As the largest employer in the U.S., the federal government has a variety of career fields to suit your skills and interests. Visit <a href="https://help.usajobs.gov/early-careers">Early careers</a> for guides, programs and opportunities to help you launch a rewarding career in the federal government.</p>
            </div></article>
        <article id="explore-careers" data-expanded="false" class="group shadow-sm shadow-gray"><header><div class="grow"><h2 class="text-2xl font-bold text-gray text-base m-0 p-0"><button aria-controls="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_2" aria-expanded="false" class="group w-full text-left rounded-none py-4 pl-5 pr-10 m-0 bg-gray-lightest text-gray-darkest hover:bg-gray-lighter hover:text-gray-darkest focus-outline focus:bg-gray-lighter focus:text-gray-darkest bg-add aria-expanded:bg-remove bg-no-repeat bg-right-1 bg-[size:1.5rem] text-2xl text-primary-darker bg-white hover:bg-white focus:bg-white focus:text-primary-darker" data-scrolltop="true" data-target="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_2" data-toggle="toggle" data-toggle-group="932d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666" type="button"><div class="flex items-center fill-secondary-dark"><svg class="w-6 h-6 mr-4 flex-none fill-SecondaryDark" role="presentation"><use xlink:href="/img/icons/sprite.svg#lightbulb_outline" /></svg>Explore career fields that are hiring now.</div></button></h2></div></header><div class="hidden px-4 py-2 bg-white" id="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_2">
            <p class="px-4 pt-4">
    The government is looking to fill positions that are in high demand. Find your opportunity to shape America's future.
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 p-4">
    <div>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#calculator" /></svg> Mathematics</h3>
        <ul>
            <li><a href="https://actuary.usajobs.gov/">Actuary</a></li>
            <li><a href="https://computerscience.usajobs.gov/">Computer science</a></li>
            <li><a href="https://mathematics.usajobs.gov/">Mathematics</a></li>
            <li><a href="https://mathematicalstatistics.usajobs.gov/">Mathematical statistics</a></li>
            <li><a href="https://statistics.usajobs.gov/">Statistics</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-6 w-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#gears" /></svg> Engineering</h3>
        <ul>
            <li><a href="https://civil.usajobs.gov/">Civil</a></li>
            <li><a href="https://general.usajobs.gov/">General</a></li>
            <li><a href="https://mechanical.usajobs.gov/">Mechanical</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-6 w-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#groups" /></svg> Human resources</h3>
        <ul>
            <li><a href="https://hrmanagement.usajobs.gov/">Human resources management</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#industry" /></svg> Business, industry and programs</h3>
        <ul>
            <li><a href="https://acquisitions.usajobs.gov/">Acquisitions and contracting</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#money_bill_1" /></svg> Finance</h3>
        <ul>
            <li><a href="https://auditing.usajobs.gov/">Auditing</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#users_between_lines" /></svg> Other</h3>
        <ul>
            <li><a href="https://natsec.usajobs.gov/">National Security</a></li>
            <li><a href="https://stem.usajobs.gov/">STEM</a></li>
        </ul>
    </div>
    <div>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#chart_line" /></svg> Social Science</h3>
        <ul>
            <li><a href="https://economist.usajobs.gov/">Economist</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-6 w-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#medical_services" /></svg> Medical, dental and public health</h3>
        <ul>
            <li><a href="https://nurse.usajobs.gov/">Nurse</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-6 w-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#science" /></svg> Science</h3>
        <ul>
            <li><a href="https://chemistry.usajobs.gov/">Chemistry</a></li>
            <li><a href="https://naturalresources.usajobs.gov/">Fishery biologist</a></li>
            <li><a href="https://chemistry.usajobs.gov/">General natural resources management and biological sciences</a></li>
            <li><a href="https://physicalscience.usajobs.gov/">General physical science</a></li>
            <li><a href="https://healthphysics.usajobs.gov/">Health physics</a></li>
            <li><a href="https://physics.usajobs.gov/">Physics</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#desktop" /></svg> Technology</h3>
        <ul>
            <li><a href="https://ai.usajobs.gov/">AI portal</a></li>
            <li><a href="https://tech.usajobs.gov/">Federal tech portal</a></li>
            <li><a href="https://itmanagement.usajobs.gov/">Information technology management</a></li>
        </ul>
        <h3 class="flex items-center"><svg class="h-5 w-5 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#chess_rook" /></svg> Cyber</h3>
        <ul>
            <li><a href="https://crossfunctional.usajobs.gov/">Cross-functional positions</a></li>
            <li><a href="https://cybersecurity.usajobs.gov/">Cybersecurity</a></li>
            <li><a href="https://cybereffects.usajobs.gov/">Cyber effects</a></li>
            <li><a href="https://informationtechnology.usajobs.gov/">Information technology</a></li>
            <li><a href="https://intel.usajobs.gov/">Intel</a></li>
            <li><a href="https://othercyber.usajobs.gov/">Other cyber opportunities</a></li>
        </ul>
    </div>
</div>

        </div></article>
        <article id="hiring-process" data-expanded="false" class="group shadow-sm shadow-gray"><header><div class="grow"><h2 class="text-2xl font-bold text-gray text-base m-0 p-0"><button aria-controls="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_3" aria-expanded="false" class="group w-full text-left rounded-none py-4 pl-5 pr-10 m-0 bg-gray-lightest text-gray-darkest hover:bg-gray-lighter hover:text-gray-darkest focus-outline focus:bg-gray-lighter focus:text-gray-darkest bg-add aria-expanded:bg-remove bg-no-repeat bg-right-1 bg-[size:1.5rem] text-2xl text-primary-darker bg-white hover:bg-white focus:bg-white focus:text-primary-darker" data-scrolltop="true" data-target="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_3" data-toggle="toggle" data-toggle-group="932d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666" type="button"><div class="flex items-center fill-secondary-dark"><svg class="w-6 h-6 mr-4 flex-none fill-SecondaryDark" role="presentation"><use xlink:href="/img/icons/sprite.svg#list_check" /></svg>Learn more about the federal hiring process.</div></button></h2></div></header><div class="hidden px-4 py-2 bg-white" id="z32d73638d9cb432c76d52ebb027b004dde5e5964507f9cde2d08aa7ee23eba99666_3">
            <p>Below is an overview of the federal hiring process. This process is in place to make sure all applicants receive fair and equal opportunity.</p>
<h3 class="text-primary-darker">USAJOBS</h3>
<ol class="process-list pt-0">
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-1" aria-expanded="true" aria-controls="hiring-process-1">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#edit" /></svg> Create a USAJOBS profile
            </button>
        </h4>
        <div id="hiring-process-1" data-expanded="true">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-left-top">
            </div>
            <p>First, create and complete your profile to apply for any job on USAJOBS.</p>
            <p>With a USAJOBS profile, you can save jobs, automate job searches, and manage everything you need to complete your application, including resumes and required documents.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-2" aria-expanded="false" aria-controls="hiring-process-2">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#search" /></svg> Search for jobs
            </button>
        </h4>
        <div id="hiring-process-2" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-top">
            </div>
            <p>Once you create your profile, you can search for jobs.</p>
            <p>It's best to sign into your profile before searching. Why? We can use your information to improve your job search results.</p>
            <p>You can also use filters such as location, salary, work schedule or agency to narrow your results.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-3" aria-expanded="false" aria-controls="hiring-process-3">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#announcement" /></svg> Review the job announcement
            </button>
        </h4>
        <div id="hiring-process-3" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-left">
            </div>
            <p>If you find a job you're interested in, read the entire announcement to determine if you're eligible and meet the qualifications. It's important to read the announcement because there are required qualifications you must meet and include in your application.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-4" aria-expanded="false" aria-controls="hiring-process-4">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#folder_open" /></svg> Prepare your application in USAJOBS
            </button>
        </h4>
        <div id="hiring-process-4" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-center">
            </div>
            <p>Read the <strong>How to Apply</strong> section of the job announcement before starting your application. Click <strong>Apply</strong>, and we'll walk you through a five-step process where you'll attach a resume and any required documents.</p>
            <p>During the application process, you can review, edit and delete your information. We'll automatically save your progress as you go so that you won't lose any changes.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-5" aria-expanded="false" aria-controls="hiring-process-5">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#check" /></svg> Submit application to the agency
            </button>
        </h4>
        <div id="hiring-process-5" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-right-bottom">
            </div>
            <p>When your application is ready, you'll be directed from USAJOBS to the hiring agency's system to submit your application. Before you submit, you may need to complete other agency-required steps such as a questionnaire or uploading additional documents.</p>
            <p>The time it takes to submit depends on the job you are applying for and the hiring agency's requirements.</p>
            <p>You can check your application using the <strong>Track This Application</strong> link in your USAJOBS profile or contact the hiring agency listed on the job announcement.</p>
        </div>
    </li>
</ol>
<hr />
<h3 class="text-primary-darker flex items-center"><svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#send" /></svg> Transition to agency</h3>
<ol class="process-list pt-0">
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-6" aria-expanded="false" aria-controls="hiring-process-6">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#account_balance" /></svg> Agency reviews application
            </button>
        </h4>
        <div id="hiring-process-6" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-right-top">
            </div>
            <p>The hiring agency begins reviewing applications when the job announcement closes. The hiring agency will review your application to make sure you're eligible and meet the qualifications for the position.</p>
            <p>The hiring agency will place applicants into quality categories. Those placed in the highest category are sent to the hiring official.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-7" aria-expanded="false" aria-controls="hiring-process-7">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#groups" /></svg> Interview
            </button>
        </h4>
        <div id="hiring-process-7" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-right">
            </div>
            <p>The hiring official will review the highest qualified applications and select applicants to interview based on agency policy. The hiring agency will contact applicants directly to schedule interviews.</p>
            <p>You may be interviewed by a panel, in-person, video or phone interview, and there may be more than one interview round. For example, an applicant may have a phone interview and then an in-person interview.</p>
            <p>Scheduling an interview may take some time, depending on the number of applicants to interview.</p>
        </div>
    </li>
    <li class="process-list-item">
        <h4>
            <button class="button-unstyled flex items-center aria-expanded:text-black no-underline font-bold mb-2" data-toggle data-toggle-group="hiring-process" data-target="hiring-process-8" aria-expanded="false" aria-controls="hiring-process-8">
                <svg class="w-6 h-6 mr-2" role="presentation"><use xlink:href="/img/icons/sprite.svg#group_add" /></svg> Agency selects candidates
            </button>
        </h4>
        <div id="hiring-process-8" class="hidden">
            <div class="w-[167px] h-[136px] bg-[url(../img/landing/federal-application-process/spritesheet.png)] bg-left-bottom">
            </div>
            <p>After all interviews are completed, the agency will select a candidate(s) and contact them to start the job offer process.</p>
            <p>For those not selected, the hiring agency will update the job's status to <strong>Hiring Complete</strong>.</p>
        </div>
    </li>
</ol>

        </div></article>
    </div>
</section>

    </div>
    <div class="bg-white">
        <section id="hiring-paths" class="main text-center py-8 my-0 mx-auto">
    <h2 class="text-primary-darker">What jobs can you apply for?</h2>
    <p class="my-4">Hiring paths help you understand what jobs you are eligible to apply for and why. You may fall under multiple hiring paths.</p>
    <div class="grid grid-cols-1 gap-6 md:grid-cols-4 w-full my-4">
        <div>
            <a href="https://help.usajobs.gov/working-in-government/unique-hiring-paths/public" class="button button-shadow w-full h-full flex flex-nowrap space-x-2 items-center text-left">
                <span class="flex-none"><svg class="w-10 h-10" role="presentation"><use xlink:href="/img/icons/hiringpaths.svg#public" /></svg></span>
                <span>Open to public</span>
            </a>
        </div>
        <div>
            <a href="https://help.usajobs.gov/working-in-government/unique-hiring-paths/students" class="button button-shadow w-full h-full flex flex-nowrap space-x-2 items-center text-left">
                <span class="flex-none"><svg class="w-10 h-10" role="presentation"><use xlink:href="/img/icons/hiringpaths.svg#graduates" /></svg></span>
                <span>Students</span>
            </a>
        </div>
        <div>
            <a href="https://help.usajobs.gov/working-in-government/unique-hiring-paths/federal-employees" class="button button-shadow w-full h-full flex flex-nowrap space-x-2 items-center text-left">
                <span class="flex-none"><svg class="w-10 h-10" role="presentation"><use xlink:href="/img/icons/hiringpaths.svg#fed-competitive" /></svg></span>
                <span>Federal employees</span>
            </a>
        </div>
        <div>
            <a href="https://help.usajobs.gov/working-in-government/unique-hiring-paths/veterans" class="button button-shadow w-full h-full flex flex-nowrap space-x-2 items-center text-left">
                <span class="flex-none"><svg class="w-10 h-10" role="presentation"><use xlink:href="/img/icons/hiringpaths.svg#vet" /></svg></span>
                <span>Veterans</span>
            </a>
        </div>
        <div class="md:col-span-4">
            <a href="https://help.usajobs.gov/working-in-government/unique-hiring-paths" class="button button-outline w-full md:w-fit">Learn about all hiring paths</a>
        </div>
    </div>
</section>

    </div>
    <section id="career-paths" class="main mx-auto text-center py-0">
    <h2 class="text-primary-darker">Explore unique careers with the government</h2>
    <div class="grid grid-cols-1 sm:grid-cols-2 w-full my-4">
        <div class="flex flex-col mb-8 mt-2 mx-2 max-w-none border-2 rounded bg-white  border-gray-lighter"><header class="p-6 pb-2"><h3 class="text-left text-xl font-serif p-0 m-0">Infrastructure jobs</h3></header><div class="order-first"><img src="/img/landing/hero/infra-jobs.webp" loading="lazy" role="presentation" alt=""/></div><div class="flex-auto md:flex-1 px-6 py-2">
            <div class="py-4 text-left">
                Help build a better America. Apply to various positions to help implement the Bipartisan Infrastructure Law.
            </div>          
        </div><div class="px-4 pb-4 text-left"><a href="https://bil.usajobs.gov/Search/Results?mco=10&p=1" target="_blank" class="button button-primary" aria-label="Apply now  Infrastructure jobs">Apply now</a></div></div>
        <div class="flex flex-col mb-8 mt-2 mx-2 max-w-none border-2 rounded bg-white  border-gray-lighter"><header class="p-6 pb-2"><h3 class="text-left text-xl font-serif p-0 m-0">Intelligence careers</h3></header><div class="order-first"><img src="/img/landing/hero/intel-jobs.webp" loading="lazy" role="presentation" alt=""/></div><div class="flex-auto md:flex-1 px-6 py-2">
            <div class="py-4 text-left">
                Help keep our nation's leaders informed, protect our country from outside threats and develop the technology necessary to solve the national security issues of tomorrow.
            </div>          
        </div><div class="px-4 pb-4 text-left"><a href="https://www.intelligencecareers.gov" target="_blank" class="button button-primary" aria-label="Learn more about  Intelligence careers">Learn more</a></div></div>   
    </div>
    <div class="md:col-span-4 py-4">        
        <a href="/explorecareerpaths/" class="button button-outline w-full md:w-fit">
            View more career fields
        </a>
    </div>
</section>

    <div class="bg-white">
        <article class="">
    <div class="py-4 main grid grid-cols-1 md:grid-cols-2">
        <div class="md:border-b-0 border-b-2 md:border-r-2 border-gray-lighter">
            <header class="flex items-center px-8 py-4">
                <h2 class="sr-only"><span class="sr-only">Events</span></h2>
                <img src="/img/landing/landing-events.webp" loading="lazy" class="max-h-64" alt="Events" />
            </header>
                <article class="px-2 py-4 md:ml-4">
                    <header>
                        <svg class="fill-error-dark h-10 w-10 flex-none inline" role="presentation"><use xlink:href="/img/icons/sprite.svg#event" /></svg>
                        <h3 class="font-sans-lg inline text-2xl">
                            Jan 23, 2025<br />
                            <a href="/Notification/Events#EP003958" class="font-bold mb-0 mt-0 no-underline">Region 4 US Environmental Protection Agency Virtual Career Fair</a>
                        </h3>
                    </header>
                    <div class="py-4">
                        <div class="font-bold">Online</div>
                            <div class="pt-2">Hosted by <a href="https://www.epa.gov/" class="no-underline">Environmental Protection Agency</a></div>
                        <div class="pt-2">
                            <a id="moreinfo1" href="/Notification/Events#EP003958" aria-label="More information about this event - Region 4 US Environmental Protection Agency Virtual Career Fair">More information</a>
                        </div>
                    </div>
                </article>
        </div>
        <div>
                <article class="border-b-2 border-gray-lighter px-2 py-4 md:ml-4">
                    <header>
                        <svg class="fill-error-dark h-10 w-10 flex-none inline" role="presentation"><use xlink:href="/img/icons/sprite.svg#event" /></svg>
                        <h3 class="font-sans-lg inline text-2xl">
                            Mar 06, 2025<br />
                            <a href="/Notification/Events#TR3930" class="font-bold mb-0 mt-0 no-underline">Unlocking Federal Careers: Exploring Student Opportunities!</a>
                        </h3>
                    </header>
                    <div class="py-4">
                        <div class="font-bold">Online</div>
                            <div class="pt-2">Hosted by <a href="https://home.treasury.gov/about/careers-at-treasury/career-information-sessions" class="no-underline">Department of the Treasury</a></div>
                        <div class="pt-2">
                            <a id="moreinfo1" href="/Notification/Events#TR3930" aria-label="More information about this event - Unlocking Federal Careers: Exploring Student Opportunities!">More information</a>
                        </div>
                    </div>
                </article>
                <article class="px-2 py-4 md:ml-4 border-b-2 border-gray-lighter">
                    <header>
                        <svg class="fill-error-dark h-10 w-10 flex-none inline" role="presentation"><use xlink:href="/img/icons/sprite.svg#event" /></svg>
                        <h3 class="font-sans-lg inline text-2xl">
                            Mar 13, 2025<br />
                            <a href="/Notification/Events#DN3964" class="font-bold mb-0 mt-0 no-underline">DOE Careers in Engineering and Physical Science Information Session</a>
                        </h3>
                    </header>
                    <div class="py-4">
                        <div class="font-bold">Online</div>
                            <div class="pt-2">Hosted by <a href="" class="no-underline">Department of Energy</a></div>
                        <div class="pt-2">
                            <a id="moreinfo1" href="/Notification/Events#DN3964" aria-label="More information about this event - DOE Careers in Engineering and Physical Science Information Session">More information</a>
                        </div>
                    </div>
                </article>
                <div class="px-2 py-4">
                    <a href="/notification/events/" class="button button-outline w-full md:w-fit">View more events</a>
                </div>
        </div>
    </div>
</article>

    </div>
</div>

<section class="w-full bg-primary-dark py-14">
    <div class="main grid grid-cols-1 md:grid-cols-2 text-gray-lighter">
        <div class="flex flex-no-wrap items-center border-b-2 md:border-b-0 md:border-r-2 border-gray-lighter pr-4 pb-4 md:pb-0">
            <svg class="fill-gray-light h-28 w-28 mx-4 flex-none" role="presentation"><use xlink:href="/img/icons/sprite.svg#help_outline" /></svg>
            <div>
                <a href="https://help.usajobs.gov/how-to" class="text-white hover:text-white visited:text-white text-2xl">
                    Help Center
                </a>
                <div>Learn about how to complete tasks, FAQs, and working in the government.</div>
            </div>
        </div>
        <div class="flex flex-no-wrap items-center pr-4 pt-4 md:pt-0">
            <svg class="fill-gray-light h-28 w-28 mx-4 flex-none" role="presentation"><use xlink:href="/img/icons/sprite.svg#star_half" /></svg>
            <div>
                <a href="https://help.usajobs.gov/Get-Started" class="text-white hover:text-white visited:text-white text-2xl">
                    Get Started
                </a>
                <div>Learn how to find the right federal job and apply with USAJOBS.gov tools and resources.</div>
            </div>
        </div>
    </div>
</section>


</div>
<dialog id="sessionTimer-modal" aria-label="Your session is about to expire!" id="sessionTimer-modal" class="bg-white w-full font-sans leading-normal rounded-lg text-gray-darkest my-6 mx-auto text-left align-middle backdrop:bg-black backdrop:opacity-70 max-w-4xl"><div class="flex flex-col-reverse pt-8 pb-2 px-2 w-full"><button type="button" class="absolute p-1 w-auto top-0 right-0 bg-transparent hover:bg-transparent focus:bg-transparent dismiss-button" data-toggle="dismiss" data-target="sessionTimer-modal" aria-controls="sessionTimer-modal" aria-label="Close this window" aria-expanded="true" ><img class="w-8 h-8 fill-gray-50 hover:fill-gray-darkest" src="/img/icons/sprite.svg#closebg" alt="" /></button><div class="pt-5 w-full my-0 mx-auto px-8 pb-16"><header><h2 class="text-xl leading-snug mt-0 mb-5 mx-0">Your session is about to expire!</h2></header>
    <p>
        Your USAJOBS session will expire due to inactivity in <span id="warnTimeMinutes">8 minutes</span>.
        Any unsaved data will be lost if you allow the session to expire.
        Click the button below to continue your session.
    </p>
    <div class="mt-6">
        <button id="sessionTimer-logout" class="button-primary">Sign out</button>
        <button id="sessionTimer-keepalive" class="button-primary" data-toggle="dismiss" data-target="sessionTimer-modal">Stay signed in</button>
    </div>
</div></div></dialog>

    <footer>
    <div class="main py-4">
        <button id="footer-back-to-top" class="button-unstyled">Return to top</button>
    </div>
    <div class="bg-primary-darkest text-white">
        <div class="main py-4 flex justify-between flex-wrap space-y-4">
            <div>
                <img src="/img/logo/svg/opm-usajobs-logo.svg" aria-hidden="true" focusable="false" class="w-44" alt="USAJOBS footer logo" />
                <p class="mt-3.5 text-sm">USAJOBS is a <a href="https://www.opm.gov" class="text-white hover:text-white visited:text-white" target="_blank"><span class="sr-only">Opens in a new window</span>United States Office of Personnel Management</a> website.</p>
            </div>
            <div class="flex justify-start md:justify-end space-x-1.5">
                <a href="https://www.linkedin.com/company/usajobs" class="text-white hover:text-white visited:text-white" target="_blank" rel="noreferrer">
                    <span class="sr-only">(Opens in a new window) OPM on LinkedIn</span>
                    <svg class="inline h-8 w-8 fill-white" aria-hidden="true" focusable="false" role="img"><use xlink:href="/img/icons/sprite.svg#linkedin"></use></svg>
                </a>
                <a href="https://www.youtube.com/%40USOPM/featured" class="text-white hover:text-white visited:text-white" target="_blank" rel="noreferrer">
                    <span class="sr-only">(Opens in a new window) OPM YouTube channel</span>
                    <svg class="inline h-8 w-8 fill-white" aria-hidden="true" focusable="false" role="img"><use xlink:href="/img/icons/sprite.svg#youtube"></use></svg>
                </a>
            </div>
        </div>
        <div class="main pt-4 pb-8 lg:flex flex-none items-start items-center justify-between text-xs">
            <ul class="space-y-2.5 lg:flex lg:items-center lg:space-x-2.5 lg:space-y-0">
                <li><a href="https://help.usajobs.gov/About" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline">About USAJOBS</a></li>
                <li><a href="https://help.usajobs.gov/faq/policy/accessibility-policy" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline">Accessibility</a></li>
                <li><a href="https://www.opm.gov/information-management/freedom-of-information-act/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>FOIA</a></li>
                <li><a href="https://www.opm.gov/our-inspector-general/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>Inspector general</a></li>
                <li><a href="https://www.opm.gov/information-management/no-fear-act/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>No Fear Act Data</a></li>
                <li><a href="https://help.usajobs.gov/privacy" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>Privacy policy</a></li>
                <li><a href="https://www.opm.gov/about-us/reports-publications/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>Reports and publications</a></li>
                <li><a href="https://help.usajobs.gov/terms-and-conditions" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>Terms and conditions</a></li>
                <li><a href="http://www.usa.gov/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>USA.gov</a></li>
            </ul>
            <div class="pt-4 pb-2 lg:pt-0 lg:pb-0">
                <a href="https://vote.gov/" target="_blank" class="text-white hover:text-white visited:text-white no-underline hover:underline"><span class="sr-only">Opens in a new window</span>Vote.gov</a>
            </div>
        </div>        
    </div>
</footer>


    
    <script src="/js/main.js?v=CLvVRuk_7a7bIXxi0AlSKYZQ2ryurzISr6Yv85gSzzc"></script>    
            <script async src="/js/bundle-foresee-prod.js?v=Z1p7YjNgORd8ZOFnBYRrUkqfsRupFniDeXxm80usmFI"></script>
    
    <script src="/js/homemain.js?v=VydmJRUmtKzN9R2SSDWh7cJYYGxlVw1jOpcptUlcMBM"></script>

        <!-- Google Tag Manager -->
        <script nonce="FZmYfULs&#x2B;V1HrtXCfA6yEmB1chgBIlJiX&#x2B;tOiXWxRrI=">
            (function (w, d, s, l, i) {
                w[l] = w[l] || []; w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                }); var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-5746WC6');
        </script>
        <!-- End Google Tag Manager -->

</body>
</html>