<!doctype html>
<html class="no-js" lang="en-GB" dir="ltr">
<head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="8pfcLcL0mKtdAE3VpZBOTKdxpxZaWbH5IvN3GMbr">

    
    <link rel="preload" href="https://use.typekit.net/cmy5aen.css" as="style" onload="this.rel='stylesheet'">
    <link rel="preconnect" href="https://cdn-production.higherin.com/" >
    <link rel="preconnect" href="https://imagekit-production.higherin.com/prod-higherin/" >
    <link rel="preconnect" href="https://www.googletagmanager.com"  />
    

    
    <style>
    :root {
        --bg-splash-logo: url(https://imagekit-production.higherin.com/prod-higherin/logos/higherin_spash_logo_background.svg);
        --bg-logo: url(https://imagekit-production.higherin.com/prod-higherin/logos/higherin-logo.svg);
    }
</style>

        <link rel="preload" as="image" href="https://imagekit-production.higherin.com/prod-higherin/homepage/success_thumbnail.png" fetchpriority="high">

    <link rel="preload" as="style" href="https://cdn-production.higherin.com/build/assets/app-BI9MiOOR.css" /><link rel="preload" as="style" href="https://cdn-production.higherin.com/build/assets/app-B-ms_gp7.css" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/app-CS9bcVPt.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/vue.esm-bundler-BC4thSrj.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/index.esm-BG_5bXg6.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/axios-DzPtx6IR.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/axios-BpkWEcId.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/pinia-Bj3utvd-.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/event-bus-Cxc-jbMf.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/routes-DJhi7p_D.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/core-7XvraRuc.js" /><link rel="modulepreload" as="script" href="https://cdn-production.higherin.com/build/assets/shared-C0ofxERq.js" /><link rel="stylesheet" href="https://cdn-production.higherin.com/build/assets/app-BI9MiOOR.css" /><link rel="stylesheet" href="https://cdn-production.higherin.com/build/assets/app-B-ms_gp7.css" /><script type="module" src="https://cdn-production.higherin.com/build/assets/app-CS9bcVPt.js"></script>
    
        <title>Higherin: Student Jobs, Careers Advice & Job Reviews</title>
<meta name="description" content="Search and apply for placements, internships, apprenticeships and graduate jobs. Get career advice. Read company and job reviews.">
<meta property="og:title" content="Higherin: Student Jobs, Careers Advice & Job Reviews" />

<meta property="og:description" content="Search and apply for placements, internships, apprenticeships and graduate jobs. Get career advice. Read company and job reviews." />

<meta property="og:image" content="https://imagekit-production.higherin.com/prod-higherin/logos/higherin-logo.svg?tr=f-png,w-1200,h-630,cm-pad_resize,bg-FFFFFF" />

<meta property="og:site_name" content="Higherin" />

<meta property="og:locale" content="en-GB" />

<meta property="og:type" content="website" />

<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Higherin","url":"https://higherin.com"}</script>

    

    
    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
    <link rel="shortcut icon" href="/favicon/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
    <meta name="apple-mobile-web-app-title" content="Higherin" />
    <link rel="manifest" href="/favicon/manifest.json" />
    

    <script>
  window.__RMP_FLASH_MESSAGES__ = null</script>

    <!-- Google Tag Manager -->
  <script>
  (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-MG8CPWPQ' );
</script>
<!-- Google Tag Manager -->
</head>
<body style="background-color: white;">
    <!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MG8CPWPQ" height="0"
            width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

<div id="transition-message" data-banner="dismiss-top-employers" class="bg-purple">
    <div class="container mx-auto flex flex-row items-center justify-between px-4 py-4 min-h-[74px]">
        <a href="/top-employers" class="block text-[14px] md:text-[20px] group">
            <p class="italic uppercase font-extrabold text-white ">
                WHO’S BEEN CROWNED THIS YEAR’S TOP EMPLOYERS?
                <span class="underline text-lime group-hover:text-white/80 transition-colors duration-50 ease-in">
                    WINNERS THIS WAY &gt;&gt;
                </span>
            </p>
        </a>
        <div>
            <span id="transition-message-close-action" data-banner-dismiss class="ml-2 fas fa-times text-white px-2 py-2 text-[22px] cursor-pointer hover:text-white/80 transition-colors duration-100 ease-in"></span>
        </div>
    </div>
</div>



 


<header class="relative bg-transparent z-20 ">
    <nav class="container mx-auto px-4 h-[70px] flex flex-row items-center">
        <button type="button" class="mr-auto rounded-md  py-0 px-2 bg-black text-white ml-2 lg:hidden js-navigation-mobile-burger">
            <span class="sr-only">Open menu</span>
            <i class="fas fa-bars text-2xl"></i>
        </button>

        <a href="https://higherin.com" class="lg:ml-0 h-[70px]">
            <img
                src="https://imagekit-production.higherin.com/prod-higherin/logos/higherin-logo.svg"
                width="125"
                height="70"
                alt="Higherin"
                class="h-full"
            />
        </a>

        <ul class="hidden lg:flex flex-row gap-4  ml-16">
                <li class="group py-4">
    <a href="/search-jobs"
       class="font-extrabold italic uppercase text-xl  group-hover:bg-lime-reef rounded-lg block js-navigation-item py-2 px-4 transition-colors relative"
       style="transform: skew(-10deg)"
    >
        <span style="transform: skew(10deg)" class="block mt-[2px]">
            Jobs
        </span>
    </a>
            <div class="absolute top-[63px] left-0 w-full hidden group-hover:flex z-50 pointer-events-none">
            <div class="py-[30px] px-[28px] border-2 border-grey-very-light-grey bg-white rounded-2xl shadow-[0_0_16px_0_rgba(0,0,0,0.16)] mx-auto pointer-events-auto max-w-full">
                <div class="flex flex-row gap-[22px]">
                                            <div class="lg:w-[220px]">
    <a href="/search-jobs" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/25944c2fcd/menu_search_jobs_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="Search All Jobs">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Search all jobs <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Search and apply for internships, placements, graduate jobs, insights and apprenticeships</p>
    </a>
</div>
                                            <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                            <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">University Students</h2>
        <ul>
            <li>
    <a href="/search-jobs/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internships
    </a>
</li>
            <li>
    <a href="/search-jobs/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Jobs and Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/insights" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Insights &amp; Vacation Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/brand-ambassadors" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Brand Ambassadors
    </a>
</li>
        </ul>
</div>
                                            <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">School Leavers</h2>
        <ul>
            <li>
    <a href="/search-jobs/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/degree-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Degree Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/level-2-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 2 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/level-3-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 3 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/higher-level-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 4/5 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/school-leaver-programme" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        School Leaver Programmes
    </a>
</li>
        </ul>
</div>
                                            <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">Popular Searches</h2>
        <ul>
            <li>
    <a href="/search-jobs/placements/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placements in London
    </a>
</li>
            <li>
    <a href="/search-jobs/internships/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internships in London
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Jobs in London
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates/engineering-manufacturing" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Engineering Graduate Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/placements/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/internships/financial" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Internships
    </a>
</li>
            <li>
    <a href="/search-jobs/placements/marketing-parent" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Marketing Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeships in London
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/financial" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/technology" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Tech Apprenticeships
    </a>
</li>
        </ul>
</div>
                                    </div>
            </div>
        </div>
    </li>

            <li class="group py-4">
    <a href="/search-reviews"
       class="font-extrabold italic uppercase text-xl  group-hover:bg-lime-reef rounded-lg block js-navigation-item py-2 px-4 transition-colors relative"
       style="transform: skew(-10deg)"
    >
        <span style="transform: skew(10deg)" class="block mt-[2px]">
            Reviews
        </span>
    </a>
            <div class="absolute top-[63px] left-0 w-full hidden group-hover:flex z-50 pointer-events-none">
            <div class="py-[30px] px-[28px] border-2 border-grey-very-light-grey bg-white rounded-2xl shadow-[0_0_16px_0_rgba(0,0,0,0.16)] mx-auto pointer-events-auto max-w-full">
                <div class="flex flex-row gap-[22px]">
                                            <div class="lg:w-[220px]">
    <a href="/write-a-review" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/7abf92c5e4/menu_new_review_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Write A Review <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Share your experience of your apprenticeship, internship or placement to help future applicants make informed career decisions</p>
    </a>
</div>
                                            <div class="lg:w-[220px]">
    <a href="/search-reviews" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/5b8b7de31e/menu_all_reviews_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Read All Reviews <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">What’s it like to work at your dream company? Written by university students and school leavers, read our job reviews to find out</p>
    </a>
</div>
                                            <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                            <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Reviews by Scheme</h2>
        <ul>
            <li>
    <a href="/search-reviews/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placement Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/graduates" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Job Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/insights" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Insight &amp; Vacation Scheme Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/degree-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Degree Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/level-2-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 2 Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/level-3-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 3 Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/higher-level-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 4/5 Apprenticeship Reviews
    </a>
</li>
        </ul>
</div>
                                    </div>
            </div>
        </div>
    </li>

            <li class="group py-4">
    <a href="/search-companies"
       class="font-extrabold italic uppercase text-xl  group-hover:bg-lime-reef rounded-lg block js-navigation-item py-2 px-4 transition-colors relative"
       style="transform: skew(-10deg)"
    >
        <span style="transform: skew(10deg)" class="block mt-[2px]">
            Companies
        </span>
    </a>
            <div class="absolute top-[63px] left-0 w-full hidden group-hover:flex z-50 pointer-events-none">
            <div class="py-[30px] px-[28px] border-2 border-grey-very-light-grey bg-white rounded-2xl shadow-[0_0_16px_0_rgba(0,0,0,0.16)] mx-auto pointer-events-auto max-w-full">
                <div class="flex flex-row gap-[22px]">
                                            <div class="lg:w-[220px]">
    <a href="/search-companies" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/0bb6d76615/menu_search_companies_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">All Companies <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Search for companies to learn more about their culture, read job reviews written by students, and discover the latest job opportunities they have to offer</p>
    </a>
</div>
                                            <div class="lg:w-[220px]">
    <a href="/top-employers" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/899c29a825/menu_topemployers_pink_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Top Employers <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Each year, we rank the employers leading the way in apprenticeship, undergraduate and graduate schemes - voted for entirely by your student job reviews</p>
    </a>
</div>
                                    </div>
            </div>
        </div>
    </li>

            <li class="group py-4">
    <a href="/careers-advice"
       class="font-extrabold italic uppercase text-xl  group-hover:bg-lime-reef rounded-lg block js-navigation-item py-2 px-4 transition-colors relative"
       style="transform: skew(-10deg)"
    >
        <span style="transform: skew(10deg)" class="block mt-[2px]">
            Advice
        </span>
    </a>
            <div class="absolute top-[63px] left-0 w-full hidden group-hover:flex z-50 pointer-events-none">
            <div class="py-[30px] px-[28px] border-2 border-grey-very-light-grey bg-white rounded-2xl shadow-[0_0_16px_0_rgba(0,0,0,0.16)] mx-auto pointer-events-auto max-w-full">
                <div class="flex flex-row gap-[22px]">
                                            <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Explore Industries</h2>
        <ul>
            <li>
    <a href="/career-guides/accounting" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Accounting Careers
    </a>
</li>
            <li>
    <a href="/career-guides/banking" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Banking Careers
    </a>
</li>
            <li>
    <a href="/career-guides/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Careers
    </a>
</li>
            <li>
    <a href="/career-guides/engineering" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Engineering Careers
    </a>
</li>
            <li>
    <a href="/career-guides/finance" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Careers
    </a>
</li>
            <li>
    <a href="/career-guides/it" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        IT &amp; Technology Careers
    </a>
</li>
            <li>
    <a href="/career-guides/legal-law" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Legal &amp; Law Careers
    </a>
</li>
            <li>
    <a href="/career-guides/marketing" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Marketing Careers
    </a>
</li>
            <li>
    <a href="/career-guides/public-sector" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Public Sector Careers
    </a>
</li>
            <li>
    <a href="/career-guides/retail-fmcg" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Retail &amp; FMCG Careers
    </a>
</li>
            <li>
    <a href="/career-guides/science-research" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Science &amp; Research Careers
    </a>
</li>
            <li>
    <a href="/career-guides" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        View all Industries »
    </a>
</li>
        </ul>
</div>
                                            <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Explore Schemes</h2>
        <ul>
            <li>
    <a href="/schemes/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Internship?
    </a>
</li>
            <li>
    <a href="/schemes/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Placement?
    </a>
</li>
            <li>
    <a href="/schemes/graduate-jobs" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Graduate Job?
    </a>
</li>
            <li>
    <a href="/schemes/graduate-schemes" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Graduate Scheme?
    </a>
</li>
            <li>
    <a href="/schemes/insights-spring-weeks" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Insight Scheme?
    </a>
</li>
            <li>
    <a href="/schemes/off-cycle-internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Off-Cycle Internship?
    </a>
</li>
            <li>
    <a href="/schemes/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/degree-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Degree Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/level-2-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 2 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/level-3-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 3 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/higher-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 4 or 5 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        View all Schemes »
    </a>
</li>
        </ul>
</div>
                                            <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                            <ul class="lg:w-[310px] lg:min-w-[310px] flex flex-col gap-6">
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/350x350/f5992149ce/careers-advice.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="careers advice">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">All Careers Advice <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Educate yourself on your future career decisions </p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/exploring-options">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/339x338/d92ad68ab0/exploring-options.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="exploring options">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Exploring Options <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Discover career paths that match your interests and strengths</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/application-tips">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/344x345/70d5d822f0/application-tips.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="application tips">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Application Tips <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Stand out with our CVs and application hacks</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/interview-tips">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/341x341/9be8ca2c4a/interview-tips.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="interview tips">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Interview Tips <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Turn nerves into confidence and impress employers</p>
    </div>
</a>
    </li>
    </ul>
                                            <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                            <ul class="lg:w-[310px] lg:min-w-[310px] flex flex-col gap-6">
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/student-life">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/2b5975eadb/student-life.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="student life">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Student Life <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Make the most of your university or school experience</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/working-life">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/acc517ad90/working-life.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="working life">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Working Life <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Navigate your first job with ease</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/hubs/universities">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/350x350/84d1861673/uni-hub.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="university hub">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">University Hub <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Resources for university careers advisors and their students</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/hubs/schools">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/f4d7b8d30a/school-hub.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="schools hub">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Schools Hub <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Supporting your students with post-16 options</p>
    </div>
</a>
    </li>
    </ul>
                                    </div>
            </div>
        </div>
    </li>

        </ul>




        <nav class="flex flex-row ml-auto py-4 group/account-menu" aria-label="Account Menu">
            <div class="js-noauth-buttons flex-row   hidden lg:flex ">
                <a href="https://employers.higherin.com"
                   class="btn-secondary btn-grey mr-4">
                   For Employers
                    <i class="fas fa-chevron-right ml-2"></i>
                </a>

                <a href="https://higherin.com/login"
                   class="btn-secondary btn-purple">
                    Sign In
                    <i class="fas fa-chevron-right ml-2"></i>
                </a>
            </div>

            <div class="js-authed-buttons   lg:hidden  ">
                <div class="relative  ">
                    <a href="https://higherin.com/dashboard"
                       class="js-account-menu-button font-extrabold italic uppercase text-xl  lg:bg-lime-reef lg:hover:bg-lime-reef/80 rounded-lg block lg:py-1 lg:px-4 transition-colors duration-300 ease-in-out"
                       style="transform: skew(-10deg)"
                       aria-label="User account account menu options"
                    >
                        <span style="transform: skew(10deg)" class="flex items-center ">
                            <span class="mr-2">
                                <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 32 32" fill="none" class="h-[32px] w-[32px] lg:w-[24px] lg-h-[24px]">
                                    <path d="M24.9375 24.0125C23.5562 21.6125 20.9625 20 18 20H14C11.0375 20 8.44375 21.6125 7.0625 24.0125C9.2625 26.4625 12.45 28 16 28C19.55 28 22.7375 26.4563 24.9375 24.0125ZM0 16C0 11.7565 1.68571 7.68687 4.68629 4.68629C7.68687 1.68571 11.7565 0 16 0C20.2435 0 24.3131 1.68571 27.3137 4.68629C30.3143 7.68687 32 11.7565 32 16C32 20.2435 30.3143 24.3131 27.3137 27.3137C24.3131 30.3143 20.2435 32 16 32C11.7565 32 7.68687 30.3143 4.68629 27.3137C1.68571 24.3131 0 20.2435 0 16ZM16 17C17.1935 17 18.3381 16.5259 19.182 15.682C20.0259 14.8381 20.5 13.6935 20.5 12.5C20.5 11.3065 20.0259 10.1619 19.182 9.31802C18.3381 8.47411 17.1935 8 16 8C14.8065 8 13.6619 8.47411 12.818 9.31802C11.9741 10.1619 11.5 11.3065 11.5 12.5C11.5 13.6935 11.9741 14.8381 12.818 15.682C13.6619 16.5259 14.8065 17 16 17Z" fill="black"/>
                                </svg>
                            </span>
                            <span class="js-account-name hidden lg:block mt-[2px] max-w-[120px] overflow-hidden text-ellipsis">
                                                            </span>

                        </span>
                    </a>

                    <div class="fixed inset-0 bg-black bg-opacity-25 z-10 hidden js-account-menu-overlay"></div>
<div class="fixed left-0 bottom-0 right-0 md:absolute lg:top-[42px] md:left-auto md:bottom-auto z-20 mt-2 js-account-menu hidden md:w-[490px] lg:group-hover/account-menu:flex ">
    <div class=" flex-auto overflow-y-scroll xs:overflow-hidden max-h-[100vh] bg-white  p-[28px] pt-[16px] md:pt-[28px] shadow-[0_0_16px_0_rgba(0,0,0,0.16)] border border-grey-very-light-grey rounded-t-2xl md:rounded-2xl">
        <div class="js-account-menu-close-button text-right lg:hidden">
            <i class="fas fa-times text-[32px]"></i>
        </div>
        

        <div class="js-account-menu-content-authed    hidden  ">
            <ul class="flex flex-col gap-6">
                                <li class="flex flex-col gap-6">
                    <a href="/dashboard/my-hub" class="group flex gap-x-6 group/account-menu-link cursor-pointer " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center  group-hover:bg-web-white-smoke/80 ">
                            <i class="fas fa-table-columns text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  group-hover/account-menu-link:text-black/70 ">
                            My Dashboard
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222] group-hover:text-[#222]/80  text-[15px]">See new jobs and content matching your interests</p>
                        </div>
                    </a>
                </li>
                                <li class="flex flex-col gap-6">
                    <a href="/dashboard/app-tracker" class="group flex gap-x-6 group/account-menu-link cursor-pointer " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center  group-hover:bg-web-white-smoke/80 ">
                            <i class="fas fa-clipboard-list-check text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  group-hover/account-menu-link:text-black/70 ">
                            Application tracker
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222] group-hover:text-[#222]/80  text-[15px]">Track your applications across multiple jobs</p>
                        </div>
                    </a>
                </li>
                                <li class="flex flex-col gap-6">
                    <a href="/dashboard/my-reviews" class="group flex gap-x-6 group/account-menu-link cursor-pointer " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center  group-hover:bg-web-white-smoke/80 ">
                            <i class="fas fa-star-half-stroke text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  group-hover/account-menu-link:text-black/70 ">
                            My Reviews
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222] group-hover:text-[#222]/80  text-[15px]">View your in progress or completed reviews</p>
                        </div>
                    </a>
                </li>
                                <li class="flex flex-col gap-6">
                    <a href="/dashboard/saved-items" class="group flex gap-x-6 group/account-menu-link cursor-pointer " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center  group-hover:bg-web-white-smoke/80 ">
                            <i class="fas fa-folder-check text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  group-hover/account-menu-link:text-black/70 ">
                            Saved Items
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222] group-hover:text-[#222]/80  text-[15px]">Managed your saved jobs and searches</p>
                        </div>
                    </a>
                </li>
                                <li class="flex flex-col gap-6">
                    <a href="/dashboard/account/personal-information" class="group flex gap-x-6 group/account-menu-link cursor-pointer " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center  group-hover:bg-web-white-smoke/80 ">
                            <i class="fas fa-user-gear text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  group-hover/account-menu-link:text-black/70 ">
                            Account
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222] group-hover:text-[#222]/80  text-[15px]">Update your profile to receive a better experience</p>
                        </div>
                    </a>
                </li>
                
                

            <hr class=" border-grey-very-light-grey">

            <li class="md:grid md:grid-cols-2 gap-4">
                <a href="/dashboard/my-hub" class="w-full hidden h-fit md:block btn-primary btn-purple ">
                    Visit Dashboard
                </a>
                <form method="POST" action="/logout" class="">
                    <input type="hidden" name="_token" value="8pfcLcL0mKtdAE3VpZBOTKdxpxZaWbH5IvN3GMbr" autocomplete="off">                    <button type="submit" class="w-full btn-primary btn-grey " data-posthog-reset>
                        Sign out
                    </button>
                </form>
            </li>
        </ul>
        </div>

        <ul class="js-account-menu-content-noauth   ">
            <li class="flex flex-col gap-6">
                                    <span class="group flex gap-x-6 opacity-25 " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center   ">
                            <i class="fas fa-table-columns text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  ">
                            My Dashboard
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222]   text-[15px]">See new jobs and content matching your interests</p>
                        </div>
                    </span>
                                    <span class="group flex gap-x-6 opacity-25 " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center   ">
                            <i class="fas fa-clipboard-list-check text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  ">
                            Application tracker
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222]   text-[15px]">Track your applications across multiple jobs</p>
                        </div>
                    </span>
                                    <span class="group flex gap-x-6 opacity-25 " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center   ">
                            <i class="fas fa-star-half-stroke text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  ">
                            My Reviews
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222]   text-[15px]">View your in progress or completed reviews</p>
                        </div>
                    </span>
                                    <span class="group flex gap-x-6 opacity-25 " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center   ">
                            <i class="fas fa-folder-check text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  ">
                            Saved Items
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222]   text-[15px]">Managed your saved jobs and searches</p>
                        </div>
                    </span>
                                    <span class="group flex gap-x-6 opacity-25  hidden sm:flex " >
                        <div class="rounded-lg bg-web-white-smoke h-[70px] min-w-[70px] flex items-center justify-center   ">
                            <i class="fas fa-user-gear text-[24px] group-hover/account-menu-link:scale-110 transition-transform"></i>
                        </div>
                        <div>
                        <span class="font-extrabold text-black uppercase italic  ">
                            Account
                            <i class="fas fa-chevron-right ml-2"></i>
                        </span>
                            <p class="mt-1 text-[#222]   text-[15px]">Update your profile to receive a better experience</p>
                        </div>
                    </span>
                                </li>
            <hr class="my-6 border-grey-very-light-grey">

            <li class="flex flex-col gap-4">
                <a href="/register" class="w-full btn-primary btn-purple">
                    Create an account
                    <i class="fas fa-angles-right ml-2"></i>
                </a>
                <a href="/login" class="w-full  btn-primary btn-grey ">
                    Sign in
                    <i class="fas fa-chevron-right ml-2"></i>
                </a>
            </li>
        </ul>
    </div>
