USAJOBS - Not Found Source Code

The code below is the source code of the tested site named USAJOBS - Not Found.

<!DOCTYPE html>
<html lang="en" class="flexbox">
<head>
    <title>USAJOBS - Not Found</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">
    
    
    <link rel="stylesheet" href="/css/root.css?v=XgSKVVzRLWjmmS95OfW0uAM7Nr7IAHclDbbCYGC9twQ" />
    
    
</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="false"
                               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 hidden" data-expanded="false">
<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">
    <main class="main px-1" id="main-content" role="main">
    <div class="max-w-8xl px-4 sm:px-2 lg:px-4 mx-auto">
        <section class="mb-12">
        <h1>We can&#x27;t find the page you&#x27;re looking for</h1>
        <p class="mt-6">We're sorry, but we can't find the page you're looking for. <br>We can help you get back to where you want to go on USAJOBS.</p>
        <ul class="mt-6">
                <li class="font-bold">Sign into USAJOBS to <a class="font-normal" href="/applicant/profile/dashboard/">review or finish a job application</a>.</li>
                <li class="font-bold">Go to the <a class="font-normal" href="/careerexplorer/">Career Explorer</a>.</li>
            <li class="font-bold">Search <a class="font-normal" href="https://help.usajobs.gov/how-to">Help Center topics</a>.</li>
            <li class="font-bold">Begin a <a class="font-normal" href="/">new job search</a>.</li>
            <li class="font-bold">Explore <a class="font-normal" href="/explorecareerpaths">unique careers in the government</a>.</li>
            <li class="font-bold">Browse <a class="font-normal" href="/Notification/Events">events like career fairs and information sessions on the federal hiring process</a>.</li>
        </ul>
        </section>
        </div>
</main>

</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>
    
        <!-- Google Tag Manager -->
        <script nonce="fbwvTGaqqTH5Y5g6lZRU3sYgFq62s8bQEJeGGjYzQ3I=">
            (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>