</div>
                </div>
            </div>


        </nav>
    </div>
</header>

<div class="bg-white">
    <div class="lg:hidden hidden relative z-40 js-navigation-container transition-opacity ease-linear duration-300 opacity-0">

        <div class="fixed inset-0 bg-black bg-opacity-25 js-navigation-backdrop " aria-hidden="true"></div>

        <div class="fixed inset-0 z-40 flex js-navigation-menu transition ease-in-out duration-300 transform -translate-x-full">
            <!--
                Off-canvas menu, show/hide based on off-canvas menu state.

                Entering: "transition ease-in-out duration-300 transform"
                  From: "translate-x-full"
                  To: "translate-x-0"
                Leaving: "transition ease-in-out duration-300 transform"
                  From: "translate-x-0"
                  To: "-translate-x-full"
              -->
            <ul class="relative flex w-[276px] flex-col overflow-y-auto bg-white shadow-xl">
                <li class="flex">
                    <button type="button" class="inline-flex items-center justify-center rounded-md px-8 py-4 ml-auto hover:text-black/70 ">
                        <span class="sr-only">Close menu</span>
                        <i class="fas fa-xmark text-4xl"></i>
                    </button>
                </li>
                <!-- Links -->
                                                    <li>
    <div class="mb-2">
        <a href="/search-jobs" class="font-extrabold italic uppercase text-xl px-[28px] py-[12px] hover:bg-gray-100 rounded block js-navigation-item-mobile">
            Jobs
                            <i class="fa fa-angle-down"></i>
                    </a>
    </div>
            <div class="hidden">
            <div class="flex flex-col gap-[28px] px-[28px] ">
                                    <div class="lg:w-[220px]">
    <a href="/search-jobs" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/25944c2fcd/menu_search_jobs_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="Search All Jobs">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Search all jobs <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Search and apply for internships, placements, graduate jobs, insights and apprenticeships</p>
    </a>
</div>
                                    <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                    <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">University Students</h2>
        <ul>
            <li>
    <a href="/search-jobs/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internships
    </a>
</li>
            <li>
    <a href="/search-jobs/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Jobs and Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/insights" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Insights &amp; Vacation Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/brand-ambassadors" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Brand Ambassadors
    </a>
</li>
        </ul>
</div>
                                    <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">School Leavers</h2>
        <ul>
            <li>
    <a href="/search-jobs/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/degree-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Degree Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/level-2-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 2 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/level-3-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 3 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/higher-level-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 4/5 Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/school-leaver-programme" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        School Leaver Programmes
    </a>
</li>
        </ul>
</div>
                                    <div class="" style="max-width: 215px;">
        <h2 class="font-extrabold uppercase italic mb-2">Popular Searches</h2>
        <ul>
            <li>
    <a href="/search-jobs/placements/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placements in London
    </a>
</li>
            <li>
    <a href="/search-jobs/internships/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internships in London
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Jobs in London
    </a>
</li>
            <li>
    <a href="/search-jobs/graduates/engineering-manufacturing" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Engineering Graduate Schemes
    </a>
</li>
            <li>
    <a href="/search-jobs/placements/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/internships/financial" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Internships
    </a>
</li>
            <li>
    <a href="/search-jobs/placements/marketing-parent" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Marketing Placements
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/london" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeships in London
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/financial" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Apprenticeships
    </a>
</li>
            <li>
    <a href="/search-jobs/apprenticeships/technology" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Tech Apprenticeships
    </a>
</li>
        </ul>
</div>
                            </div>
        </div>
    </li>


                                    <li>
    <div class="mb-2">
        <a href="/search-reviews" class="font-extrabold italic uppercase text-xl px-[28px] py-[12px] hover:bg-gray-100 rounded block js-navigation-item-mobile">
            Reviews
                            <i class="fa fa-angle-down"></i>
                    </a>
    </div>
            <div class="hidden">
            <div class="flex flex-col gap-[28px] px-[28px] ">
                                    <div class="lg:w-[220px]">
    <a href="/write-a-review" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/7abf92c5e4/menu_new_review_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Write A Review <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Share your experience of your apprenticeship, internship or placement to help future applicants make informed career decisions</p>
    </a>
</div>
                                    <div class="lg:w-[220px]">
    <a href="/search-reviews" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/5b8b7de31e/menu_all_reviews_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Read All Reviews <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">What’s it like to work at your dream company? Written by university students and school leavers, read our job reviews to find out</p>
    </a>
</div>
                                    <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                    <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Reviews by Scheme</h2>
        <ul>
            <li>
    <a href="/search-reviews/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Internship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Placement Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/graduates" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Graduate Job Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/insights" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Insight &amp; Vacation Scheme Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/degree-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Degree Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/level-2-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 2 Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/level-3-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 3 Apprenticeship Reviews
    </a>
</li>
            <li>
    <a href="/search-reviews/higher-level-apprenticeship" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Level 4/5 Apprenticeship Reviews
    </a>
</li>
        </ul>
</div>
                            </div>
        </div>
    </li>


                                    <li>
    <div class="mb-2">
        <a href="/search-companies" class="font-extrabold italic uppercase text-xl px-[28px] py-[12px] hover:bg-gray-100 rounded block js-navigation-item-mobile">
            Companies
                            <i class="fa fa-angle-down"></i>
                    </a>
    </div>
            <div class="hidden">
            <div class="flex flex-col gap-[28px] px-[28px] ">
                                    <div class="lg:w-[220px]">
    <a href="/search-companies" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/0bb6d76615/menu_search_companies_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">All Companies <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Search for companies to learn more about their culture, read job reviews written by students, and discover the latest job opportunities they have to offer</p>
    </a>
</div>
                                    <div class="lg:w-[220px]">
    <a href="/top-employers" class="block group/media-link">
        <div class="rounded-lg overflow-hidden max-w-[220px] h-[165px] mb-2">
            <img src="https://a.storyblok.com/f/299121/440x330/899c29a825/menu_topemployers_pink_x2.png/m/" class="block  lg:w-[220px] group-hover/media-link:scale-105 transition-transform" loading="lazy" alt="">
        </div>
        <h2 class="font-extrabold uppercase italic mb-2 ">Top Employers <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Each year, we rank the employers leading the way in apprenticeship, undergraduate and graduate schemes - voted for entirely by your student job reviews</p>
    </a>
</div>
                            </div>
        </div>
    </li>


                                    <li>
    <div class="mb-2">
        <a href="/careers-advice" class="font-extrabold italic uppercase text-xl px-[28px] py-[12px] hover:bg-gray-100 rounded block js-navigation-item-mobile">
            Advice
                            <i class="fa fa-angle-down"></i>
                    </a>
    </div>
            <div class="hidden">
            <div class="flex flex-col gap-[28px] px-[28px] ">
                                    <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Explore Industries</h2>
        <ul>
            <li>
    <a href="/career-guides/accounting" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Accounting Careers
    </a>
</li>
            <li>
    <a href="/career-guides/banking" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Banking Careers
    </a>
</li>
            <li>
    <a href="/career-guides/business" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Business Careers
    </a>
</li>
            <li>
    <a href="/career-guides/engineering" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Engineering Careers
    </a>
</li>
            <li>
    <a href="/career-guides/finance" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Finance Careers
    </a>
</li>
            <li>
    <a href="/career-guides/it" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        IT &amp; Technology Careers
    </a>
</li>
            <li>
    <a href="/career-guides/legal-law" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Legal &amp; Law Careers
    </a>
</li>
            <li>
    <a href="/career-guides/marketing" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Marketing Careers
    </a>
</li>
            <li>
    <a href="/career-guides/public-sector" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Public Sector Careers
    </a>
</li>
            <li>
    <a href="/career-guides/retail-fmcg" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Retail &amp; FMCG Careers
    </a>
</li>
            <li>
    <a href="/career-guides/science-research" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        Science &amp; Research Careers
    </a>
</li>
            <li>
    <a href="/career-guides" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        View all Industries »
    </a>
</li>
        </ul>
</div>
                                    <div class="" style="max-width: 282px;">
        <h2 class="font-extrabold uppercase italic mb-2">Explore Schemes</h2>
        <ul>
            <li>
    <a href="/schemes/internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Internship?
    </a>
</li>
            <li>
    <a href="/schemes/placements" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Placement?
    </a>
</li>
            <li>
    <a href="/schemes/graduate-jobs" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Graduate Job?
    </a>
</li>
            <li>
    <a href="/schemes/graduate-schemes" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Graduate Scheme?
    </a>
</li>
            <li>
    <a href="/schemes/insights-spring-weeks" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Insight Scheme?
    </a>
</li>
            <li>
    <a href="/schemes/off-cycle-internships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Off-Cycle Internship?
    </a>
</li>
            <li>
    <a href="/schemes/apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is an Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/degree-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Degree Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/level-2-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 2 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/level-3-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 3 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes/higher-apprenticeships" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        What is a Level 4 or 5 Apprenticeship?
    </a>
</li>
            <li>
    <a href="/schemes" class="block mb-2 text-black-shady-lady text-sm hover:text-web-purple-heart-heart transition-colors">
        View all Schemes »
    </a>
</li>
        </ul>
</div>
                                    <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                    <ul class="lg:w-[310px] lg:min-w-[310px] flex flex-col gap-6">
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/350x350/f5992149ce/careers-advice.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="careers advice">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">All Careers Advice <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Educate yourself on your future career decisions </p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/exploring-options">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/339x338/d92ad68ab0/exploring-options.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="exploring options">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Exploring Options <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Discover career paths that match your interests and strengths</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/application-tips">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/344x345/70d5d822f0/application-tips.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="application tips">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Application Tips <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Stand out with our CVs and application hacks</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/interview-tips">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/341x341/9be8ca2c4a/interview-tips.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="interview tips">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Interview Tips <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Turn nerves into confidence and impress employers</p>
    </div>
</a>
    </li>
    </ul>
                                    <div class="w-auto  border-t lg:border-t-0 lg:h-auto lg:border-l border-solid border-[#d9d9d9]"></div>

                                    <ul class="lg:w-[310px] lg:min-w-[310px] flex flex-col gap-6">
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/student-life">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/2b5975eadb/student-life.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="student life">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Student Life <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Make the most of your university or school experience</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/careers-advice/working-life">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/acc517ad90/working-life.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="working life">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Working Life <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Navigate your first job with ease</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/hubs/universities">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/350x350/84d1861673/uni-hub.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="university hub">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">University Hub <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Resources for university careers advisors and their students</p>
    </div>
</a>
    </li>
        <li class="flex flex-col gap-6">
        <a class="flex flex-col lg:flex-row lg:gap-6  group/jumbo-link" href="/hubs/schools">
    <div class="min-w-[80px] h-[80px] mb-4 lg:mb-0 rounded-lg  overflow-hidden">
        <img src="https://a.storyblok.com/f/299121/348x348/f4d7b8d30a/school-hub.png/m/" class="block group-hover/jumbo-link:scale-105 transition-transform" width="80" height="80" loading="lazy" alt="schools hub">
    </div>

    <div>
        <h2 class="font-extrabold uppercase italic mb-2">Schools Hub <i class="fa fa-angle-double-right"></i></h2>
        <p class="text-sm">Supporting your students with post-16 options</p>
    </div>
</a>
    </li>
    </ul>
                            </div>
        </div>
    </li>


                                            </ul>
        </div>
    </div>
</div>


<div id="Teleport-alerts-destination"></div>
<div id="vue-flash-messages">
    <flash-message></flash-message>
</div>
    <main>
        
<div data-color="#FFF" class="homepage scroll-index relative overflow-hidden -mt-[70px] bg-lime min-h-[546px] sm:min-h-[540px] lg:min-h-[650px] flex flex-col">
    <div class="grow flex flex-col relative [background-size:cover] [background-position:center] " style="background-image: url(https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-top-banner-background-green.svg); background-repeat: no-repeat;">
        <div class=" grow flex flex-col relative" style="background-repeat: no-repeat;">
            <div class="w-full max-w-[1280px] grow mx-auto relative z-10 flex flex-col-reverse md:flex-row justify-between pb-28 md:pb-0">
                <div class="mx-auto md:ml-0 sm:min-w-[320px] max-w-[494px] lg:max-w-[610px] text-center md:text-left px-3 mt-0 md:mt-28 lg:mt-36">
                    <h1 class="lg:min-w-[500px] w-full font-black text-[42px] md:text-[54px] lg:text-[68px] italic leading-none mb-4 uppercase"><span class="block">They got hired</span><span class="block">You're next.<span></h1>
                    <p class="w-full text-[18px] sm:text-[20px] lg:text-2xl font-semibold"><span class="block">Join millions of students who landed their career, using honest reviews, insider advice and application tools to get there.</span></p>
                    <a href="/register" class="mt-[5%] sm:mt-[10%] btn-primary btn-purple col-span-1"><span class=""> Sign Up For Free <span class="fa fa-angle-double-right"></span></span></a>
                </div>
                <!-- <div class="sm:min-w-[400px] md:min-w-[724px]">
                    <img class="absolute sm:block bottom-0 sm:top-0 -right-[64%] h-full object-contain object-[21px,237px] xs:object-[25px,163px] sm:object-left lg:object-[0, 100px] xs:w-full" width="100%" src="https://imagekit-production.higherin.com/prod-higherin/tr:q-200/homepage/homepage-hero-large-final.png" loading="lazy" alt="homepage hero image large" />
                </div> -->

                <div class="homepage-hero__cards relative mx-auto w-[92vw] md:w-[400px] lg:w-[520px] aspect-[520/480] [container-type:inline-size] mt-16">
                    <div class="homepage-hero__canvas absolute top-1/2 left-1/2 w-full [transform-origin:center] [transform:translate(-50%,-50%)_scale(calc(100cqw_/_520px))]">
                        <div
                            class="homepage-hero__card js-hero-card border-0 absolute top-1/2 left-1/2 w-[198px] h-[372px] ml-[-99px] mt-[-186px] translate-x-[480px] rotate-[6deg] scale-[0.94] rounded-xl overflow-hidden cursor-pointer bg-[#221F21] shadow-[0_0_16px_0_rgba(0,0,0,0.24)] [transition:box-shadow_0.45s_ease]"
                            data-stagger-index="0" data-rest-x="-146" data-rest-y="0" data-hover-y="-20" data-rest-rotation="-10" data-hover-rotation="-3" data-rest-z-index="1"
                        >
                            <img class="w-full h-full object-cover block select-none [-webkit-user-drag:none]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/success_01.png" fetchpriority="high" alt="Success Story, Andy finance business" draggable="false">
                        </div>

                        <div
                            class="homepage-hero__card js-hero-card absolute top-1/2 left-1/2 w-[198px] h-[372px] ml-[-99px] mt-[-186px] translate-x-[480px] rotate-[6deg] scale-[0.94] rounded-xl overflow-hidden cursor-pointer bg-[#221F21] border-4 border-white shadow-[0_0_16px_0_rgba(0,0,0,0.24)] [transition:box-shadow_0.45s_ease]"
                            data-stagger-index="1" data-rest-x="0" data-rest-y="-20" data-hover-y="-20" data-rest-rotation="0" data-hover-rotation="0" data-rest-z-index="3"
                        >
                            <!-- placeholder video + poster for testing playback — swap both for the real
                                ImageKit-hosted video URL and thumbnail when they're ready -->
                            <video
                            class="js-hero-video w-full h-full object-cover block select-none"
                            src="https://imagekit-production.higherin.com/prod-higherin/homepage/Student_Success_Stories.mp4"
                            poster="https://imagekit-production.higherin.com/prod-higherin/homepage/success_thumbnail.png"
                            preload="none"
                            playsinline
                            ></video>
                            <button
                            class="js-hero-play-button absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-pointer [transition:opacity_0.2s_ease]"
                            type="button" aria-label="Play video"
                            >
                            <img src="https://imagekit-production.higherin.com/prod-higherin/homepage/play-button-purple.svg" alt="play button">
                        </button>
                        </div>

                        <div
                            class="homepage-hero__card js-hero-card absolute top-1/2 left-1/2 w-[198px] h-[372px] ml-[-99px] mt-[-186px] translate-x-[480px] rotate-[6deg] scale-[0.94] rounded-xl overflow-hidden cursor-pointer bg-[#221F21] shadow-[0_0_16px_0_rgba(0,0,0,0.24)] [transition:box-shadow_0.45s_ease]"
                            data-stagger-index="2" data-rest-x="146" data-rest-y="0" data-hover-y="-20" data-rest-rotation="10" data-hover-rotation="3" data-rest-z-index="2"
                        >
                            <img class="w-full h-full object-cover block select-none [-webkit-user-drag:none]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/success_02.png" fetchpriority="high" alt="Success Story, Anvi commercial marketing" draggable="false">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="relative container mx-auto my-16 lg:my-20 max-w-[1280px] overflow-x-clip xl:overflow-x-visible">
        <div id="header-tag" class="absolute z-10 w-full h-fit -top-[114px] lg:-top-[130px] lg:w-fit skew-y-[358deg] -bottom-[37px] lg:left-[2%] bg-white lg:rounded-xl px-7 py-5">
            <h2 class="text-center text-[32px] lg:text-[42px] uppercase italic font-black leading-none">Let's get started</h2>
        </div>
        <div id='vue-homepage-search' class="mb-10 lg:mb-8 max-w-[544px] mx-auto lg:max-w-[1196px]">
        <homepage-search-index></homepage-search-index>
        <p class="hidden lg:block text-sm font-semibold text-grey-salt-box sm:mx-4 lg:mx-2 px-3 lg:px-2 lg:mt-4">Looking for more? Switch between jobs, reviews and companies!</p>
        </div>
        <div class="text-center max-w-[90vw] lg:max-w-[840px] mx-auto mb-12">
            <h2 class="italic font-extrabold uppercase mb-4">Popular Searches</h2>
            <div class="flex flex-wrap justify-center">
                <a data-click-target="higherin-homepage-apprenticeships" href="/search-jobs/apprenticeships" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Apprenticeships</a>
                <a data-click-target="higherin-homepage-internships" href="/search-jobs/internships" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Internships</a>
                <a data-click-target="higherin-homepage-placements" href="/search-jobs/placements" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Placements</a>
                <a data-click-target="higherin-homepage-graduates" href="/search-jobs/graduates" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Graduate Jobs</a>
                <a data-click-target="higherin-homepage-work-experience" href="/search-jobs/work-experience" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Work Experience</a>
                <a data-click-target="higherin-homepage-insights" href="/search-jobs/insights" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Insight/Vacation Schemes</a>
                <a data-click-target="higherin-homepage-school-leaver-programme" href="/search-jobs/school-leaver-programme" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> School Leaver Programmes</a>
                <a data-click-target="higherin-homepage-degree-apprenticeships" href="/search-jobs/degree-apprenticeship" class="w-fit bg-white hover:shadow-web-purple-heart-heart hover:border-web-purple-heart-heart hover:text-web-purple-heart-heart cursor-pointer text-lg mb-3 mr-2.5 font-extrabold border-solid border-[2px] rounded-lg border-black py-1 px-[18px] shadow-[2.6px_2.6px_0px_rgba(0,0,0,1)]"> Degree Apprenticeships</a>

            </div>
        </div>
        <div class="text-center mx-6 lg:mx-0">
            <div class="max-w-[1024px] mx-auto my-24">
                <h2 class="uppercase italic text-[32px] lg:text-[68px] font-black leading-[1.2]">Your path to success</h2>
            </div>
        </div>
        <!-- <div id="career-quiz-section" data-color="#6295CF" class="scroll-index bg-white bg-opacity-15 rounded-xl mx-4 lg:mx-3 px-6 lg:pl-[58px] lg:pr-[158px] py-[74px] flex flex-col-reverse lg:flex-row items-center justify-between mb-[84px] lg:mb-[130px]">
            <div class="lg:max-w-[33%] flex flex-col items-center lg:items-start justify-between lg:my-6 mt-[72px]">
                <div  class="text-center lg:text-left">
                    <h3 class="w-fit text-[22px] mb-12 mx-auto lg:ml-0 font-extrabold border-solid border-[3px] rounded-xl bg-white border-black py-2 px-6 shadow-[3px_3px_0px_rgba(0,0,0,1)]">Discover Your Next Move</h3>
                    <p class="text-xl lg:text-2xl font-semibold mb-12 text-white">Not sure where to start? Take our Career Path Quiz to find the opportunities that fit you best.</p>
                </div>
                <a
                    href="https://forms.rmp-connect.com/form/3g6dBGTIqzw2YDEaP6AWTGEmMu/miY8igsQ4XPUP3n1494M?url=https%3A%2F%2Fhigherin.com%2Fcareers-advice&urlHash=01c24099a4707ea4df09dcacbba99809a91c8aef817e16697cdc5ecca30664cc"
                    target="_blank"
                    class="btn-primary btn-blue">
                    <span>Show me the quiz <span class="fa fa-angle-double-right" /></span>
                </a>
            </div>
            <div class="w-full relative">
                <img class="w-[120px] lg:w-[250px] mx-auto lg:mr-0" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-career-quiz-phone.png" loading="lazy" alt="phone content">
                <img id="homepage-career-quiz" class="scale-0 absolute left-5 lg:left-0 right-10 -top-10 lg:top-0 mx-auto lg:ml-[40%] w-[350px] lg:w-[600px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-career-quiz.png" loading="lazy" alt="career quiz">
            </div>
        </div> -->
        <div id="reviews-section" data-color="#D982B6" class="scroll-index relative bg-white bg-opacity-15 rounded-xl mx-4 lg:mx-3 px-6 lg:pl-[58px] lg:pr-[158px] py-[74px] flex flex-col-reverse lg:flex-row items-center justify-between mb-[84px] lg:mb-[130px]">
            <div class="lg:max-w-[33%] flex flex-col items-center lg:items-start justify-between lg:my-6 mt-[72px]">
                <div class="text-center lg:text-left">
                    <h3 class="w-fit text-[22px] mb-12 mx-auto lg:ml-0 font-extrabold border-solid border-[3px] rounded-xl bg-white border-black py-2 px-6 shadow-[3px_3px_0px_rgba(0,0,0,1)]">Real Talk Only</h3>
                    <p class="text-xl lg:text-2xl font-semibold mb-12 text-white">Access thousands of unfiltered student reviews about work experience, written by our community who have been there and done it.</p>
                </div>
                <a
                    href="/search-reviews"
                    class="btn-primary btn-pink">
                    <span>Get me in the know <span class="fa fa-angle-double-right" /></span>
                </a>
            </div>
            <div class="w-full relative">
                <img class="w-[120px] lg:w-[250px] mx-auto lg:mr-0" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-reviews-phone.png" loading="lazy" alt="phone content">
                <img id="homepage-reviews" class="scale-0 absolute -top-5 lg:top-0 left-0 right-0 lg:-right-20 mx-auto lg:ml-[40%] w-[350px] lg:w-[600px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-reviews.png" loading="lazy" alt="job reviews">
            </div>
        </div>
        <div id="logos-section" data-color="#7062AB" class="scroll-index relative bg-white bg-opacity-15 rounded-xl mx-4 lg:mx-3 px-6 lg:pl-[58px] lg:pr-[158px] py-[74px] flex flex-col-reverse lg:flex-row items-center justify-between mb-[84px] lg:mb-[130px]">
            <div class="lg:max-w-[33%] flex flex-col items-center lg:items-start justify-between lg:my-6 mt-[72px]">
                <div class="text-center lg:text-left">
                    <h3 class="w-fit text-[22px] mb-12 mx-auto lg:ml-0 font-extrabold border-solid border-[3px] rounded-xl bg-white border-black py-2 px-6 shadow-[3px_3px_0px_rgba(0,0,0,1)]">Meet Your Match</h3>
                    <p class="text-xl lg:text-2xl font-semibold mb-12 text-white">Get job recommendations that align with your wants, needs and values - from apprenticeships to internships, placements to graduate roles.</p>
                </div>
                <a
                    href="search-jobs"
                    class="btn-primary btn-daisy-bush">
                    <span>Search this way <span class="fa fa-angle-double-right" /></span>
                </a>
            </div>
            <div class="w-full relative">
                <img class="w-[120px] lg:w-[250px] mx-auto lg:mr-0" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-jobs-phone.png" loading="lazy" alt="phone content">
                <img id="homepage-logos" class="scale-0 absolute -top-5 lg:top-0 left-0 right-0 lg:-right-20 mx-auto lg:ml-[40%] w-[350px] lg:w-[600px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-logos.png" loading="lazy" alt="company logos">
            </div>
        </div>
        <div id="dashboard-section" data-color="#C4D92D" class="scroll-index bg-white bg-opacity-15 rounded-xl mx-4 lg:mx-3 px-6 lg:pl-[58px] lg:pr-[42px] py-[74px] flex flex-col-reverse lg:flex-row items-center justify-between mb-[84px] lg:mb-[110px]">
            <div class="lg:max-w-[33%] flex flex-col items-center lg:items-start justify-between lg:my-6 mt-[72px]">
                <div class="text-center lg:text-left">
                    <h3 class="w-fit text-[22px] mb-12 mx-auto lg:ml-0 font-extrabold border-solid border-[3px] rounded-xl bg-white border-black py-2 px-6 shadow-[3px_3px_0px_rgba(0,0,0,1)]">Keep On Track</h3>
                    <p class="text-xl lg:text-2xl font-semibold mb-12">Manage all your applications in one personalised hub and never miss a deadline again. This includes opportunities from Higherin and other platforms.</p>
                </div>
                <a
                    href="/register"
                    class="btn-primary btn-purple">
                    <span>Start Tracking Now <span class="fa fa-angle-double-right" /></span>
                </a>
            </div>
            <div class="relative">
                <img class="w-[300px] lg:w-[500px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-laptop.png" loading="lazy" alt="laptop content">
                <img id="homepage-phone-dashboard" class="scale-0 absolute bottom-0 left-1/2 transform -translate-x-1/2 w-[70px] lg:w-[120px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-phone-dashboard.png" loading="lazy" alt="higherin phone dashboard">
                <img id="homepage-job-type" class="scale-0 absolute -top-8 lg:-top-20 right-1/2 transform translate-x-1/2 w-[100px] lg:w-[180px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-job-type.png" loading="lazy" alt="higherin app tracker">
            </div>
        </div>
        <div class="relative overflow-x-clip lg:pt-[40px]">
            <img class="hidden lg:block min-w-[1380px] w-[1380px] h-[2775px] absolute left-1/2 -top-[45px] transform -translate-x-1/2 mr-0 z-10 pointer-events-none" src="https://imagekit-production.higherin.com/prod-higherin/homepage/rocket-trail-large.svg" loading="lazy" alt="rocket trail large" />
            <img class="lg:hidden min-w-[1380px] w-[1380px] h-[2775px] absolute -top-[50px] left-1/2 transform -translate-x-1/2 mr-0 z-10 pointer-events-none" src="https://imagekit-production.higherin.com/prod-higherin/homepage/rocket-trail-small.svg" loading="lazy" alt="rocket trail small" />
            <div class="relative z-20">
                <div data-color="#FFF" class="scroll-index text-center mx-6 lg:mx-0">
                    <div class="max-w-[393px] lg:max-w-[1024px] mx-auto mb-12 lg:mb-0">
                        <img class="w-16 mx-auto mb-6" src="https://imagekit-production.higherin.com/prod-higherin/cmsable-pages/message-heart.svg" loading="lazy" alt="heart icon" />
                        <h2 class="uppercase italic text-[32px] lg:text-[68px] font-black leading-[1.2] mb-7">A whole career community</h2>
                        <p class="text-lg lg:text-2xl font-medium lg:px-4">Your career journey doesn’t have to feel lonely. Connect with our community of 1 million students and get all the inside intel.</p>
                    </div>
                </div>
                <div class="mx-auto pb-4 lg:mt-[124px] mt-[82px] relative z-10">
                    <img class="lg:w-[618px] w-[393px] mx-auto" src="https://imagekit-production.higherin.com/prod-higherin/homepage/homepage-phone-in-hand.png" loading="lazy" alt="hand holding phone" />
                    <script src="https://unpkg.com/@dotlottie/player-component@2.7.12/dist/dotlottie-player.mjs" type="module"></script>
                    <dotlottie-player
                        class="absolute -mt-[90px] lg:w-[1000px] sm:w-[600px] w-[400px] transform -translate-y-1/2 -translate-x-1/2 top-1/2 left-1/2"
                        src="https://lottie.host/6a4c8fc7-883f-4233-9993-fe8e519f1ebd/2PxlAOZwAp.lottie"
                        background="transparent"
                        speed="1"
                        loop
                        autoplay
                    ></dotlottie-player>
                </div>
                <div class="max-w-[370px] lg:max-w-[1024px] mx-auto -mt-[100px] lg:mt-0">
                    <h2 class="relative z-10 text-center uppercase italic text-[32px] lg:text-[42px] font-black leading-[1.2] mt-4 lg:mt-0 mb-[18px] lg:mb-7">Content at your fingertips</h2>
                    <div class="text-center mx-6 lg:mx-0 mb-[138px] lg:mb-[212px]">
                        <div class="max-w-[393px] lg:max-w-[1024px] mx-auto mb-12">
                            <p class="text-lg lg:text-2xl font-medium mb-[54px] lg:px-4">Access a huge hub of career advice full of success stories and career journeys you might never have considered.</p>
                            <a
                                href="/careers-advice"
                                class="btn-primary btn-purple w-full lg:w-fit">
                                See All Advice<span class="ml-1 fa fa-angle-double-right" />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="text-center mb-[100px] lg:mb-[170px] px-6 lg:mx-0 overflow-clip">
                    <div class="max-w-[1024px] mx-auto">
                        <div id="phones" class="flex items-center justify-center mb-24">
                            <div id="phone-left" class="relative -right-[110px] lg:-right-[150px] w-[130px] lg:w-[190px] z-10 rounded-[30px] lg:rounded-[40px]" style="background-image: url(https://imagekit-production.higherin.com/prod-higherin/homepage/tiktok-content-1.mp4/ik-thumbnail.jpg)">
                                <img class="relative z-10" src="https://imagekit-production.higherin.com/prod-higherin/homepage/iphone-framex2.png" loading="lazy" alt="iphone frame" />
                                <video preload="none" muted loop playsinline class="absolute top-0 left-0 right-0 bottom-0 object-cover rounded-[30px] lg:rounded-[40px] z-5 h-full lg:h-[393px] w-[98%] mx-auto" src="https://imagekit-production.higherin.com/prod-higherin/tr:ac-none,w-380/homepage/tiktok-content-1.mp4" />
                            </div>
                            <div id="phone-middle" class="relative w-[130px] lg:w-[190px] z-20 rounded-[30px] lg:rounded-[40px]" style="background-image: url(https://imagekit-production.higherin.com/prod-higherin/homepage/tiktok-content-3.mp4/ik-thumbnail.jpg)">
                                <img class="relative z-10" src="https://imagekit-production.higherin.com/prod-higherin/homepage/iphone-framex2.png" loading="lazy" alt="iphone frame" />
                                <video preload="none" muted loop playsinline class="absolute top-0 left-0 right-0 bottom-0 object-cover rounded-[30px] lg:rounded-[40px] z-5 h-full lg:h-[393px] w-[98%] mx-auto" src="https://imagekit-production.higherin.com/prod-higherin/tr:ac-none,w-380/homepage/tiktok-content-3.mp4" />
                            </div>
                            <div id="phone-right" class="relative -left-[110px] lg:-left-[150px] w-[130px] lg:w-[190px] z-30 rounded-[30px] lg:rounded-[40px]" style="background-image: url(https://imagekit-production.higherin.com/prod-higherin/homepage/tiktok-content-2.mp4/ik-thumbnail.jpg)">
                                <img class="relative z-10" src="https://imagekit-production.higherin.com/prod-higherin/homepage/iphone-framex2.png" loading="lazy" alt="iphone frame" />
                                <video preload="none" muted loop playsinline class="absolute top-0 left-0 right-0 bottom-0 object-cover rounded-[30px] lg:rounded-[40px] z-5 h-full lg:h-[393px] w-[98%] mx-auto" src="https://imagekit-production.higherin.com/prod-higherin/tr:ac-none,w-380/homepage/tiktok-content-2.mp4" />
                            </div>
                            <!-- <img class="w-[130px] lg:w-[190px] z-20" src="https://imagekit-production.higherin.com/prod-higherin/homepage/iphone-framex2.png" loading="lazy" alt="iphone frame" />
                            <img id="phone-right" class="relative -left-[110px] lg:-left-[150px] w-[130px] lg:w-[190px] z-30" src="https://imagekit-production.higherin.com/prod-higherin/homepage/iphone-framex2.png" loading="lazy" alt="phone frame" /> -->
                        </div>
                        <div class="max-w-[370px] lg:max-w-[1024px] mx-auto">
                            <h2 class="uppercase italic text-[32px] lg:text-[42px] font-black leading-[1.2] mb-7">Go Behind The Scenes</h2>
                            <p class="text-lg lg:text-2xl font-medium mb-12">Watch Day in the Life reels, Office Tours and Q&As created by students just like you.</p>

                            <div class="mx-auto w-full lg:w-fit flex flex-col lg:flex-row items-center justify-center gap-4">
                                <a
                                    href="https://www.tiktok.com/@higherin.careers"
                                    target="_blank"
                                    class="bg-[#FF1F59] mx-auto w-full lg:w-fit flex tracking-wide justify-center uppercase items-center rounded-lg px-3 py-3 font-extrabold leading-6 text-lg text-white shadow-sm">
                                    <span>Watch On TikTok<span class="ml-1 fa-brands fa-tiktok" /></span>
                                </a>
                                <a
                                    href="https://www.instagram.com/higherin.careers"
                                    target="_blank"
                                    class="bg-[#FF533E] mx-auto w-full lg:w-fit flex tracking-wide justify-center uppercase items-center rounded-lg px-3 py-3 font-extrabold leading-6 text-lg text-white shadow-sm">
                                    <span>Watch On Instagram<span class="ml-1 fa-brands fa-instagram" /></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mx-4 lg:mx-3 relative z-0">
                <div class="hidden lg:block">
                    <div class="flex relative">
                        <div class="z-20 w-[65%] flex flex-col justify-center gap-4 pl-[64px] pr-[10px] lg:pr-20 pb-[110px] pt-[242px] rounded-l-2xl bg-grey-nero [clip-path:polygon(0%_0%,_100%_0%,_90%_100%,_0%_100%)]">
                            <h2 class="uppercase italic text-[48px] lg:text-[68px] font-black text-white leading-[1.2]">
                                Join the Higherin <span class="text-lime">Academy</span>
                            </h2>
                            <p class="text-2xl font-semibold text-white mb-12">
                                Become part of the largest brand ambassador community across schools, colleges, and universities. You'll gain paid work experience with top employers that’ll make your CV glow.
                            </p>
                            <a
                                href="https://www.higherinacademy.com"
                                target="_blank"
                                class="btn-primary btn-grey w-fit">
                                <span>Sign me up<span class="ml-1 fa fa-angle-double-right" /></span>
                            </a>
                        </div>
                        <div class="z-10 w-[42%] h-full absolute top-0 right-0">
                            <img class="object-cover w-full h-full rounded-r-2xl" src="https://imagekit-production.higherin.com/prod-higherin/homepage/higherin-academy-img.jpg" loading="lazy" alt="higherin academy">
                        </div>
                    </div>
                </div>
                <div class="lg:hidden bg-grey-nero rounded-2xl px-8 pt-[68px] pb-[38px] text-center max-w-[688px] mx-auto">
                    <img class="mx-auto mb-6 rounded-full object-cover w-[160px] h-[160px]" src="https://imagekit-production.higherin.com/prod-higherin/homepage/higherin-academy-img.jpg" loading="lazy" alt="higherin academy">
                    <h2 class="mb-[18px] uppercase italic text-[42px] font-black text-white leading-[1.2]">
                        Join the Higherin <span class="text-lime">Academy</span>
                    </h2>
                    <p class="text-xl font-semibold text-white mb-12">
                        Become part of the largest brand ambassador community across schools, colleges, and universities. You'll gain paid work experience with top employers that’ll make your CV glow.
                    </p>
                    <a
                        href="https://www.higherinacademy.com"
                        class="btn-primary btn-grey w-full">
                        <span>Sign me up<span class="ml-1 fa fa-angle-double-right" /></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    </main>
    <div id='vue-common-modals'>
    <save-item-modal></save-item-modal>
    <dismiss-modal></dismiss-modal>
    <register-success-modal></register-success-modal>
</div>

<div class="w-full  mt-12 " >
        <div class="container mx-auto px-4">
            <div class="p-4 sm:p-[36px] xl:p-[54px] bg-web-daisy-bush rounded-2xl">
                <div class="grid grid-cols-1 lg:grid-cols-[1fr_500px] xl:grid-cols-2 lg:gap-[80px]">
                <div class="text-white text-center mb-8 lg:mb-0 lg:text-left lg:pl-[40px]">
                    <img
                        src="https://imagekit-production.higherin.com/prod-higherin/footer/join-now.svg"
                        alt="Join Now"
                        class="mx-auto lg:-ml-[50px] mb-2">

                    <h2 class="font-extrabold text-[32px] mb-8">Join the Higherin Community</h2>

                    <h3 class="font-extrabold italic uppercase ">
                        Save Time
                    </h3>
                    <p class="mb-8">
                        Easily add jobs from Higherin or external platforms to keep everything organised.
                    </p>

                    <h3 class="font-extrabold italic uppercase ">
                        Personalised Alerts
                    </h3>
                    <p  class="mb-8">
                        Get tailored job recommendations and updates straight to your inbox.
                    </p>

                    <h3 class="font-extrabold italic uppercase ">
                        Exclusive Features
                    </h3>
                    <p  class="mb-8">
                        Access tools like application tracking, deadline reminders, and saved searches.
                    </p>

                    <h3 class="font-extrabold italic uppercase ">
                        Stay Ahead
                    </h3>
                    <p  class="mb-8">
                        Be the first to know about the latest opportunities and deadlines.
                    </p>

                    <h3 class="font-extrabold italic uppercase ">
                        Completely Free
                    </h3>
                    <p  class="mb-8">
                        Create an account and unlock powerful features at no cost.
                    </p>
                </div>

                <div>
                    <div id="vue-footer-signup" class="max-w-[600px] mx-auto">
                        <footer-signup-form></footer-signup-form>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>


<footer class="bg-lime mt-12">
        <div class="mx-auto container px-4 pb-8 pt-12 lg:pt-20">
        <nav aria-label="Footer Navigation" class="mb-[38px] md:mb-16 px-[38px] grid grid-cols-1 sm:grid-cols-2 md:grid-cols-5 gap-8 xl:col-span-2 xl:mt-0">
                            <div>
    <h2 class="text-base font-extrabold italic uppercase text-black">Start Exploring</h2>
    <ul role="list" class="mt-6 space-y-4">
                    <li>
                <a href="/search-jobs" class="text-base text-lime-verdun-green hover:text-black">
    Search for Jobs
</a>
            </li>
                    <li>
                <a href="/search-reviews" class="text-base text-lime-verdun-green hover:text-black">
    Job Reviews
</a>
            </li>
                    <li>
                <a href="/search-companies" class="text-base text-lime-verdun-green hover:text-black">
    Companies
</a>
            </li>
                    <li>
                <a href="/top-employers/apprenticeships" class="text-base text-lime-verdun-green hover:text-black">
    Top Apprenticeship Employers
</a>
            </li>
                    <li>
                <a href="/top-employers/graduates" class="text-base text-lime-verdun-green hover:text-black">
    Top Graduate Employers
</a>
            </li>
                    <li>
                <a href="/top-employers/undergraduates" class="text-base text-lime-verdun-green hover:text-black">
    Top Undergraduate Employers
</a>
            </li>
            </ul>
</div>

                            <div>
    <h2 class="text-base font-extrabold italic uppercase text-black">Help &amp; Support</h2>
    <ul role="list" class="mt-6 space-y-4">
                    <li>
                <a href="/contact" class="text-base text-lime-verdun-green hover:text-black">
    Contact Us
</a>
            </li>
                    <li>
                <a href="/report-a-problem" class="text-base text-lime-verdun-green hover:text-black">
    Report a Problem
</a>
            </li>
            </ul>
</div>

                            <div>
    <h2 class="text-base font-extrabold italic uppercase text-black">For Employers</h2>
    <ul role="list" class="mt-6 space-y-4">
                    <li>
                <a href="https://employers.higherin.com/what-we-do/undergraduate-recruitment" class="text-base text-lime-verdun-green hover:text-black">
    Promote Internships 
</a>
            </li>
                    <li>
                <a href="https://employers.higherin.com/what-we-do/apprenticeship-recruitment" class="text-base text-lime-verdun-green hover:text-black">
    Hire Apprentices
</a>
            </li>
                    <li>
                <a href="https://employers.higherin.com/what-we-do/graduate-recruitment" class="text-base text-lime-verdun-green hover:text-black">
    Recruit Graduates
</a>
            </li>
                    <li>
                <a href="https://employers.higherin.com/what-we-do/brand-ambassadors" class="text-base text-lime-verdun-green hover:text-black">
    Brand Ambassadors
</a>
            </li>
                    <li>
                <a href="https://employers.higherin.com/what-we-do/creative-agency" class="text-base text-lime-verdun-green hover:text-black">
    Employer Branding Activations
</a>
            </li>
            </ul>
</div>

                            <div>
    <h2 class="text-base font-extrabold italic uppercase text-black">Privacy &amp; Legal</h2>
    <ul role="list" class="mt-6 space-y-4">
                    <li>
                <a href="/terms-and-conditions" class="text-base text-lime-verdun-green hover:text-black">
    Terms and Conditions
</a>
            </li>
                    <li>
                <a href="/privacy-policy" class="text-base text-lime-verdun-green hover:text-black">
    Privacy Policy
</a>
            </li>
                    <li>
                <a href="/cookie-policy" class="text-base text-lime-verdun-green hover:text-black">
    Cookie Policy
</a>
            </li>
            </ul>
</div>

                            <div>
    <h2 class="text-base font-extrabold italic uppercase text-black">Our Company</h2>
    <ul role="list" class="mt-6 space-y-4">
                    <li>
                <a href="/about-us" class="text-base text-lime-verdun-green hover:text-black">
    About Us
</a>
            </li>
                    <li>
                <a href="https://www.higherinacademy.com" class="text-base text-lime-verdun-green hover:text-black">
    Higherin Academy
</a>
            </li>
                    <li>
                <a href="https://careers.higherin.com" class="text-base text-lime-verdun-green hover:text-black">
    Careers
</a>
            </li>
            </ul>
</div>

                    </nav>
        <img class="w-full mx-auto px-6 sm:px-[130px] md:px-[160px] xl:px-[200px] js-pickle-rain-button" src="https://imagekit-production.higherin.com/prod-higherin/logos/higherin-logo-with-subtext.svg" alt="Higherin Logo">
        <div class="mt-12 border-t border-lime-citron pt-8 md:flex md:items-center md:justify-between">
            <div class="flex flex-col sm:flex-row gap-6 md:gap-12 md:order-2">
                                    <div class="bg-lime-reef rounded-xl py-4 px-6 w-full sm:w-1/2 md:w-fit">
    <h2 class="mb-3"><span class="fa-regular fa-at mr-1"></span>higherin.careers</h2>
    <div class="flex gap-6">
                    <a target="_blank" href="https://www.linkedin.com/company/higherincareers" class="text-black hover:text-black/80 text-2xl" title="LinkedIn" aria-label="Go to LinkedIn in a new tab">
    <i class="fa-brands fa-linkedin"></i>
</a>
                    <a target="_blank" href="https://www.instagram.com/higherin.careers" class="text-black hover:text-black/80 text-2xl" title="Instagram" aria-label="Go to Instagram in a new tab">
    <i class="fa-brands fa-instagram"></i>
</a>
                    <a target="_blank" href="https://www.tiktok.com/@higherin.careers" class="text-black hover:text-black/80 text-2xl" title="TikTok" aria-label="Go to TikTok in a new tab">
    <i class="fa-brands fa-tiktok"></i>
</a>
                    <a target="_blank" href="https://www.youtube.com/@Higherin.Careers" class="text-black hover:text-black/80 text-2xl" title="YouTube" aria-label="Go to YouTube in a new tab">
    <i class="fa-brands fa-youtube"></i>
</a>
            </div>
</div>
                                    <div class="bg-lime-reef rounded-xl py-4 px-6 w-full sm:w-1/2 md:w-fit">
    <h2 class="mb-3"><span class="fa-regular fa-at mr-1"></span>higherin.apprenticeships</h2>
    <div class="flex gap-6">
                    <a target="_blank" href="https://www.linkedin.com/company/higherinapprenticeships" class="text-black hover:text-black/80 text-2xl" title="LinkedIn" aria-label="Go to LinkedIn in a new tab">
    <i class="fa-brands fa-linkedin"></i>
</a>
                    <a target="_blank" href="https://www.instagram.com/higherin.apprenticeships" class="text-black hover:text-black/80 text-2xl" title="Instagram" aria-label="Go to Instagram in a new tab">
    <i class="fa-brands fa-instagram"></i>
</a>
                    <a target="_blank" href="https://www.tiktok.com/@higherin.apprenticeships" class="text-black hover:text-black/80 text-2xl" title="TikTok" aria-label="Go to TikTok in a new tab">
    <i class="fa-brands fa-tiktok"></i>
</a>
            </div>
</div>
                            </div>
            <p class="mt-8 text-sm/6 text-black md:order-1 md:mt-0 text-center md:text-left flex">
                <img src="https://imagekit-production.higherin.com/prod-higherin/footer/gherkin.svg" alt="Copyright Gherkin" width="16" height="16" class="mr-1 opacity-70 js-pickle-button"/>
                <span>2026 Higherin. All rights reserved.</span>
            </p>
        </div>
    </div>
    <style>
    .pickle-icon {
        position: fixed !important;
        top: 0;
        font-size: 1.5rem;
        color: #49bd1c; /* Lime Citron */
        animation: fall linear infinite;
    }

    @keyframes fall {
        0% {
            transform: translateY(-50vh);
        }
        100% {
            transform: translateY(100vh);
        }
    }
</style>
<script>
  (() => {
    const $trigger = document.querySelector('.js-pickle-rain-button');

    if (!$trigger) return;

    let clickCount = 0;

    $trigger.addEventListener('click', (e) => {
      if (!e.shiftKey) return;

      clickCount++;
      if (clickCount === 5) {
        cascadeIcons();
        clickCount = 0;
      }
    });

    function cascadeIcons() {
      for (let i = 0; i < 5; i++) {
        const icon = document.createElement('img');
        icon.className = `pickle-icon`;
        icon.width = '30';
        icon.src = 'https://imagekit-production.higherin.com/prod-higherin/footer/gherkin.svg';
        icon.style.left = `${Math.random() * 100}vw`;
        icon.style.animationDuration = `${2 + Math.random() * 2}s`;

        document.body.appendChild(icon);

        setTimeout(() => {
          icon.remove();
        }, 5500);
      }
    }
  })()

</script>
    </footer>



<div id="Teleport-footer-modals">
    
</div>



</body>
</html>
