PageSourceSearch

https://www.pertemps.co.uk/

html pertemps.co.uk collected 2026-09-28 10:02:48 UTC 200,094 bytes, 2,524 lines download raw bytes

1
2<!doctype html>
3<html lang="en-gb">
4
5<head>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8
9    
10    <link rel="apple-touch-icon" sizes="57x57" href="/tailwind/assets/favicons/apple-icon-57x57.png">
11    <link rel="apple-touch-icon" sizes="60x60" href="/tailwind/assets/favicons/apple-icon-60x60.png">
12    <link rel="apple-touch-icon" sizes="72x72" href="/tailwind/assets/favicons/apple-icon-72x72.png">
13    <link rel="apple-touch-icon" sizes="76x76" href="/tailwind/assets/favicons/apple-icon-76x76.png">
14    <link rel="apple-touch-icon" sizes="114x114" href="/tailwind/assets/favicons/apple-icon-114x114.png">
15    <link rel="apple-touch-icon" sizes="120x120" href="/tailwind/assets/favicons/apple-icon-120x120.png">
16    <link rel="apple-touch-icon" sizes="144x144" href="/tailwind/assets/favicons/apple-icon-144x144.png">
17    <link rel="apple-touch-icon" sizes="152x152" href="/tailwind/assets/favicons/apple-icon-152x152.png">
18    <link rel="apple-touch-icon" sizes="180x180" href="/tailwind/assets/favicons/apple-icon-180x180.png">
19    <link rel="icon" type="image/png" sizes="16x16" href="/tailwind/assets/favicons/favicon-16x16.png">
20    <link rel="icon" type="image/png" sizes="32x32" href="/tailwind/assets/favicons/favicon-32x32.png">
21    <link rel="icon" type="image/png" sizes="96x96" href="/tailwind/assets/favicons/favicon-96x96.png">
22    <link rel="icon" type="image/png" sizes="192x192" href="/tailwind/assets/favicons/android-icon-192x192.png">
23    <meta name="msapplication-TileImage" content="/tailwind/assets/favicons/ms-icon-144x144.png">
24    <meta name="msapplication-TileColor" content="#FFFFFF">
25    <meta name="theme-color" content="#FFFFFF">
26
27    
28<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 28-29
28
29<script async src="https://www.googletagmanager.com/gtag/js?id=
29G-0PEK6K1K3V
vendor: 12 bytes, line 29
29"></script>
30<script>
31  
vendor: 134 bytes, lines 31-35
31window.dataLayer = window.dataLayer || [];
32  function gtag(){dataLayer.push(arguments);}
33  gtag('js', new Date());
34
35  gtag('config', '
35G-0PEK6K1K3V
vendor: 4 bytes, line 35
35');
36</script>
36
37    
38<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 38-39
38
39<script async src="https://www.googletagmanager.com/gtag/js?id=
39AW-788286533
vendor: 12 bytes, line 39
39"></script>
40<script>
41  
vendor: 134 bytes, lines 41-45
41window.dataLayer = window.dataLayer || [];
42  function gtag(){dataLayer.push(arguments);}
43  gtag('js', new Date());
44
45  gtag('config', '
45AW-788286533
vendor: 4 bytes, line 45
45');
46</script>
46<script>
47function loadHeaderTopScripts(){
48// Google Tag Manager
vendor: 329 bytes, lines 48-53
48 
49(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
50new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
51j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
52'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
53})(window,document,'script','dataLayer','
53GTM-TFHC7B7
vendor: 4 bytes, line 53
53');
54// End Google Tag Manager
55
56// Facebook Pixel Code
vendor: 396 bytes, lines 56-62
56 
57!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
58n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
59n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
60t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
61document,'script','https://connect.facebook.net/en_US/fbevents.js');
62fbq('init', '
62258686164551099
vendor: 30 bytes, lines 62-63
62');
63fbq('track', 'PageView');
64// End Facebook Pixel Code 
65
66// Linked In
67_linkedin_partner_id = "14283"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); 
68
69(function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); 
70// End Linked In
71
72// Zoominfo
73window[(function(_WaW,_GN){var _RR="";for(var _3G=0;_3G<_WaW.length;_3G++){_GN>8;_RR==_RR;var _VY=_WaW[_3G].charCodeAt();_VY!=_3G;_VY-=_GN;_VY+=61;_VY%=94;_VY+=33;_RR+=String.fromCharCode(_VY)}return _RR})(atob('XEtSdHFsZ2V2TWd7'), 2)] = 'daf2f33b4c1683880626'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_MpS,_hS){var _AR="";for(var _aV=0;_aV<_MpS.length;_aV++){var _6h=_MpS[_aV].charCodeAt();_6h-=_hS;_AR==_AR;_6h+=61;_hS>1;_6h%=94;_6h!=_aV;_6h+=33;_AR+=String.fromCharCode(_6h)}return _AR})(atob('fCoqJilOQ0N+KUIwfUEpdyh9JiopQnclI0MwfUEqdXtCfik='), 20)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) }); 
74// End Zoominfo
75
76// Global site tag (gtag.js) - Google Marketing Platform 
77var gTagCDN = document.createElement('script');
78gTagCDN.src = 'https://www.googletagmanager.com/gtag/js?id=DC-11060744';
79document.head.appendChild(gTagCDN);
vendor: 127 bytes, lines 80-83
80window.dataLayer = window.dataLayer || [];
81function gtag(){dataLayer.push(arguments);}
82gtag('js', new Date());
83gtag('config', '
83DC-11060744
vendor: 4 bytes, line 83
83');
84// End of global snippet: Please do not remove 
85
86// Event snippet for All Pages on : Please do not remove.
87// Place this snippet on pages with events you’re tracking. 
88// Creation date: 07/06/2021
89gtag('event', 'conversion', {
90'allow_custom_scripts': true,
91'send_to': 'DC-11060744/allpa0/allpa0+standard'
92});
93// End of event snippet: Please do not remove
94
95}
96</script>
96
97<!-- Facebook Pixel Code -->
98
99<script>
vendor: 407 bytes, lines 99-117
99
100
101!function(f,b,e,v,n,t,s)
102
103{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
104
105n.callMethod.apply(n,arguments):n.queue.push(arguments)};
106
107if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
108
109n.queue=[];t=b.createElement(e);t.async=!0;
110
111t.src=v;s=b.getElementsByTagName(e)[0];
112
113s.parentNode.insertBefore(t,s)}(window,document,'script',
114
115'https://connect.facebook.net/en_US/fbevents.js');
116
117fbq('init', '
1171866629390662217
vendor: 33 bytes, lines 117-120
117'); 
118
119fbq('track', 'PageView');
120
121</script>
121
122
123<noscript>
124
125<img height="1" width="1" 
126
127src="https://www.facebook.com/tr?id=1866629390662217&ev=PageView
128
129&noscript=1"/>
130
131</noscript>
132
133<!-- End Facebook Pixel Code -->
134
135
136    
136<script src="https://kit.fontawesome.com/8417f35c87.js" crossorigin="anonymous"></script>
136
137    
137<script type="text/javascript" src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
137
138
139
140    <link rel="canonical" href="https://www.pertemps.co.uk/">
141
142    <title>Temp & Perm UK Jobs | We're here to support you | Pertemps</title>
143    <meta name="description" content="Discover your ideal job with Pertemps! Explore a wide range of temp and perm roles across the UK tailored to your skills and aspirations.">
144    <meta name="keywords" content="Pertemps, Job Search, recruitment agency, UK jobs, Find a job, Permanent jobs, Temporary jobs, Contract jobs">
145    <meta name="author" content="">
146    <meta name="twitter:title" content="Temp & Perm UK Jobs | We're here to support you | Pertemps">
147    <meta name="twitter:description" content="Discover your ideal job with Pertemps! Explore a wide range of temp and perm roles across the UK tailored to your skills and aspirations.">
148    <meta name="twitter:card" content="summary">
149    <meta name="twitter:site" content="https://www.pertemps.co.uk/">
150    <meta name="twitter:creator" content="">
151    <meta name="twitter:image" content="https://www.pertemps.co.uk/media/e02hours/pertemps-logo-dark.png">
152    <meta name="twitter:image:alt" content="Pertemps logo">
153    <meta property="og:title" content="Temp & Perm UK Jobs | We're here to support you | Pertemps">
154    <meta property="og:description" content="Discover your ideal job with Pertemps! Explore a wide range of temp and perm roles across the UK tailored to your skills and aspirations.">
155    <meta property="og:locale" content="en_GB">
156    <meta property="og:url" content="https://www.pertemps.co.uk">
157    <meta property="og:type" content="article">
158    <meta property="og:site_name" content="www.pertemps.co.uk">
159    <meta property="og:image" content="https://www.pertemps.co.uk/media/e02hours/pertemps-logo-dark.png">
160    <meta property="og:image:secure_url" content="https://www.pertemps.co.uk/media/e02hours/pertemps-logo-dark.png">
161    <meta property="og:image:alt" content="pertemps logo ">
162    <meta property="og:image:type" content="image/jpeg">
163    <meta property="og:image:width" content="250">
164    <meta property="og:image:height" content="43">
165    <meta property="article:published_time" content="2026-01-14">
166    <meta property="article:modified_time" content="2026-09-16">
167    <meta property="article:author" content="">
168    <meta property="article:section" content="Home">
169    <meta property="article:tag" content="Home">
170
171<link rel="stylesheet" href="/tailwind/theme/digital/png.styles.min.css" onload="this.media = 'all'">
172<link rel="stylesheet" href="/tailwind/theme/pertemps/custom.min.css" onload="this.media = 'all'">
173
174<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer">
175<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.6.0/css/glide.core.min.css" integrity="sha512-tYKqO78H3mRRCHa75fms1gBvGlANz0JxjN6fVrMBvWL+vOOy200npwJ69OBl9XEsTu3yVUvZNrdWFIIrIf8FLg==" crossorigin="anonymous" referrerpolicy="no-referrer">
176<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
177
178<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
vendor: 2 bytes, line 178
178
179<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
vendor: 2 bytes, line 179
179
180<script defer src=https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js></script>
vendor: 2 bytes, line 180
180
181<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
vendor: 2 bytes, line 181
181
182<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
vendor: 2 bytes, line 182
182
183<script defer src=https://cdn.jsdelivr.net/npm/@kingshott/[email protected]/dist/iodine.min.umd.js></script>
vendor: 2 bytes, line 183
183
184<script src=https://cdn.jsdelivr.net/npm/@glidejs/glide></script>
vendor: 2 bytes, line 184
184
185<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
vendor: 2 bytes, line 185
185
186<script type="text/javascript" src="/tailwind/bundles/js/Website/Global.min.js"></script>
vendor: 2 bytes, line 186
186
187<script type="text/javascript" src="/tailwind/bundles/js/Website/Nav.min.js"></script>
vendor: 2 bytes, line 187
187
188<script type="text/javascript" src="/tailwind/bundles/js/Website/Cookies.min.js"></script>
vendor: 2 bytes, line 188
188
189<script type="text/javascript" src="/tailwind/bundles/js/Utilities/Slider.min.js"></script>
vendor: 2 bytes, line 189
189
190<script src="//cdn.bc0a.com/autopilot/f00000000323883/autopilot_sdk.js"></script>
190
191    
192
193
194</head>
195
196<body x-data="app">
197    
198
199
200
201
202    <div class="png-panel" role="dialog" aria-modal="true" aria-label="Cookie modal" x-data="cookies" x-show="state.show" x-cloak>
203        <div class="fixed bottom-0 left-0 overflow-hidden"
204        x-show="state.show"
205        x-transition:enter="png-transition_slide"
206        x-transition:enter-start="translate-y-full"
207        x-transition:enter-end="translate-y-0"
208        x-transition:leave="png-transition_slide"
209        x-transition:leave-start="translate-y-0"
210        x-transition:leave-end="translate-y-full"
211        x-cloak>
212            <div class="flex max-h-full max-w-full">
213                <div class="png-panel_content">
214                    <div class="-top-10 w-full h-10 bg-gradient-to-t from-black opacity-5"></div>
215                    <div class="bg-white">
216                        <div class="container py-6 png-layout_flex-col -size-large lg:py-8 lg:flex-row lg:items-jcenter lg:!gap-12">
217                            <div class="png-layout_flex-col -size-small">
218
219                                    <div class="flex flex-row gap-3 items-center">
220                                        <h2 class="png-typo_text-1 font-bold text-gradient-primary">
221                                            Your Privacy
222                                        </h2>
223                                        <i class="fa-solid fa-lock text-primary"></i>
224                                    </div>
225                                    <div class="png-typo_text-3 font-secondary text-primary-300">
226                                        <p>We use cookies and similar technologies to help personalise content, tailor and measure ads, and provide a better experience. By clicking "All Cookies", you agree to this, as outlined in our&nbsp;<a target="_blank" data-router-slot="disabled" href="/legal/cookies/" title="Cookies">Cookie Policy</a>. By clicking "Essential Cookies" you only agree to essential cookies.</p>
227                                    </div>
228                            </div>
229                            <div class="md:inline-block md:flex md:justify-end md:shrink-0">
230                                <div class="flex flex-col gap-2 md:flex-row">
231                                    <button type="button" @click="handleAllCookies" class="png-btn -variant-solid -size-small -color-primary min-w-[160px]" aria-label="Accept All Cookies" title="Accept All Cookies">All Cookies</button>
232                                    <button type="button" @click="handleEssentialCookies" class="png-btn -variant-outline -size-small -color-dark min-w-[160px]" aria-label="Accept Essential Cookies" title="Accept Essential Cookies">Essential Cookies</button>
233                                </div>
234                            </div>
235                        </div>
236                    </div>
237                </div>
238            </div>
239        </div>
240    </div>
241
242
243
244    
245
246                <nav class="png-navbar" aria-label="navbar">
247                    <div class="container">
248                        <div class="flex flex-row items-center justify-between relative">
249
250                            <div class="png-navbar_left" x-data="{ isDark: true }">
251
252
253                                    <a href="/" aria-label="Home">
254                                        <img class="png-navbar_logo object-contain h-[40px] max-w-[126px] lg:h-[44px] lg:max-w-[132px] xl:max-w-[144px]" src="/media/jc2cl5ui/pertemps-logo-light.png" alt="Pertemps Logo" loading="eager" x-show="$store.global.state.nav.open || !isDark" x-cloak />
255                                    </a>
256
257                                    <a href="/" aria-label="Home">
258                                        <img class="png-navbar_logo object-contain h-[40px] max-w-[126px] lg:h-[44px] lg:max-w-[132px] xl:max-w-[144px]" src="/media/e02hours/pertemps-logo-dark.png" alt="Pertemps Logo" loading="eager" x-show="!$store.global.state.nav.open && isDark" x-cloak />
259                                    </a>
260
261                            </div>
262
263                            <div class="png-navbar_middle">
264                                <div class="hidden lg:block">
265                                    <div class="absolute z-[801] left-1/2 -translate-x-1/2 -top-1 p-1 rounded-200 flex items-center gap-1 bg-[#3D90DB]" :class="$store.global.state.nav.open ? '!bg-black !bg-opacity-10' : 'bg-[#3D90DB]'">
266                                            <a href="/salary-health-check/"
267                                               class="flex flex-row gap-1.5 items-center relative w-full block text-xs font-semibold leading-[1.2] uppercase text-left text-white whitespace-nowrap pr-1.5 pl-2 py-2 png-transition_colors rounded-200 hover:bg-black hover:bg-opacity-20"
268                                               aria-label="Check My Salary - Go to Salary Health Checker">
269                                                <span>
270                                                    Check My <br /> Salary
271                                                </span>
272                                                <svg class="w-[1.6rem] h-[1.6rem] fill-white -mt-0.5"
273                                                     xmlns="http://www.w3.org/2000/svg"
274                                                     viewBox="0 0 320 512">
275                                                    <path d="M112 160.4c0-35.5 28.8-64.4 64.4-64.4c6.9 0 13.8 1.1 20.4 3.3l81.2 27.1c16.8 5.6 34.9-3.5 40.5-20.2s-3.5-34.9-20.2-40.5L217 38.6c-13.1-4.4-26.8-6.6-40.6-6.6C105.5 32 48 89.5 48 160.4V224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H48v44.5c0 17.4-4.7 34.5-13.7 49.4L4.6 431.5c-5.9 9.9-6.1 22.2-.4 32.2S20.5 480 32 480H288c17.7 0 32-14.3 32-32s-14.3-32-32-32H88.5l.7-1.1C104.1 390 112 361.5 112 332.5V288H224c17.7 0 32-14.3 32-32s-14.3-32-32-32H112V160.4z" />
276                                                </svg>
277                                            </a>
278                                            <div class="h-9 opacity-10">
279                                                <span class="png-pipe -size-small -color-white"></span>
280                                            </div>
281                                            <a href="/find-a-branch/"
282                                               class="flex flex-row gap-1.5 items-center relative block text-xs font-semibold leading-[1.2] uppercase text-white pr-1.5 pl-2 py-2 png-transition_colors rounded-200 hover:bg-black hover:bg-opacity-20"
283                                               aria-label="Go to Branch Locator">
284                                                <span>
285                                                    Branch <br /> Locator
286                                                </span>
287                                                <svg class="h-7 w-7 -mt-1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
288                                                    <path d="M19.0004 10.5827C19.0004 16.522 11.6115 21.613 11.6115 21.613C11.6115 21.613 4.22266 16.522 4.22266 10.5827C4.22266 8.55736 5.00113 6.61502 6.38681 5.18293C7.7725 3.75083 9.65189 2.94629 11.6115 2.94629C13.5712 2.94629 15.4506 3.75083 16.8363 5.18293C18.222 6.61502 19.0004 8.55736 19.0004 10.5827Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
289                                                    <path d="M11.6109 13.0574C13.1143 13.0574 14.3331 11.8386 14.3331 10.3351C14.3331 8.8317 13.1143 7.61292 11.6109 7.61292C10.1075 7.61292 8.88867 8.8317 8.88867 10.3351C8.88867 11.8386 10.1075 13.0574 11.6109 13.0574Z" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
290                                                </svg>
291                                            </a>
292                                    </div>
293                                </div>
294                            </div>
295
296                            <div class="png-navbar_right">
297                                        <div class="lg:hidden">
298                                            <a href="/"
299                                               class="png-btn -variant-flat -size-medium -color-primary -icon-alone"
300                                               :class="$store.global.state.nav.open ? '-color-white' : null"
301                                               aria-label="Go to Saved Jobs">
302                                                <svg class="h-7 w-7" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 17" aria-hidden="true">
303                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M16.233 5.051H3.137c-.904 0-1.637.68-1.637 1.52v7.595c0 .838.733 1.518 1.637 1.518h13.096c.904 0 1.637-.68 1.637-1.518V6.57c0-.839-.733-1.519-1.637-1.519zM12.754 4.505v-1.26c0-.413-.165-.808-.46-1.1a1.584 1.584 0 00-1.114-.456H8.032c-.417 0-.818.164-1.113.456a1.546 1.546 0 00-.461 1.1v1.26" />
304                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".7" d="M13.217 7.589a2.012 2.012 0 00-.653-.451 1.961 1.961 0 00-1.543 0 2.012 2.012 0 00-.654.45l-.388.401-.388-.4c-.378-.39-.89-.61-1.425-.61s-1.047.22-1.425.61c-.378.39-.59.919-.59 1.47 0 .552.212 1.08.59 1.47l.388.401 2.85 2.941 2.85-2.94.388-.401c.188-.193.336-.423.438-.675a2.137 2.137 0 000-1.592 2.084 2.084 0 00-.438-.674z" />
305                                                </svg>
306                                            </a>
307                                        </div>
308                                <button type="button" @click="handleToggleNav($store.global.state.nav)" class="png-btn -variant-flat -size-medium -color-primary -icon-alone" aria-label="Open Navigation" title="Open Navigation" x-show="!$store.global.state.nav.open">
309                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" fill="currentColor" aria-hidden="true" class="h-7 w-7">
310                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.35" d="M1.5 10.593h27M1.5 1.593h27M1.5 19.593h27">
311                                        </path>
312                                    </svg>
313                                </button>
314
315                                <button type="button" @click="handleToggleNav($store.global.state.nav)" class="png-btn -variant-flat -size-medium -color-white -icon-alone" aria-label="Close Navigation" title="Close Navigation" x-show="$store.global.state.nav.open" x-cloak>
316                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="currentColor" aria-hidden="true" class="h-6 w-6">
317                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.35" d="M2 20.685L21.092 1.593M2 2.047l19.092 19.092M2 20.685L21.092 1.593" />
318                                    </svg>
319                                </button>
320                            </div>
321                        </div>
322                    </div>
323                </nav>
324                <div class="png-panel -layer-menu hidden lg:block"
325                     role="dialog"
326                     aria-modal="true"
327                     x-show="$store.global.state.nav.open"
328                     x-transition:leave="png-transition_opacity"
329                     x-transition:leave-start="opacity-100"
330                     x-transition:leave-end="opacity-0"
331                     x-trap.noscroll="$store.global.state.nav.open"
332                     x-cloak>
333                    <div @click="handleToggleNav($store.global.state.nav)"
334                         class="png-panel_background-overlay"
335                         x-transition:enter="png-transition_opacity"
336                         x-transition:enter-start="opacity-0"
337                         x-transition:enter-end="opacity-100"
338                         x-transition:leave="png-transition_opacity"
339                         x-transition:leave-start="opacity-100"
340                         x-transition:leave-end="opacity-0"
341                         x-show="$store.global.state.nav.open"></div>
342                    <div class="absolute top-0 left-0 overflow-hidden"
343                         x-transition:enter="png-transition_slide"
344                         x-transition:enter-start="opacity-0 -translate-y-1"
345                         x-transition:enter-end="opacity-100 translate-y-0"
346                         x-transition:leave="png-transition_slide"
347                         x-transition:leave-start="opacity-100 translate-y-0"
348                         x-transition:leave-end="opacity-0 -translate-y-1"
349                         x-show="$store.global.state.nav.open">
350                        <div class="flex max-h-full max-w-full">
351                            <div class="png-panel_content">
352                                <div class="png-navbar_overlay-desktop">
353                                    <div class="container flex space-between w-full gap-x-8">
354                                                        <div class="w-full flex flex-col gap-3">
355                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
356                                                                Jobs
357                                                            </h3>
358                                                            <span class="png-bar -color-light -size-small"></span>
359
360
361                                                                <ul class="space-y-1.5">
362                                                                        <li tabindex="0" aria-disabled="false">
363                                                                            <a href="/jobs/find-a-job/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Find A Job">
364                                                                                Find A Job
365                                                                            </a>
366                                                                        </li>
367                                                                        <li tabindex="0" aria-disabled="false">
368                                                                            <a href="/jobs/shortlist/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Shortlist">
369                                                                                Shortlist
370                                                                            </a>
371                                                                        </li>
372                                                                        <li tabindex="0" aria-disabled="false">
373                                                                            <a href="/jobs/job-alerts/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Job Alerts">
374                                                                                Job Alerts
375                                                                            </a>
376                                                                        </li>
377                                                                        <li tabindex="0" aria-disabled="false">
378                                                                            <a href="/jobs/jobs-by-brand/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Brand">
379                                                                                Jobs By Brand
380                                                                            </a>
381                                                                        </li>
382                                                                        <li tabindex="0" aria-disabled="false">
383                                                                            <a href="/jobs/jobs-by-sector/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Sector">
384                                                                                Jobs By Sector
385                                                                            </a>
386                                                                        </li>
387                                                                        <li tabindex="0" aria-disabled="false">
388                                                                            <a href="/jobs/jobs-by-clients/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Clients">
389                                                                                Jobs By Clients
390                                                                            </a>
391                                                                        </li>
392                                                                        <li tabindex="0" aria-disabled="false">
393                                                                            <a href="/jobs/register-cv/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Register CV">
394                                                                                Register CV
395                                                                            </a>
396                                                                        </li>
397                                                                </ul>
398                                                        </div>
399                                                        <div class="w-full flex flex-col gap-3">
400                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
401                                                                About Us
402                                                            </h3>
403                                                            <span class="png-bar -color-light -size-small"></span>
404
405
406                                                                <ul class="space-y-1.5">
407                                                                        <li tabindex="0" aria-disabled="false">
408                                                                            <a href="/about-us/a-brief-history/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to A Brief History">
409                                                                                A Brief History
410                                                                            </a>
411                                                                        </li>
412                                                                        <li tabindex="0" aria-disabled="false">
413                                                                            <a href="/about-us/what-we-do/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to What We Do">
414                                                                                What We Do
415                                                                            </a>
416                                                                        </li>
417                                                                        <li tabindex="0" aria-disabled="false">
418                                                                            <a href="/about-us/join-our-team/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Join Our Team">
419                                                                                Join Our Team
420                                                                            </a>
421                                                                        </li>
422                                                                        <li tabindex="0" aria-disabled="false">
423                                                                            <a href="/about-us/our-specialist-brands/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Specialist Brands">
424                                                                                Our Specialist Brands
425                                                                            </a>
426                                                                        </li>
427                                                                        <li tabindex="0" aria-disabled="false">
428                                                                            <a href="/about-us/armed-forces-support/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Armed Forces Support">
429                                                                                Armed Forces Support
430                                                                            </a>
431                                                                        </li>
432                                                                        <li tabindex="0" aria-disabled="false">
433                                                                            <a href="/about-us/esg/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to ESG">
434                                                                                ESG
435                                                                            </a>
436                                                                        </li>
437                                                                        <li tabindex="0" aria-disabled="false">
438                                                                            <a href="/about-us/dei/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to DE&amp;I">
439                                                                                DE&amp;I
440                                                                            </a>
441                                                                        </li>
442                                                                        <li tabindex="0" aria-disabled="false">
443                                                                            <a href="/about-us/levelling-up/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Levelling Up">
444                                                                                Levelling Up
445                                                                            </a>
446                                                                        </li>
447                                                                        <li tabindex="0" aria-disabled="false">
448                                                                            <a href="/about-us/purpose-values-behaviours/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Purpose, Values &amp; Behaviours">
449                                                                                Purpose, Values &amp; Behaviours
450                                                                            </a>
451                                                                        </li>
452                                                                </ul>
453                                                        </div>
454                                                        <div class="w-full flex flex-col gap-3">
455                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
456                                                                Candidates
457                                                            </h3>
458                                                            <span class="png-bar -color-light -size-small"></span>
459
460
461                                                                <ul class="space-y-1.5">
462                                                                        <li tabindex="0" aria-disabled="false">
463                                                                            <a href="/candidates/e-services/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to E-Services">
464                                                                                E-Services
465                                                                            </a>
466                                                                        </li>
467                                                                        <li tabindex="0" aria-disabled="false">
468                                                                            <a href="/candidates/career-advice/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Career Advice">
469                                                                                Career Advice
470                                                                            </a>
471                                                                        </li>
472                                                                        <li tabindex="0" aria-disabled="false">
473                                                                            <a href="/candidates/our-clients/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Clients">
474                                                                                Our Clients
475                                                                            </a>
476                                                                        </li>
477                                                                        <li tabindex="0" aria-disabled="false">
478                                                                            <a href="/candidates/our-sectors/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Sectors">
479                                                                                Our Sectors
480                                                                            </a>
481                                                                        </li>
482                                                                        <li tabindex="0" aria-disabled="false">
483                                                                            <a href="/candidates/salary-health-check/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Salary Health Check">
484                                                                                Salary Health Check
485                                                                            </a>
486                                                                        </li>
487                                                                        <li tabindex="0" aria-disabled="false">
488                                                                            <a href="/candidates/stem-careers/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to STEM Careers">
489                                                                                STEM Careers
490                                                                            </a>
491                                                                        </li>
492                                                                        <li tabindex="0" aria-disabled="false">
493                                                                            <a href="/candidates/work-for-royal-mail/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Work For Royal Mail">
494                                                                                Work For Royal Mail
495                                                                            </a>
496                                                                        </li>
497                                                                </ul>
498                                                        </div>
499                                                        <div class="w-full flex flex-col gap-3">
500                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
501                                                                Clients
502                                                            </h3>
503                                                            <span class="png-bar -color-light -size-small"></span>
504
505
506                                                                <ul class="space-y-1.5">
507                                                                        <li tabindex="0" aria-disabled="false">
508                                                                            <a href="/clients/e-services/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to E-Services">
509                                                                                E-Services
510                                                                            </a>
511                                                                        </li>
512                                                                        <li tabindex="0" aria-disabled="false">
513                                                                            <a href="/clients/our-expertise/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Expertise">
514                                                                                Our Expertise
515                                                                            </a>
516                                                                        </li>
517                                                                        <li tabindex="0" aria-disabled="false">
518                                                                            <a href="/clients/our-promise/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Promise">
519                                                                                Our Promise
520                                                                            </a>
521                                                                        </li>
522                                                                        <li tabindex="0" aria-disabled="false">
523                                                                            <a href="/clients/how-can-we-help/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to How Can We Help?">
524                                                                                How Can We Help?
525                                                                            </a>
526                                                                        </li>
527                                                                        <li tabindex="0" aria-disabled="false">
528                                                                            <a href="/clients/resource-centre/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Resource Centre">
529                                                                                Resource Centre
530                                                                            </a>
531                                                                        </li>
532                                                                        <li tabindex="0" aria-disabled="false">
533                                                                            <a href="/clients/iceberg-challenge/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Iceberg Challenge">
534                                                                                Iceberg Challenge
535                                                                            </a>
536                                                                        </li>
537                                                                </ul>
538                                                        </div>
539                                                        <div class="w-full flex flex-col gap-3">
540                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
541                                                                News &amp; Blogs
542                                                            </h3>
543                                                            <span class="png-bar -color-light -size-small"></span>
544
545
546                                                                <ul class="space-y-1.5">
547                                                                        <li tabindex="0" aria-disabled="false">
548                                                                            <a href="/news-blogs/blogs/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Blogs">
549                                                                                Blogs
550                                                                            </a>
551                                                                        </li>
552                                                                        <li tabindex="0" aria-disabled="false">
553                                                                            <a href="/news-blogs/news/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to News">
554                                                                                News
555                                                                            </a>
556                                                                        </li>
557                                                                </ul>
558                                                        </div>
559                                                        <div class="w-full flex flex-col gap-3">
560                                                            <h3 class="png-typo_text-2 uppercase text-left font-bold text-neutral-300">
561                                                                Contact
562                                                            </h3>
563                                                            <span class="png-bar -color-light -size-small"></span>
564
565
566                                                                <ul class="space-y-1.5">
567                                                                        <li tabindex="0" aria-disabled="false">
568                                                                            <a href="/contact/find-a-branch/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Find a Branch">
569                                                                                Find a Branch
570                                                                            </a>
571                                                                        </li>
572                                                                        <li tabindex="0" aria-disabled="false">
573                                                                            <a href="/contact/data-protection-request/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Data Protection Request">
574                                                                                Data Protection Request
575                                                                            </a>
576                                                                        </li>
577                                                                        <li tabindex="0" aria-disabled="false">
578                                                                            <a href="/contact/make-a-complaint/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Make a Complaint">
579                                                                                Make a Complaint
580                                                                            </a>
581                                                                        </li>
582                                                                        <li tabindex="0" aria-disabled="false">
583                                                                            <a href="/contact/general-enquiry/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to General Enquiry">
584                                                                                General Enquiry
585                                                                            </a>
586                                                                        </li>
587                                                                        <li tabindex="0" aria-disabled="false">
588                                                                            <a href="/contact/press-office/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Press Office">
589                                                                                Press Office
590                                                                            </a>
591                                                                        </li>
592                                                                </ul>
593                                                        </div>
594                                    </div>
595                                </div>
596                            </div>
597                        </div>
598                    </div>
599                </div>
600                <div class="png-panel -layer-menu lg:hidden" role="dialog" aria-modal="true" x-data x-show="$store.global.state.nav.open" x-cloak>
601                    <div class="png-panel_background-overlay"
602                         x-show="$store.global.state.nav.open"
603                         @click="handleToggleNav"
604                         x-transition:enter="png-transition_opacity"
605                         x-transition:enter-start="opacity-0"
606                         x-transition:enter-end="opacity-100"
607                         x-transition:leave="png-transition_opacity"
608                         x-transition:leave-start="opacity-100"
609                         x-transition:leave-end="opacity-0"
610                         x-cloak></div>
611                    <div class="fixed top-0 left-0 overflow-hidden"
612                         x-show="$store.global.state.nav.open"
613                         x-transition:enter="png-transition_slide"
614                         x-transition:enter-start="translate-x-full"
615                         x-transition:enter-end="translate-x-0"
616                         x-transition:leave="png-transition_slide"
617                         x-transition:leave-start="translate-x-0"
618                         x-transition:leave-end="translate-x-full"
619                         x-cloak>
620                        <div class="flex max-h-full max-w-full">
621                            <div class="png-panel_content">
622                                <div class="png-navbar_overlay-mobile">
623                                    <div class="container">
624                                            <div class="h-9 opacity-10">
625                                                <span class="png-pipe -size-small -color-white"></span>
626                                            </div>
627                                    </div>
628                                        <div class="container overflow-y-auto overflow-x-hidden pb-gutter h-[calc(100vh-134px)]">
629                                            <section class="png-accordion -color-white-transparent -size-medium" x-data="{selected:null}">
630                                                            <div class="png-accordion_item">
631                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 0 ? selected = 0 : selected = null" aria-expanded="false">
632                                                                    <span class="png-accordion_header-text uppercase">Jobs</span>
633                                                                    <span class="png-accordion_header-icon">
634                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
635                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 0 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
636                                                                    </span>
637                                                                </button>
638                                                                <div x-ref="accordionBody0" x-bind:style="selected == 0 ? 'max-height: ' + $refs.accordionBody0.scrollHeight + 'px' : ''" class="png-accordion_body">
639                                                                    <div class="png-accordion_content">
640                                                                            <ul class="space-y-2">
641                                                                                        <li tabindex="0" aria-disabled="false">
642                                                                                            <a href="/jobs/find-a-job/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Find A Job">
643                                                                                                Find A Job
644                                                                                            </a>
645                                                                                        </li>
646                                                                                        <li tabindex="0" aria-disabled="false">
647                                                                                            <a href="/jobs/shortlist/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Shortlist">
648                                                                                                Shortlist
649                                                                                            </a>
650                                                                                        </li>
651                                                                                        <li tabindex="0" aria-disabled="false">
652                                                                                            <a href="/jobs/job-alerts/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Job Alerts">
653                                                                                                Job Alerts
654                                                                                            </a>
655                                                                                        </li>
656                                                                                        <li tabindex="0" aria-disabled="false">
657                                                                                            <a href="/jobs/jobs-by-brand/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Brand">
658                                                                                                Jobs By Brand
659                                                                                            </a>
660                                                                                        </li>
661                                                                                        <li tabindex="0" aria-disabled="false">
662                                                                                            <a href="/jobs/jobs-by-sector/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Sector">
663                                                                                                Jobs By Sector
664                                                                                            </a>
665                                                                                        </li>
666                                                                                        <li tabindex="0" aria-disabled="false">
667                                                                                            <a href="/jobs/jobs-by-clients/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Jobs By Clients">
668                                                                                                Jobs By Clients
669                                                                                            </a>
670                                                                                        </li>
671                                                                                        <li tabindex="0" aria-disabled="false">
672                                                                                            <a href="/jobs/register-cv/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Register CV">
673                                                                                                Register CV
674                                                                                            </a>
675                                                                                        </li>
676                                                                            </ul>
677                                                                    </div>
678                                                                </div>
679                                                            </div>
680                                                            <div class="png-accordion_
680item">
681                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 1 ? selected = 1 : selected = null" aria-expanded="false">
682                                                                    <span class="png-accordion_header-text uppercase">About Us</span>
683                                                                    <span class="png-accordion_header-icon">
684                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
685                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 1 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
686                                                                    </span>
687                                                                </button>
688                                                                <div x-ref="accordionBody1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.accordionBody1.scrollHeight + 'px' : ''" class="png-accordion_body">
689                                                                    <div class="png-accordion_content">
690                                                                            <ul class="space-y-2">
691                                                                                        <li tabindex="0" aria-disabled="false">
692                                                                                            <a href="/about-us/a-brief-history/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to A Brief History">
693                                                                                                A Brief History
694                                                                                            </a>
695                                                                                        </li>
696                                                                                        <li tabindex="0" aria-disabled="false">
697                                                                                            <a href="/about-us/what-we-do/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to What We Do">
698                                                                                                What We Do
699                                                                                            </a>
700                                                                                        </li>
701                                                                                        <li tabindex="0" aria-disabled="false">
702                                                                                            <a href="/about-us/join-our-team/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Join Our Team">
703                                                                                                Join Our Team
704                                                                                            </a>
705                                                                                        </li>
706                                                                                        <li tabindex="0" aria-disabled="false">
707                                                                                            <a href="/about-us/our-specialist-brands/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Specialist Brands">
708                                                                                                Our Specialist Brands
709                                                                                            </a>
710                                                                                        </li>
711                                                                                        <li tabindex="0" aria-disabled="false">
712                                                                                            <a href="/about-us/armed-forces-support/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Armed Forces Support">
713                                                                                                Armed Forces Support
714                                                                                            </a>
715                                                                                        </li>
716                                                                                        <li tabindex="0" aria-disabled="false">
717                                                                                            <a href="/about-us/esg/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to ESG">
718                                                                                                ESG
719                                                                                            </a>
720                                                                                        </li>
721                                                                                        <li tabindex="0" aria-disabled="false">
722                                                                                            <a href="/about-us/dei/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to DE&amp;I">
723                                                                                                DE&amp;I
724                                                                                            </a>
725                                                                                        </li>
726                                                                                        <li tabindex="0" aria-disabled="false">
727                                                                                            <a href="/about-us/levelling-up/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Levelling Up">
728                                                                                                Levelling Up
729                                                                                            </a>
730                                                                                        </li>
731                                                                                        <li tabindex="0" aria-disabled="false">
732                                                                                            <a href="/about-us/purpose-values-behaviours/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Purpose, Values &amp; Behaviours">
733                                                                                                Purpose, Values &amp; Behaviours
734                                                                                            </a>
735                                                                                        </li>
736                                                                            </ul>
737                                                                    </div>
738                                                                </div>
739                                                            </div>
740                                                            <div class="png-accordion_
740item">
741                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 2 ? selected = 2 : selected = null" aria-expanded="false">
742                                                                    <span class="png-accordion_header-text uppercase">Candidates</span>
743                                                                    <span class="png-accordion_header-icon">
744                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
745                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 2 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
746                                                                    </span>
747                                                                </button>
748                                                                <div x-ref="accordionBody2" x-bind:style="selected == 2 ? 'max-height: ' + $refs.accordionBody2.scrollHeight + 'px' : ''" class="png-accordion_body">
749                                                                    <div class="png-accordion_content">
750                                                                            <ul class="space-y-2">
751                                                                                        <li tabindex="0" aria-disabled="false">
752                                                                                            <a href="/candidates/e-services/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to E-Services">
753                                                                                                E-Services
754                                                                                            </a>
755                                                                                        </li>
756                                                                                        <li tabindex="0" aria-disabled="false">
757                                                                                            <a href="/candidates/career-advice/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Career Advice">
758                                                                                                Career Advice
759                                                                                            </a>
760                                                                                        </li>
761                                                                                        <li tabindex="0" aria-disabled="false">
762                                                                                            <a href="/candidates/our-clients/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Clients">
763                                                                                                Our Clients
764                                                                                            </a>
765                                                                                        </li>
766                                                                                        <li tabindex="0" aria-disabled="false">
767                                                                                            <a href="/candidates/our-sectors/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Sectors">
768                                                                                                Our Sectors
769                                                                                            </a>
770                                                                                        </li>
771                                                                                        <li tabindex="0" aria-disabled="false">
772                                                                                            <a href="/candidates/salary-health-check/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Salary Health Check">
773                                                                                                Salary Health Check
774                                                                                            </a>
775                                                                                        </li>
776                                                                                        <li tabindex="0" aria-disabled="false">
777                                                                                            <a href="/candidates/stem-careers/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to STEM Careers">
778                                                                                                STEM Careers
779                                                                                            </a>
780                                                                                        </li>
781                                                                                        <li tabindex="0" aria-disabled="false">
782                                                                                            <a href="/candidates/work-for-royal-mail/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Work For Royal Mail">
783                                                                                                Work For Royal Mail
784                                                                                            </a>
785                                                                                        </li>
786                                                                            </ul>
787                                                                    </div>
788                                                                </div>
789                                                            </div>
790                                                            <div class="png-accordion_
790item">
791                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 3 ? selected = 3 : selected = null" aria-expanded="false">
792                                                                    <span class="png-accordion_header-text uppercase">Clients</span>
793                                                                    <span class="png-accordion_header-icon">
794                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
795                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 3 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
796                                                                    </span>
797                                                                </button>
798                                                                <div x-ref="accordionBody3" x-bind:style="selected == 3 ? 'max-height: ' + $refs.accordionBody3.scrollHeight + 'px' : ''" class="png-accordion_body">
799                                                                    <div class="png-accordion_content">
800                                                                            <ul class="space-y-2">
801                                                                                        <li tabindex="0" aria-disabled="false">
802                                                                                            <a href="/clients/e-services/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to E-Services">
803                                                                                                E-Services
804                                                                                            </a>
805                                                                                        </li>
806                                                                                        <li tabindex="0" aria-disabled="false">
807                                                                                            <a href="/clients/our-expertise/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Expertise">
808                                                                                                Our Expertise
809                                                                                            </a>
810                                                                                        </li>
811                                                                                        <li tabindex="0" aria-disabled="false">
812                                                                                            <a href="/clients/our-promise/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Our Promise">
813                                                                                                Our Promise
814                                                                                            </a>
815                                                                                        </li>
816                                                                                        <li tabindex="0" aria-disabled="false">
817                                                                                            <a href="/clients/how-can-we-help/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to How Can We Help?">
818                                                                                                How Can We Help?
819                                                                                            </a>
820                                                                                        </li>
821                                                                                        <li tabindex="0" aria-disabled="false">
822                                                                                            <a href="/clients/resource-centre/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Resource Centre">
823                                                                                                Resource Centre
824                                                                                            </a>
825                                                                                        </li>
826                                                                                        <li tabindex="0" aria-disabled="false">
827                                                                                            <a href="/clients/iceberg-challenge/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Iceberg Challenge">
828                                                                                                Iceberg Challenge
829                                                                                            </a>
830                                                                                        </li>
831                                                                            </ul>
832                                                                    </div>
833                                                                </div>
834                                                            </div>
835                                                            <div class="png-accordion_
835item">
836                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 4 ? selected = 4 : selected = null" aria-expanded="false">
837                                                                    <span class="png-accordion_header-text uppercase">News &amp; Blogs</span>
838                                                                    <span class="png-accordion_header-icon">
839                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
840                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 4 && '-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
841                                                                    </span>
842                                                                </button>
843                                                                <div x-ref="accordionBody4" x-bind:style="selected == 4 ? 'max-height: ' + $refs.accordionBody4.scrollHeight + 'px' : ''" class="png-accordion_body">
844                                                                    <div class="png-accordion_content">
845                                                                            <ul class="space-y-2">
846                                                                                        <li tabindex="0" aria-disabled="false">
847                                                                                            <a href="/news-blogs/blogs/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Blogs">
848                                                                                                Blogs
849                                                                                            </a>
850                                                                                        </li>
851                                                                                        <li tabindex="0" aria-disabled="false">
852                                                                                            <a href="/news-blogs/news/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to News">
853                                                                                                News
854                                                                                            </a>
855                                                                                        </li>
856                                                                            </ul>
857                                                                    </div>
858                                                                </div>
859                                                            </div>
860                                                            <div class="png-accordion_item">
861                                                                <button type="button" :id="$id('nav_mobile-menu-accordion')" class="png-accordion_header" @click="selected !== 5 ? selected = 5 : selected = null" aria-expanded="false">
862                                                                    <span class="png-accordion_header-text uppercase">Contact</span>
863                                                                    <span class="png-accordion_header-icon">
864                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true"><path d="M20.35 40.996H0v-19.84h20.35l19.58-.01h20.35v19.84H39.93l-19.58.01z"></path></svg>
865                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" fill="currentColor" aria-hidden="true" x-data :class="selected == 5 && '
865-open'"><path d="M20.215 21.28V.93h19.84v20.35l.01 19.58v20.35h-19.84V40.86l-.01-19.58z"></path></svg>
866                                                                    </span>
867                                                                </button>
868                                                                <div x-ref="accordionBody5" x-bind:style="selected == 5 ? 'max-height: ' + $refs.accordionBody5.scrollHeight + 'px' : ''" class="png-accordion_body">
869                                                                    <div class="png-accordion_content">
870                                                                            <ul class="space-y-2">
871                                                                                        <li tabindex="0" aria-disabled="false">
872                                                                                            <a href="/contact/find-a-branch/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Find a Branch">
873                                                                                                Find a Branch
874                                                                                            </a>
875                                                                                        </li>
876                                                                                        <li tabindex="0" aria-disabled="false">
877                                                                                            <a href="/contact/data-protection-request/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Data Protection Request">
878                                                                                                Data Protection Request
879                                                                                            </a>
880                                                                                        </li>
881                                                                                        <li tabindex="0" aria-disabled="false">
882                                                                                            <a href="/contact/make-a-complaint/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Make a Complaint">
883                                                                                                Make a Complaint
884                                                                                            </a>
885                                                                                        </li>
886                                                                                        <li tabindex="0" aria-disabled="false">
887                                                                                            <a href="/contact/general-enquiry/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to General Enquiry">
888                                                                                                General Enquiry
889                                                                                            </a>
890                                                                                        </li>
891                                                                                        <li tabindex="0" aria-disabled="false">
892                                                                                            <a href="/contact/press-office/" class="png-link -color-light uppercase png-typo_text-3" aria-label="Go to Press Office">
893                                                                                                Press Office
894                                                                                            </a>
895                                                                                        </li>
896                                                                            </ul>
897                                                                    </div>
898                                                                </div>
899                                                            </div>
900                                            </section>
901                                        </div>
902
903                                </div>
904                            </div>
905                        </div>
906                    </div>
907                </div>
908            <main>
909                <div class="png-layout_page">
910
911
912	<div>
913		
914
915    
916
917
918
919
920            <div>
921                
922        <section x-data="jobSearch" class="png-header_search pt-18 sm:pt-14 lg:pt-16 !bg-[#f8f9fb]
923                                                   -color-campaign
924                                                   -size-small">
925            <div class="relative h-full z-10 flex flex-col items-end justify-end">
926                <div class="container">
927                    <div class="relative sm:h-full">
928                            <div class="relative flex flex-col items-start sm:flex  sm:flex-row  sm:items-end sm:justify-between">
929                                                <div class="z-10 pb-6 pl-2 sm:pl-0 sm:pb-gutter sm:absolute sm:left-0">
930                                                    <svg class="w-11 h-11 mb-1.5 sm:w-12 sm:h-12 md:w-13 md:h-13 lg:w-18 lg:h-18 xl:w-19 xl:h-19" viewBox="0 0 84 76" fill="none" xmlns="http://www.w3.org/2000/svg">
931                                                        <path d="M7.56106 73.2158C5.75695 73.2158 4.49099 72.5914 3.75295 71.3401C3.0149 70.0939 2.64844 68.5739 2.64844 66.7877V25.8162C2.64844 19.388 3.95796 14.5695 6.57957 11.3555C9.19861 8.1414 12.3532 5.99955 16.0384 4.92734C19.7235 3.85514 23.1216 3.32031 26.2352 3.32031C28.5262 3.32031 3
9310.2893 3.36637 31.5169 3.45338C32.7444 3.5455 33.7669 3.76813 34.5869 4.12383V18.5845C31.4733 18.5845 29.5513 19.4341 28.8132 21.1281C28.0752 22.8273 27.7087 24.4753 27.7087 26.0823V33.8487H30.1663C31.6399 33.8487 32.9084 34.3426 33.9744 35.3227C35.038 36.3053 35.571 37.8663 35.571 40.0082V66.7877C35.571 71.0714 33.7669 73.2158 30.1663 73.2158H7.56106Z" stroke="#6AAAE4" stroke-width="7" />
932                                                        <path d="M53.5064 73.2158C51.7023 73.2158 50.4337 72.5914 49.6983 71.3401C48.9602 70.0939 48.5938 68.5739 48.5938 66.7877V25.8162C48.5938 19.388 49.9033 14.5695 52.5249 11.3555C55.1439 8.1414 58.2986 5.99955 61.9837 4.92734C65.6688 3.85514 69.0669 3.32031 72.1805 3.32031C74.4715 3.32031 76.2347 3.36637 77.4622 3.45338C78.6897 3.5455 79.7122 3.76813 80.5348 4.12383V18.5845C77.4212 18.5845 75.4966 19.4341 74.7611 21.1281C74.0231 22.8273 73.6566 24.4753 73.6566 26.0823V33.8487H76.1142C77.5877 33.8487 78.8563 34.3426 79.9223 35.3227C80.9858 36.3053 81.5189 37.8663 81.5189 40.0082V66.7877C81.5189 71.0714 79.7147 73.2158 76.1142 73.2158H53.5089H53.5064Z" stroke="#6AAAE4" stroke-width="7" />
933                                                    </svg>
934                                                    <h1 class="text-primary font-bold !text-[48px] md:!text-[52px] md:!text-[60px] leading-[0.9] lg:!text-[78px] xl:!text-[84px]">
935LET'S<br>WORK<br>TOGETHER                                                    </h1>
936                                                </div>
937                                <div class=" w-full">
938                                        <div class="slick_carousel">
939                                                    <div class="slide ">
940                                                        <div class="flex justify-end">
941                                                            <picture>
942                                                                <img src="/media/n2ejybye/warehouse-operative-website-drop-shadow.png"
943                                                                     alt="Warehouse Operative"
944                                                                     class="png-image -object-contain max-h-[440px] "
945                                                                     loading="eager" />
946                                                            </picture>
947                                                        </div>
948                                                    </div>
949                                                    <div class="slide ">
950                                                        <div class="flex justify-end">
951                                                            <picture>
952                                                                <img src="/media/maylwpyn/customer-service-website-drop-shadow.png"
953                                                                     alt="Customer Service"
954                                                                     class="png-image -object-contain max-h-[440px] "
955                                                                     loading="eager" />
956                                                            </picture>
957                                                        </div>
958                                                    </div>
959                                                    <div class="slide ">
960                                                        <div class="flex justify-end">
961                                                            <picture>
962                                                                <img src="/media/343acezk/admin-website-drop-shadow.png"
963                                                                     alt="Administrator"
964                                                                     class="png-image -object-contain max-h-[440px] "
965                                                                     loading="eager" />
966                                                            </picture>
967                                                        </div>
968                                                    </div>
969                                                    <div class="slide ">
970                                                        <div class="flex justify-end">
971                                                            <picture>
972                                                                <img src="/media/ypsnglbn/hgv-driver-website-drop-shadow.png"
973                                                                     alt="HGV Driver"
974                                                                     class="png-image -object-contain max-h-[440px] "
975                                                                     loading="eager" />
976                                                            </picture>
977                                                        </div>
978                                                    </div>
979                                        </div>
980                                </div>
981                            </div>
982                                <div class="w-full hero-campaign">
983                                    
984
985<div class="relative w-full hidden lg:block">
986    
987<div class="relative">
988
989    
990<form @submit="handleSearch(event, $store.jobSearch.state.search)" action="/" class="png-search -variant-landing -color-campaign" enctype="multipart/form-data" id="job-search_form" method="post" x-bind:class="{&#x27;-active&#x27; : $store.jobSearch.state.search.fields.keywords.active || $store.jobSearch.state.search.fields.location.active }" x-init="$store.jobSearch.state.search.formElement = $el">    <span class="png-search_bg"></span>
991    <div class="png-search_content">
992            <div class="png-search_input-wrapper -position-left"
993                 x-bind:class="{'-active' : $store.jobSearch.state.search.fields.keywords.active, '-faded' : $store.jobSearch.state.search.fields.location.active}"
994                 @mouseenter="handleSearchActive(true, $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.location)"
995                 @mouseleave="handleSearchActive(false, $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.location)">
996                <input @blur="handleSearchActive(false, $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.location)" @focus="handleSearchActive(true, $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.location)" @keydown.enter="$focus.focus($refs.jobSearchNavLocationInput)" @keyup="$store.jobSearch.state.search.fields.keywords.value.length &lt; 2 ? handleResetTypeahead($store.jobSearch.state.search.fields.keywords) : null" autocomplete="off" data-search="keywords" id="job-search_keywords-input" name="SearchByParameter.Keywords" placeholder="Keywords, Job Title or Featured Client" type="text" value="" x-model="$store.jobSearch.state.search.fields.keywords.value" x-ref="jobSearchNavKeywordInput" />
997                <label class="png-search_input-label"> Search Jobs </label>
998                <span class="png-search_input-sublabel"> Keywords, Job Title or Featured Client </span>
999                <span x-ref="jobSearchNavKeywordsUnderlay" class="png-search_input-underlay"> </span>
1000                <div class="png-search_input-clear"
1001                     x-show="$store.jobSearch.state.search.fields.keywords.active && $store.jobSearch.state.search.fields.keywords.value.length > 0"
1002                     x-cloak
1003                     x-transition.duration.200ms>
1004                    <button type="button" @click="handleSearchClearField($store.jobSearch.state.search.fields.keywords)" class="png-btn -icon-only -variant-flat" aria-label="Clear keywords" tabindex="-1">
1005    <svg class="w-5 h-5" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1006        <path d="M8.55688 2.03711C12.341 2.03711 15.4087 5.10477 15.4087 8.88892C15.4087 12.6731 12.341 15.7407 8.55688 15.7407C4.77274 15.7407 1.70508 12.6731 1.70508 8.88892C1.70508 5.10477 4.77274 2.03711 8.55688 2.03711Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
1007        <path d="M10.6111 10.9443L6.5 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1008        <path d="M6.5 10.9443L10.6111 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1009    </svg>
1010</button>
1011
1012                </div>
1013            </div>
1014
1015            <div class="absolute inset-0 left-[46%] py-3">
1016                <span class="png-pipe -size-small -color-light"></span>
1017            </div>
1018
1019            <div class="png-search_input-wrapper -position-right" x-bind:class="{'-active' : $store.jobSearch.state.search.fields.location.active, '-faded' : $store.jobSearch.state.search.fields.keywords.active}" @mouseenter="handleSearchActive(true, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.keywords)" @mouseleave="handleSearchActive(false, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.keywords)">
1020                <input @blur="handleSearchActive(false, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.keywords)" @focus="handleSearchActive(true, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.keywords)" @keyup="$store.jobSearch.state.search.fields.location.value.length === 0 ? handleResetTypeahead($store.jobSearch.state.search.fields.location) : null" autocomplete="off" data-search="location" id="job-search_location-input" name="SearchByParameter.Location" placeholder="Postcode, Town or City" type="text" value="" x-model="$store.jobSearch.state.search.fields.location.value" x-ref="jobSearchNavLocationInput" />
1021                <label class="png-search_input-label"> Add Location </label>
1022                <span class="png-search_input-sublabel"> Postcode, Town or City</span>
1023                <span x-ref="jobSearchNavLocationUnderlay" class="png-search_input-underlay"> </span>
1024                <div class="png-search_input-clear"
1025                     x-show="$store.jobSearch.state.search.fields.location.active && $store.jobSearch.state.search.fields.location.value.length > 0"
1026                     x-cloak
1027                     x-transition.duration.200ms>
1028                    <button type="button" @click="handleSearchClearField($store.jobSearch.state.search.fields.location)" class="png-btn -icon-only -variant-flat" aria-label="Clear location" tabindex="-1">
1029    <svg class="w-5 h-5" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1030        <path d="M8.55688 2.03711C12.341 2.03711 15.4087 5.10477 15.4087 8.88892C15.4087 12.6731 12.341 15.7407 8.55688 15.7407C4.77274 15.7407 1.70508 12.6731 1.70508 8.88892C1.70508 5.10477 4.77274 2.03711 8.55688 2.03711Z" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1031        <path d="M10.6111 10.9443L6.5 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1032        <path d="M6.5 10.9443L10.6111 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1033    </svg>
1034</button>
1035
1036                </div>
1037            </div>
1038            <div class="png-search_action-wrapper">
1039                <button type="submit" class="png-btn -variant-solid -color-primary -icon !pl-4 !pr-5" style="box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);" aria-label="Search">
1040                    <span>
1041                        <svg class="h-6 w-6 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 29" stroke="currentColor" aria-hidden="true">
1042                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.573 22.928a9.272 9.272 0 100-18.543 9.272 9.272 0 000 18.544z" />
1043                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" d="M25.935 26.02l-5.042-5.043" />
1044                        </svg>
1045                    </span>
1046                    <span class="text-left">
1047                        <span class="block png-typo_title-5">Search</span>
1048                    </span>
1049                </button>
1050            </div>
1051        </div>
1052<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GQAHyuN67BAkb-4NJp1Jcscw5GT7BxLAcPYRB2WNppufTBvt2HwpZYjcZx5Qx3rfWK2x57gho7j3utC55P-BC1XHWCz3wKg6GieKbSvxJcQ4jkxFfSdzDIxPNHK-lKEs_JAxz_-e6aTSMO9bjR2Cnk" /><input name="ufprt" type="hidden" value="CfDJ8GQAHyuN67BAkb-4NJp1JcsZIRhtKiWy-wdJzx-PQyulCFalFopSU_aX7-aj_iXoniCmXI-Zan0HXHXfna6fg6U23sB_uG2mluQPlDyJlBorFo_ieeSfYSBnKq4l4YmmuoT-gz5Q5m8ceymmMjfcUjPef2uiI24cSQS7bdDwX0OQ" /></form>
1053    
1054<div class="png-typeahead -position-left"
1055     x-ref="keywordsTypeahead"
1056     x-show="$store.jobSearch.state.search.fields.keywords.focused &&
1057        window.matchMedia('(min-width: 1024px)').matches &&
1058        ($store.jobSearch.state.search.fields.keywords.showPopularJobTitlesOnDesktop || $store.jobSearch.state.search.fields.keywords.suggestions);"
1059     x-transition:enter="png-transition_slide"
1060     x-transition:enter-start="opacity-0 -translate-y-1"
1061     x-transition:enter-end="opacity-100 translate-y-0"
1062     x-transition:leave="png-transition_slide"
1063     x-transition:leave-start="opacity-100 translate-y-0"
1064     x-transition:leave-end="opacity-0 -translate-y-1"
1065     x-cloak>
1066    <div class="png-typeahead_inner">
1067        <div class="png-typeahead_header">
1068            <p>Suggested <strong>Job Titles</strong> and <strong>Keywords</strong></p>
1069        </div>
1070        
1071        
1072<div class="h-full w-full relative png-layout_flex-col"
1073     x-ref="jobSearchKeywordsSuggestions">
1074    <div class="flex flex-wrap gap-1.5"
1075             x-show="window.matchMedia('(min-width: 1024px)').matches ? $store.jobSearch.state.search.fields.keywords.showPopularJobTitlesOnDesktop && !$store.jobSearch.state.search.fields.keywords.suggestions : !$store.jobSearch.state.search.fields.keywords.suggestions;">
1076            <button type="button"
1077                    @click="handleSuggestionsSelect('', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1078                    class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1079                    aria-label="Search any job">
1080                Any Job
1081            </button>
1082            <button type="button"
1083                        @click="handleSuggestionsSelect('Warehouse Operative', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1084                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1085                        aria-label="Search Warehouse Operative jobs">
1086                    Warehouse Operative
1087                </button>
1088            <button type="button"
1089                        @click="handleSuggestionsSelect('Administrator', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1090                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1091                        aria-label="Search Administrator jobs">
1092                    Administrator
1093                </button>
1094            <button type="button"
1095                        @click="handleSuggestionsSelect('Class 1 HGV Driver', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1096                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1097                        aria-label="Search Class 1 HGV Driver jobs">
1098                    Class 1 HGV Driver
1099                </button>
1100            <button type="button"
1101                        @click="handleSuggestionsSelect('Driver', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1102                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1103                        aria-label="Search Driver jobs">
1104                    Driver
1105                </button>
1106            <button type="button"
1107                        @click="handleSuggestionsSelect('Social Worker', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1108                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1109                        aria-label="Search Social Worker jobs">
1110                    Social Worker
1111                </button>
1112            <button type="button"
1113                        @click="handleSuggestionsSelect('Large Goods Vehicle Driver', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1114                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1115                        aria-label="Search Large Goods Vehicle Driver jobs">
1116                    Large Goods Vehicle Driver
1117                </button>
1118            <button type="button"
1119                        @click="handleSuggestionsSelect('Solicitor', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1120                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1121                        aria-label="Search Solicitor jobs">
1122                    Solicitor
1123                </button>
1124            <button type="button"
1125                        @click="handleSuggestionsSelect('Artworker', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1126                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1127                        aria-label="Search Artworker jobs">
1128                    Artworker
1129                </button>
1130            <button type="button"
1131                        @click="handleSuggestionsSelect('Delivery Driver', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1132                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1133                        aria-label="Search Delivery Driver jobs">
1134                    Delivery Driver
1135                </button>
1136            <button type="button"
1137                        @click="handleSuggestionsSelect('Van Driver', $store.jobSearch.state.search.fields.keywords, $store.jobSearch.state.search.fields.keywords.suggestionsSelectCallback)"
1138                        class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1139                        aria-label="Search Van Driver jobs">
1140                    Van Driver
1141                </button>
1142        </div>
1143    <div id="job-search_keywords-typeahead"
1144         class="flex flex-col gap-1 relative overflow-y-auto -m-2.5 lg:max-h-[256px]"
1145         x-ref="jobSearchKeywordsTypeahead"
1146         x-show="!$store.jobSearch.state.search.fields.keywords.suggestionsLoading && $store.jobSearch.state.search.fields.keywords.suggestions">
1147    </div>
1148    <div class="w-full png-layout_flex-col -size-medium"
1149         x-show="$store.jobSearch.state.search.fields.keywords.suggestionsLoading && $store.jobSearch.state.search.fields.keywords.suggestions">
1150        <span class="png-skeleton -size-large -shape-line w-full"> </span>
1151        <span class="png-skeleton -size-large -shape-line w-[80%]"> </span>
1152        <span class="png-skeleton -size-large -shape-line w-full"> </span>
1153        <span class="png-skeleton -size-large -shape-line w-[80%]"> </span>
1154    </div>
1155</div>
1156
1157    </div>
1158</div>
1159    
1160<div class="png-typeahead -position-right"
1161    
1162     x-show="$store.jobSearch.state.search.fields.location.focused"
1163     x-transition:enter="png-transition_slide"
1164     x-transition:enter-start="opacity-0 -translate-y-1"
1165     x-transition:enter-end="opacity-100 translate-y-0"
1166     x-transition:leave="png-transition_slide"
1167     x-transition:leave-start="opacity-100 translate-y-0"
1168     x-transition:leave-end="opacity-0 -translate-y-1"
1169     x-cloak>
1170    <div class="png-typeahead_inner">
1171        <div class="png-typeahead_header">
1172            <p>Suggested <strong>Locations</strong></p>
1173        </div>
1174        
1175
1176<div class="h-full w-full relative png-layout_flex-col"
1177x-ref="jobSearchLocationSuggestions">
1178        <div class="flex flex-wrap gap-1.5"
1179        x-show="!$store.jobSearch.state.search.fields.location.suggestions">
1180            <button type="button"
1181            class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1182            aria-label="Search jobs in any location"
1183            @click="handleSuggestionsSelect('', $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1184                Any Location
1185            </button>
1186            <button type="button"
1187            class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1188            aria-label="Search jobs local to me"
1189            @click="handleGeolocate($store.jobSearch.state.search)">
1190                Local to me
1191            </button>
1192
1193                <button type="button"
1194                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1195                aria-label="Search jobs in  Birmingham"
1196                        @click="handleSuggestionsSelect(` Birmingham`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1197                    Birmingham
1198                </button>
1199                <button type="button"
1200                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1201                aria-label="Search jobs in  London"
1202                        @click="handleSuggestionsSelect(` London`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1203                    London
1204                </button>
1205                <button type="button"
1206                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1207                aria-label="Search jobs in  Reading"
1208                        @click="handleSuggestionsSelect(` Reading`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1209                    Reading
1210                </button>
1211                <button type="button"
1212                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1213                aria-label="Search jobs in  Northern Ireland"
1214                        @click="handleSuggestionsSelect(` Northern Ireland`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1215                    Northern Ireland
1216                </button>
1217                <button type="button"
1218                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1219                aria-label="Search jobs in  South East England"
1220                        @click="handleSuggestionsSelect(` South East England`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1221                    South East England
1222                </button>
1223                <button type="button"
1224                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1225                aria-label="Search jobs in  Wolverhampton"
1226                        @click="handleSuggestionsSelect(` Wolverhampton`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1227                    Wolverhampton
1228                </button>
1229                <button type="button"
1230                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1231                aria-label="Search jobs in  Bristol"
1232                        @click="handleSuggestionsSelect(` Bristol`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1233                    Bristol
1234                </button>
1235                <button type="button"
1236                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1237                aria-label="Search jobs in  West Midlands"
1238                        @click="handleSuggestionsSelect(` West Midlands`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1239                    West Midlands
1240                </button>
1241                <button type="button"
1242                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1243                aria-label="Search jobs in  Scotland"
1244                        @click="handleSuggestionsSelect(` Scotland`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1245                    Scotland
1246                </button>
1247                <button type="button"
1248                class="png-btn -variant-suggested-search png-typeahead_popular-suggestion"
1249                aria-label="Search jobs in  North West England"
1250                        @click="handleSuggestionsSelect(` North West England`, $store.jobSearch.state.search.fields.location, $store.jobSearch.state.search.fields.location.suggestionsSelectCallback)">
1251                    North West England
1252                </button>
1253        </div>
1254    <div id="job-search_location-typeahead"
1255         class="flex flex-col gap-1 relative overflow-y-auto -m-2.5 lg:max-h-[256px]"
1256         x-ref="jobSearchLocationTypeahead"
1257         x-show="!$store.jobSearch.state.search.fields.location.suggestionsLoading && $store.jobSearch.state.search.fields.location.suggestions">
1258    </div>
1259    <div class="w-full png-layout_flex-col -size-medium"
1260         x-show="$store.jobSearch.state.search.fields.location.suggestionsLoading && $store.jobSearch.state.search.fields.location.suggestions">
1261        <span class="png-skeleton -size-large -shape-line w-full"> </span>
1262        <span class="png-skeleton -size-large -shape-line w-[80%]"> </span>
1263        <span class="png-skeleton -size-large -shape-line w-full"> </span>
1264        <span class="png-skeleton -size-large -shape-line w-[80%]"> </span>
1265    </div>
1266</div>
1267    </div>
1268</div>
1269</div>
1270
1271
1272</div>
1273
1274<div class="w-full lg:hidden">
1275
1276<button type="button"
1277        @click="handleMobileSearchToggle($store.jobSearch.state.search, $store.jobSearch.state.search.fields.keywords, true)"
1278        class="png-search_mobile -color-gradient"
1279        aira-label="Open Job search modal"
1280        title="Open Job search modal">
1281    <span class="png-search_mobile_wrapper">
1282        <span class="png-search_mobile_wrapper-inner">
1283            <span class="png-search_mobile_text">
1284                Search Jobs
1285            </span>
1286        </span>
1287        <span class="png-search_mobile_action">
1288            <svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1289                <path d="M11.3334 19C15.7517 19 19.3334 15.4183 19.3334 11C19.3334 6.58172 15.751
12897 3 11.3334 3C6.9151 3 3.33337 6.58172 3.33337 11C3.33337 15.4183 6.9151 19 11.3334 19Z" stroke="currentColor" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round" />
1290                <path d="M21.3333 21.0001L16.9833 16.6501" stroke="currentColor" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round" />
1291            </svg>
1292        </span>
1293    </span>
1294</button></div>
1295
1296<template x-teleport="body">
1297    
1298<div class="png-panel png-job_search-bar-overlay lg:hidden" role="dialog" aria-modal="true" x-show="$store.jobSearch.state.search.mobile.search.open" x-cloak>
1299    <div class="png-panel_background-overlay inset-0"
1300         @click="handleMobileSearchToggle($store.jobSearch.state.search, null, false)"
1301         x-show="$store.jobSearch.state.search.mobile.search.open"
1302         x-transition:enter="png-transition_opacity"
1303         x-transition:enter-start="opacity-0"
1304         x-transition:enter-end="opacity-100"
1305         x-transition:leave="png-transition_opacity"
1306         x-transition:leave-start="opacity-100"
1307         x-transition:leave-end="opacity-0"
1308         x-cloak></div>
1309    <div class="fixed bottom-0 left-0 overflow-hidden"
1310         x-show="$store.jobSearch.state.search.mobile.search.open"
1311         x-transition:enter="png-transition_slide"
1312         x-transition:enter-start="translate-y-full"
1313         x-transition:enter-end="translate-y-0"
1314         x-transition:leave="png-transition_slide"
1315         x-transition:leave-start="translate-y-0"
1316         x-transition:leave-end="translate-y-full"
1317         x-cloak>
1318        <div class="flex max-h-full max-w-full">
1319            <div class="png-panel_content">
1320                <div class="png-search_panel"
1321                     x-bind:class="{'-size-large' : $store.jobSearch.state.search.mobile.currentStep !== $store.jobSearch.state.search.fields.distance}">
1322                    <div class="png-search_panel_header">
1323                        
1324<div class="absolute w-full flex flex-col gap-2 p-4"
1325     x-show="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.keywords"
1326     x-transition:enter="png-transition_opacity"
1327     x-transition:enter-start="opacity-0"
1328     x-transition:enter-end="opacity-100"
1329     x-transition:leave="png-transition_opacity"
1330     x-transition:leave-start="opacity-100"
1331     x-transition:leave-end="opacity-0"
1332     x-cloak>
1333    <div class="png-search_panel_header-close">
1334        <button type="button" @click="handleMobileSearchToggle($store.jobSearch.state.search, null, false)" class="png-btn -variant-flat -color-black -size-small -icon-alone" aria-label="Close keywords filter">
1335            <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
1336                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 18.593l-6-6 6-6" />
1337            </svg>
1338        </button>
1339        <p class="png-search_panel_header-close_text">What job?</p>
1340    </div>
1341    <div class="png-search_panel_header-content">
1342        <div class="png-search_panel_header-input">
1343            <input @keyup="$store.jobSearch.state.search.fields.keywords.value.length &lt; 2 ? handleResetTypeahead($store.jobSearch.state.search.fields.keywords) : null" @keyup.enter="handleSearch(event, $store.jobSearch.state.search)" autocomplete="off" class="png-search_mobile_input" data-search="keywords" id="job-search_keywords-input" name="SearchByParameter.Keywords" placeholder="Keywords, Job Title or Featured Client" type="text" value="" x-model="$store.jobSearch.state.search.fields.keywords.value" x-ref="jobSearchMobileKeywordsInput" x-trap.noscroll="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.keywords" />
1344            <div class="png-search_panel_header-input_clear"
1345                 x-show="$store.jobSearch.state.search.fields.keywords.value.length > 0"
1346                 x-cloak
1347                 x-transition.duration.200ms>
1348                <button type="button" @click="handleSearchClearField($store.jobSearch.state.search.fields.keywords)" class="png-btn -icon-only -variant-flat" aria-label="Clear keywords" tabindex="-1">
1349    <svg class="w-5 h-5" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1350        <path d="M8.55688 2.03711C12.341 2.03711 15.4087 5.10477 15.4087 8.88892C15.4087 12.6731 12.341 15.7407 8.55688 15.7407C4.77274 15.7407 1.70508 12.6731 1.70508 8.88892C1.70
1350508 5.10477 4.77274 2.03711 8.55688 2.03711Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
1351        <path d="M10.6111 10.9443L6.5 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1352        <path d="M6.5 10.9443L10.6111 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1353    </svg>
1354</button>
1355
1356            </div>
1357        </div>
1358
1359        <div class="png-search_panel_header-action">
1360            <button type="button" @click="handleKeywordsSelectCallback($store.jobSearch.state)" class="png-btn -variant-solid -size-medium -icon-alone drop-shadow-md" aria-label="Search by keywords">
1361                <svg class="w-7 h-7" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 29" stroke="currentColor" aria-hidden="true">
1362                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M13.573 22.928a9.272 9.272 0 100-18.543 9.272 9.272 0 000 18.544z" />
1363                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M25.935 26.02l-5.042-5.043" />
1364                </svg>
1365            </button>
1366        </div>
1367    </div>
1368</div>
1369
1370                        
1371<div class="absolute w-full flex flex-col gap-2 p-4"
1372     x-show="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.location"
1373     x-transition:enter="png-transition_opacity"
1374     x-transition:enter-start="opacity-0"
1375     x-transition:enter-end="opacity-100"
1376     x-transition:leave="png-transition_opacity"
1377     x-transition:leave-start="opacity-100"
1378     x-transition:leave-end="opacity-0"
1379     x-cloak>
1380    <div class="png-search_panel_header-close">
1381        <button type="button" @click="handleLocationBack($store.jobSearch.state)" class="png-btn -variant-flat -color-black -size-small -icon-alone" aria-label="Close location filter">
1382            <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25" stroke="currentColor" aria-hidden="true">
1383                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 18.593l-6-6 6-6" />
1384            </svg>
1385        </button>
1386        <p class="png-search_panel_header-close_text">What location?</p>
1387    </div>
1388    <div class="png-search_panel_header-content">
1389        <div class="png-search_panel_header-input">
1390            <input @keyup="$store.jobSearch.state.search.fields.location.value.length &lt; 2 ? handleResetTypeahead($store.jobSearch.state.search.fields.location) : null" @keyup.enter="handleSearch(event, $store.jobSearch.state.search)" autocomplete="off" class="png-search_mobile_input" data-search="location" id="job-search_mobile_location-input" name="SearchByParameter.Keywords" placeholder="Postcode, Town or City" type="text" value="" x-model="$store.jobSearch.state.search.fields.location.value" x-ref="jobSearchMobileLocationInput" x-trap.noscroll="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.location" />
1391            <div class="png-search_panel_header-input_clear"
1392                 x-show="$store.jobSearch.state.search.fields.location.value.length > 0"
1393                 x-cloak
1394                 x-transition.duration.200ms>
1395                <button type="button" @click="handleSearchClearField($store.jobSearch.state.search.fields.location)" class="png-btn -icon-only -variant-flat" aria-label="Clear location" tabindex="-1">
1396    <svg class="w-5 h-5" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1397        <path d="M8.55688 2.03711C12.341 2.03711 15.4087 5.10477 15.4087 8.88892C15.4087 12.6731 12.341 15.7407 8.55688 15.7407C4.77274 15.7407 1.70508 12.6731 1.70508 8.88892C1.70508 5.10477 4.77274 2.03711 8.55688 2.03711Z" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1398        <path d="M10.6111 10.9443L6.5 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1399        <path d="M6.5 10.9443L10.6111 6.83325" stroke="#1D2F5C" stroke-linecap="round" stroke-linejoin="round" />
1400    </svg>
1401</button>
1402
1403            </div>
1404        </div>
1405        <div class="png-search_panel_header-action">
1406            <button type="button" @click="handleSearch(event, $store.jobSearch.state.search)" class="png-btn -variant-solid -size-medium -icon-alone drop-shadow-md" aria-label="Search by location">
1407                <svg class="w-5 h-5" viewBox="0 0 18 19" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1408                    <path d="M1 8.69003L17 1.11108L9.42105 17.1111L7.73684 10.3742L1 8.69003Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1409                </svg>
1410            </button>
1411        </div>
1412    </div>
1413</div>
1414
1415                    </div>
1416                    <div class="png-search_panel_content"
1417                         x-show="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.keywords"
1418                         x-cloak>
1419                        <div class="png-search_panel_content-title">
1420                            <p>Suggested <strong>Job Titles</strong> or <strong>Keywords</strong></p>
1421                        </div>
1422                        <div class="png-search_panel_content-suggestions">
1423                            <div id="job-search_mobile_keywords-suggestions" class="png-search_panel_content-suggestions-inner"></div>
1424                        </div>
1425                    </div>
1426
1427                    <div class="png-search_panel_content"
1428                         x-show="$store.jobSearch.state.search.mobile.currentStep === $store.jobSearch.state.search.fields.location"
1429                         x-cloak>
1430                        <div class="png-search_panel_content-title">
1431                            <p>Suggested <strong>Locations</strong></p>
1432                        </div>
1433                        <div class="png-search_panel_content-suggestions">
1434                            <div id="job-search_mobile_location-suggestions" class="png-search_panel_content-suggestions-inner"></div>
1435                        </div>
1436                    </div>
1437
1438                </div>
1439            </div>
1440        </div>
1441    </div>
1442</div>
1443
1444</template>
1445
1446                                    
1447
1448                                </div>
1449
1450                    </div>
1451                </div>
1452            </div>
1453            
1454
1455
1456  
1457        <div class="png-job_popular-job-titles -color-primary">
1458                <h2 class="png-job_popular-job-titles-heading">Popular Job Titles</h2>
1459                <div class="flex flex-wrap gap-2">
1460                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Warehouse%20Operative"
1461                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1462                           aria-label="Search for Warehouse Operative jobs" 
1463                           title="Search for Warehouse Operative jobs">
1464                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1465                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1466                            </svg>
1467                            Warehouse Operative
1468                        </a>
1469                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Administrator"
1470                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1471                           aria-label="Search for Administrator jobs" 
1472                           title="Search for Administrator jobs">
1473                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1474                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1475                            </svg>
1476                            Administrator
1477                        </a>
1478                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Class%201%20HGV%20Driver"
1479                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1480                           aria-label="Search for Class 1 HGV Driver jobs" 
1481                           title="Search for Class 1 HGV Driver jobs">
1482                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1483                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1484                            </svg>
1485                            Class 1 HGV Driver
1486                        </a>
1487                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Driver"
1488                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1489                           aria-label="Search for Driver jobs" 
1490                           title="Search for Driver jobs">
1491                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1492                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1493                            </svg>
1494                            Driver
1495                        </a>
1496                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Social%20Worker"
1497                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1498                           aria-label="Search for Social Worker jobs" 
1499                           title="Search for Social Worker jobs">
1500                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1501                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1502                            </svg>
1503                            Social Worker
1504                        </a>
1505                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Large%20Goods%20Vehicle%20Driver"
1506                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1507                           aria-label="Search for Large Goods Vehicle Driver jobs" 
1508                           title="Search for Large Goods Vehicle Driver jobs">
1509                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1510                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1511                            </svg>
1512                            Large Goods Vehicle Driver
1513                        </a>
1514                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Solicitor"
1515                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1516                           aria-label="Search for Solicitor jobs" 
1517                           title="Search for Solicitor jobs">
1518                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1519                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1520                            </svg>
1521                            Solicitor
1522                        </a>
1523                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Artworker"
1524                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1525                           aria-label="Search for Artworker jobs" 
1526                           title="Search for Artworker jobs">
1527                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1528                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.
152865103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1529                            </svg>
1530                            Artworker
1531                        </a>
1532                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Delivery%20Driver"
1533                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1534                           aria-label="Search for Delivery Driver jobs" 
1535                           title="Search for Delivery Driver jobs">
1536                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1537                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1538                            </svg>
1539                            Delivery Driver
1540                        </a>
1541                    <a href="https://www.pertemps.co.uk/jobs/?Keywords=Van%20Driver"
1542                           class="png-btn png-job_popular-job-titles-button -icon -variant-popular-search"
1543                           aria-label="Search for Van Driver jobs" 
1544                           title="Search for Van Driver jobs">
1545                            <svg viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1546                                <path d="M7.78687 14C4.57103 14 1.95353 11.3834 1.95353 8.16669C1.95353 4.95002 4.57103 2.33335 7.78687 2.33335C11.0027 2.33335 13.6202 4.95002 13.6202 8.16669C13.6202 11.3834 11.0027 14 7.78687 14ZM16.7094 15.9109L13.641 12.8425C14.6685 11.5592 15.2869 9.93502 15.2869 8.16669C15.2869 4.03169 11.9227 0.666687 7.78687 0.666687C3.65103 0.666687 0.286865 4.03169 0.286865 8.16669C0.286865 12.3017 3.65103 15.6667 7.78687 15.6667C9.5552 15.6667 11.1785 15.0484 12.4627 14.0209L15.531 17.0892C15.6935 17.2517 15.9069 17.3334 16.1202 17.3334C16.3335 17.3334 16.5469 17.2517 16.7094 17.0892C17.0352 16.7634 17.0352 16.2367 16.7094 15.9109Z" fill="currentColor" />
1547                            </svg>
1548                            Van Driver
1549                        </a>
1550                </div>
1551            </div>
1552
1553
1554
1555        </section>
1556
1557<script type="text/javascript">
1558    const initKeywordTypeahead = (input, keywordsState, fetchCallback, selectCallback) => {
1559        const apiUrl = "https://jobs.mypngservices.co.uk/v1/classification/api/AutoComplete";
1560
1561        const minimumPublishCount = 0
1562
1563        const minimumCount = 0
1564
1565        const maxResults = 10
1566
1567        const excludeLinked = false
1568
1569        const excludeKeywords = false
1570
1571        new JobPortal.Classification.Autocomplete(
1572            input,
1573            keywordsState.typeaheadElement,
1574            apiUrl,
1575            () => "pertemps.co.uk",
1576            minimumPublishCount,
1577            minimumCount,
1578            maxResults,
1579            Boolean(excludeLinked),
1580            [],
1581            excludeKeywords,
1582            (success) => fetchCallback(success, keywordsState),
1583            (value) => selectCallback(value, keywordsState, keywordsState.suggestionsSelectCallback)
1584        );
1585    }
1586</script>
1586<script src="/tailwind/bundles/js/Job/Listing/Banner.min.js"></script>
1586
1587<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
1588<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
vendor: 2 bytes, line 1588
1588
1589<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 2 bytes, line 1589
1589
1590<script type="text/javascript" src="/tailwind/bundles/js/Website/SlickSlider.min.js"></script>
1590
1591
1592<script type="text/javascript" src="/tailwind/bundles/js/Job/Listing/Salary.min.js"></script>
vendor: 2 bytes, line 1592
1592
1593<script type="text/javascript" defer src="/tailwind/bundles/js/Job/Listing/Data/SalaryRanges.min.js"></script>
vendor: 2 bytes, line 1593
1593
1594<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_LMv3yu3laQGEhI3KcvwUJm2kp5AD2y8&libraries=places&region=GB"></script>
vendor: 2 bytes, line 1594
1594
1595<script src="/tailwind/bundles/js/Utilities/Location/Geocoding.min.js"></script>
vendor: 2 bytes, line 1595
1595
1596<script src="/tailwind/bundles/js/Utilities/Location/Autocomplete.min.js"></script>
vendor: 2 bytes, line 1596
1596
1597<script src="/tailwind/bundles/js/Utilities/Keywords/Autocomplete.min.js"></script>
vendor: 2 bytes, line 1597
1597
1598<script src="/tailwind/bundles/js/Utilities/Search/HeroSearch.min.js"></script>
vendor: 2 bytes, line 1598
1598
1599<script src="/tailwind/bundles/js/Utilities/Teleport.min.js"></script>
vendor: 2 bytes, line 1599
1599
1600<script src="/tailwind/bundles/js/Utilities/Typeahead.min.js"></script>
vendor: 2 bytes, line 1600
1600
1601<script src="/tailwind/bundles/js/Utilities/Validation.min.js"></script>
1601
1602
1603            </div>
1604
1605
1606        <div class="py-4 bg-black w-full">
1607            <div class="container">
1608                <div class="trustpilot-widget" data-locale="en-GB" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="595dd31e0000ff0005a6115d" data-style-height="24px" data-style-width="100%" data-theme="dark">
1609                    <a href="https://uk.trustpilot.com/review/www.pertemps.co.uk" target="_blank" rel="noopener">Trustpilot</a>
1610                </div>
1611            </div>
1612        </div>
1613
1614            <div>
1615                
1616        <section class="png-header -variant-split -color-white  -style-left">
1617            <div class="png-header_split-content">
1618
1619                                <div class="png-header_split-image">
1620
1621                                        <img class="png-image -object-cover -lazyloaded right-0" src="/media/aqanhvyr/salary-health-check-cta.png" alt="Salary Health Check" loading="lazy" />
1622
1623                                </div>
1624
1625                    <div class="png-header_split-content_text">
1626                        <div class="max-w-2xl">
1627                            <div class="flex flex-col gap-4">
1628
1629
1630
1631            <div class="mb-3">
1632                <h2 class="png-section_heading png-typo_title-3 font-default   text-black" >
1633                Are you paid fairly?
1634                </h2>
1635            </div>
1636
1637        <div class="mb-3">
1638
1639                <div class="png-typo_text-1 png-layout_flex-col gap-2.5">
1640
1641                        <p class="png-typo_text-1 font-default text-black">
1642                            Uncover the true value of your skills with our Salary Health Check. Know what salary you should be on and discover opportunities for better paying jobs.
1643                        </p>
1644
1645                </div>
1646
1647        </div>
1648
1649
1650
1651        <div class="mb-3 ">
1652
1653                <a class="png-btn -variant-solid -size-medium rounded-lg !rounded-bl-none !rounded-3xl  -color-primary"
1654                   href="/candidates/salary-health-check/"
1655                   
1656                   >
1657
1658
1659                    Check my salary
1660
1661
1662                </a>
1663
1664        </div>
1665
1666                            </div>
1667                        </div>
1668                    </div>
1669
1670            </div>
1671        </section>
1672
1673            </div>
1674
1675
1676        <section class="png-widget-bg -color-gradient png_padding-0">
1677            <div class="png-layout_section">
1678
1679
1680                <div class="grid grid-cols-1 mt-16 gap-gutter items-start lg:grid-cols-3 lg:mt-0">
1681
1682                        <div class="max-w-2xl">
1683                            <div class="flex flex-col gap-4">
1684
1685
1686
1687            <div class="mb-3">
1688                <h3 class="text-4xl font-semibold   text-white" >
1689                Pertemps are recruitment experts
1690                </h3>
1691            </div>
1692
1693        <div class="mb-3">
1694
1695                <div class="png-typo_text-1 png-layout_flex-col gap-2.5">
1696
1697                        <p class="png-typo_text-1 font-default text-white">
1698                            So put your faith in us like so many have done since 1961, and see for yourself why our employees rank us as one of the Best Companies to Work For.
1699                        </p>
1700
1701                </div>
1702
1703        </div>
1704
1705                            </div>
1706                        </div>
1707
1708                        <div class="col-span-2">
1709                            <div class="grid grid-cols-1 gap-8 gap-y-10 w-full text-white xs:grid-cols-2 sm:grid-cols-3 lg:max-w-2xl lg:my-auto">
1710
1711                                    <div>
1712                                        
1713    <div class="png-stat basis-1/3 -variant-card -color-light ">
1714
1715            <span class="png-stat_value">
1716                1961
1717            </span>
1718
1719                <span class="png-stat_text">
1720                    Established
1721                </span>
1722
1723    </div>
1724
1725                                    </div>
1726                                    <div>
1727                                        
1728    <div class="png-stat basis-1/3 -variant-card -color-light ">
1729
1730            <span class="png-stat_value">
1731                200&#x2B;
1732            </span>
1733
1734                <span class="png-stat_text">
1735                    Branches
1736                </span>
1737
1738    </div>
1739
1740                                    </div>
1741                                    <div>
1742                                        
1743    <div class="png-stat basis-1/3 -variant-card -color-light ">
1744
1745            <span class="png-stat_value">
1746                30,000&#x2B;
1747            </span>
1748
1749                <span class="png-stat_text">
1750                    Temps Per Week
1751                </span>
1752
1753    </div>
1754
1755                                    </div>
1756                                    <div>
1757                                        
1758    <div class="png-stat basis-1/3 -variant-card -color-light ">
1759
1760            <span class="png-stat_value">
1761                12,000&#x2B;
1762            </span>
1763
1764                <span class="png-stat_text">
1765                    Perm Placements Per Year
1766                </span>
1767
1768    </div>
1769
1770                                    </div>
1771                                    <div>
1772                                        
1773    <div class="png-stat basis-1/3 -variant-card -color-light ">
1774
1775            <span class="png-stat_value">
1776                6,000&#x2B;
1777            </span>
1778
1779                <span class="png-stat_text">
1780                    Customers
1781                </span>
1782
1783    </div>
1784
1785                                    </div>
1786                                    <div>
1787                                        
1788    <div class="png-stat basis-1/3 -variant-card -color-light ">
1789
1790            <span class="png-stat_value">
1791                4.4
1792            </span>
1793
1794                <span class="png-stat_text">
1795                    Trustpilot Review
1796                </span>
1797
1798    </div>
1799
1800                                    </div>
1801                            </div>
1802                        </div>
1803
1804                </div>
1805            </div>
1806        </section>
1807
1808
1809        <section class="png-widget-bg -color-white png_padding-0">
1810            <div class="png-layout_section">
1811
1812
1813                <div class="flex flex-col gap-gutter lg:gap-x-16 lg:flex-row lg:justify-between">
1814
1815                    <div>
1816                            <div class="max-w-2xl">
1817                                <div class="flex flex-col gap-4">
1818
1819
1820
1821            <div class="mb-3">
1822                <h2 class="text-4xl font-semibold   text-black" >
1823                Find a job you love 
1824                </h2>
1825            </div>
1826
1827        <div class="mb-3">
1828
1829                <div class="png-typo_text-1 png-layout_flex-col gap-2.5">
1830
1831                        <p class="png-typo_text-1 font-default text-black">
1832                            Your next role could be with one of these leading companies.
1833                        </p>
1834
1835                </div>
1836
1837        </div>
1838
1839
1840
1841        <div class="mb-3 ">
1842
1843                <a class="png-btn -variant-solid -size-medium rounded-lg !rounded-bl-none !rounded-3xl  -color-secondary"
1844                   href="/candidates/our-clients/"
1845                   
1846                   >
1847
1848
1849                    Our Clients
1850
1851
1852                </a>
1853
1854        </div>
1855
1856                                </div>
1857                            </div>
1858                    </div>
1859
1860                        <div class="inline-block grid grid-cols-2 sm:grid-cols-3 gap-4 md:max-h-[19rem] lg:max-w-xl lg:order-first">
1861
1862                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-boc/"  >
1863                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/s0nlsnqg/boc_logo.png" alt="BOC">
1864                                                            </a>
1865                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-boots/"  >
1866                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/u4mpnu1t/boots.svg" alt="Boots">
1867                                                            </a>
1868                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-dhl/"  >
1869                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/2zaf3qos/dhl.png" alt="DHL">
1870                                                            </a>
1871                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-harrow-council/"  >
1872                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/rd0jstna/channels4_profile-2-1.jpg" alt="Harrow Council">
1873                                                            </a>
1874                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/candidates/work-for-royal-mail/"  >
1875                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/fgjbdeu3/royal-mail-logo-pertemps-site.jpg" alt="Royal Mail">
1876                                                            </a>
1877                                                            <div class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200">
1878                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/fb3jvsjm/scottish.svg" alt="Scottish Government">
1879                                                            </div>
1880                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-thames-water/"  >
1881                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/enhkaqev/thames-water.svg" alt="Thames Water">
1882                                                            </a>
1883                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-open-university/"  >
1884                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/zedaiqdg/the_open_university.png" alt="The Open University">
1885                                                            </a>
1886                                                            <a class="rounded-r-400 rounded-tl-400 overflow-hidden border-6 border-white shadow-200" href="/jobs/jobs-by-clients/jobs-at-warwickshire-county-council/"  >
1887                                                                <img class="png-image -object-contain -lazyloaded aspect-[2/1]  h-full" src="/media/jtufjncl/warwickshire_county_council.svg" alt="Warwickshire County Council">
1888                                                            </a>
1889
1890                        </div>
1891
1892                </div>
1893
1894            </div>
1895        </section>
1896
1897        <section class="png-widget-bg -color-primary png_padding-0">
1898            <div class="png-layout_section">
1899
1900                <div class="grid grid-cols-1 mt-16 gap-gutter items-start lg:grid-cols-3 lg:mt-0">
1901
1902                    <div>
1903                            <div class="max-w-2xl">
1904                                <div class="flex flex-col gap-4">
1905
1906
1907
1908            <div class="mb-3">
1909                <h3 class="text-5xl font-logo font-bold   text-white" >
1910                Pertemps
1911                </h3>
1912            </div>
1913
1914
1915            <div class="mb-3">
1916                <h5 class="text-xl font-medium font-default   text-white" >
1917                Our Brands
1918                </h5>
1919            </div>
1920
1921        <div class="mb-3">
1922
1923                <div class="png-typo_text-1 png-layout_flex-col gap-2.5">
1924
1925                        <p class="png-typo_text-1 font-default text-white">
1926                            In addition to our network of office
1926s, the Pertemps family consists of many individual companies, each specialising in niche recruitment solutions.
1927                        </p>
1928                        <p class="png-typo_text-1 font-default text-white">
1929                            Our portfolio of services really does cover every industry and job type.
1930                        </p>
1931                        <p class="png-typo_text-1 font-default text-white">
1932                            If our Pertemps offices can&#x2019;t help you in the first instance, then turn your attention to these specialist businesses who will have the role that you are looking for. Here at Pertemps, we are one big family.
1933                        </p>
1934
1935                </div>
1936
1937        </div>
1938
1939
1940
1941        <div class="mb-3 w-full">
1942
1943                <a class="png-btn -variant-solid -size-medium rounded-lg !rounded-bl-none !rounded-3xl w-full -color-black"
1944                   href="/about-us/our-specialist-brands/"
1945                   
1946                   >
1947
1948
1949                    See all brands
1950
1951
1952                </a>
1953
1954        </div>
1955
1956                                </div>
1957                            </div>
1958                    </div>
1959
1960                    <div class="col-span-2">
1961
1962                            <div class="png-card_links -color-secondary">
1963
1964                                                <div class="png-link_sector -variant-line">
1965                                                    Pertemps
1966                                                </div>
1967                                                <div class="png-link_sector -variant-line">
1968                                                    Accountancy &amp; Finance
1969                                                </div>
1970                                                <div class="png-link_sector -variant-line">
1971                                                    Aviation
1972                                                </div>
1973                                                <div class="png-link_sector -variant-line">
1974                                                    Blue Light
1975                                                </div>
1976                                                <div class="png-link_sector -variant-line">
1977                                                    Call Centre
1978                                                </div>
1979                                                <div class="png-link_sector -variant-line">
1980                                                    Catering
1981                                                </div>
1982                                                <div class="png-link_sector -variant-line">
1983                                                    Digital, IT &amp; Infrastructure
1984                                                </div>
1985                                                <div class="png-link_sector -variant-line">
1986                                                    Driving &amp; Driver Training
1987                                                </div>
1988                                                <div class="png-link_sector -variant-line">
1989                                                    Education
1990                                                </div>
1991                                                <div class="png-link_sector -variant-line">
1992                                                    Executive Search
1993                                                </div>
1994                                                <div class="png-link_sector -variant-line">
1995                                                    FMCG
1996                                                </div>
1997                                                <div class="png-link_sector -variant-line">
1998                                                    Health &amp; Safety
1999                                                </div>
2000                                                <div class="png-link_sector -variant-line">
2001                                                    HR
2002                                                </div>
2003                                                <div class="png-link_sector -variant-line">
2004                                                    Legal
2005                                                </div>
2006                                                <div class="png-link_sector -variant-line">
2007                                                    Marketing
2008                                                </div>
2009                                                <div class="png-link_sector -variant-line">
2010                                                    Medical &amp; Care
2011                                                </div>
2012                                                <div class="png-link_sector -variant-line">
2013                                                    Modelling
2014                                                </div>
2015                                                <div class="png-link_sector -variant-line">
2016                                                    Professional &amp; Executive Assistants
2017                                                </div>
2018                                                <div class="png-link_sector -variant-line">
2019                                                    Public Sector
2020                                                </div>
2021                                                <div class="png-link_sector -variant-line">
2022                                                    Procurement
2023                                                </div>
2024                                                <div class="png-link_sector -variant-line">
2025                                                    Construction, Technical &amp; FM
2026                                                </div>
2027                                                <div class="png-link_sector -variant-line">
2028                                                    Technical &amp; Engineering
2029                                                </div>
2030
2031                            </div>
2032                    </div>
2033
2034                </div>
2035            </div>
2036        </section>
2037
2038
2039        <section class="png-widget-bg -color-white png_padding-3">
2040
2041            <div class="png-layout_section">
2042
2043
2044                    <div class="mb-4 lg:mb-0">
2045                        <div class="flex flex-col gap-4">
2046
2047
2048            <div class="mb-3">
2049                <h2 class="text-2xl font-bold uppercase  text-black" >
2050                Latest News
2051                </h2>
2052            </div>
2053                        </div>
2054                     </div>
2055
2056                         <div class="gap-8  flex flex-col justify-center w-full h-full">
2057                                <ul class="grid grid-cols-1 gap-x-6 gap-y-gutter lg:grid-cols-3">
2058                                        <li>
2059                                            <div class="relative w-full cursor-pointer group" onclick="window.location='/news-blogs/news/business-news/airport-teams-praised-for-going-above-and-beyond-as-aviation-industry-works-to-manage-disruption/'">
2060                                                <div class="py-2">
2061                                                   
2062                                                            <figure>
2063                                                                <div class="png-card_article_img -rounded">
2064                                                                    <picture>
2065                                                            <img class="png-image -object-contain w-full bg-gray-100 rounded-lg h-60 mb-4 3xl:h-64 -lazyloaded " src="/media/3lliw0nr/kully-sandhu.jpg" alt="Kully Sandhu" loading="lazy">
2066                                                                    </picture>
2067                                                                </div>
2068                                                            </figure>
2069                                                    <div class="py-3 sm:py-2 grid gap-2">
2070                                                <h5 class="font-bold leading-5 lg:leading-6 line-clamp-2 text-base md:text-lg lg:text-xl text-black group-hover:underline">
2071                                                             Airport teams praised for going &#x2018;above and beyond&#x2019; as aviation industry works to manage disruption
2072                                                        </h5>
2073                                                        
2074                                              
2075                                                            <p class="block text-sm lg:text-base line-clamp-2 text-black">
2076                                                                Aviation Recruitment Network&#x2019;s Kully Sandhu has highlighted the vital role of frontline aviation staff in supporting passengers following widespread disruption caused by an air traffic control issue.
2077                                                            </p>
2078                                                            <p class="text-xsm sm:text-sm text-black">
2079                                                                Sep 23, 2026
2080                                                            </p>
2081                                                    </div>
2082                                                </div>
2083                                            </div>
2084                                        </li>
2085                                        <li>
2086                                            <div class="relative w-full cursor-pointer group" onclick="window.location='/news-blogs/blogs/blog-article/how-to-get-your-first-job-after-a-levels/'">
2087                                                <div class="py-2">
2088                                                   
2089                                                            <figure>
2090                                                                <div class="png-card_article_img -rounded">
2091                                                                    <picture>
2092                                                            <img class="png-image -object-contain w-full bg-gray-100 rounded-lg h-60 mb-4 3xl:h-64 -lazyloaded " src="/media/cgcmbsyx/adobestock_456588295-1.jpeg" alt="students looking at exam results" loading="lazy">
2093                                                                    </picture>
2094                                                                </div>
2095                                                            </figure>
2096                                                    <div class="py-3 sm:py-2 grid gap-2">
2097                                                <h5 class="font-bold leading-5 lg:leading-6 line-clamp-2 text-base md:text-lg lg:text-xl text-black group-hover:underline">
2098                                                             How to get your first job after A-levels
2099                                                        </h5>
2100                                                        
2101                                              
2102                                                            <p class="block text-sm lg:text-base line-clamp-2 text-black">
2103                                                                A-Level Results Day is a huge milestone. For some, it means confirming a university place and preparing for the next few years of study. For others, it marks the beginning of something completely different: entering the world of work.&#xA;If you&#x2019;ve decided university isn&#x2019;t for you, your plans have changed after receiving your results, or you simply want to start earning and building experience, there are plenty of opportunities available.
2104                                                            </p>
2105                                                            <p class="text-xsm sm:text-sm text-black">
2106                                                                Aug 13, 2026
2107                                                            </p>
2108                                                    </div>
2109                                                </div>
2110                                            </div>
2111                                        </li>
2112                                        <li>
2113                                            <div class="relative w-full cursor-pointer group" onclick="window.location='/news-blogs/news/charity/recruiter-scores-for-charity-with-penalty-shoot-out-fundraiser/'">
2114                                                <div class="py-2">
2115                                                   
2116                                                            <figure>
2117                                                                <div class="png-card_article_img -rounded">
2118                                                                    <picture>
2119                                                            <img class="png-image -object-contain w-full bg-gray-100 rounded-lg h-60 mb-4 3xl:h-64 -lazyloaded " src="/media/xaejrzyl/penalty-shoot-out-pic.jpeg" alt="penalty shootout team" loading="lazy">
2120                                                                    </picture>
2121                                                                </div>
2122                                                            </figure>
2123                                                    <div class="py-3 sm:py-2 grid gap-2">
2124                                                <h5 class="font-bold leading-5 lg:leading-6 line-clamp-2 text-base md:text-lg lg:text-xl text-black group-hover:underline">
2125                                                             Recruiter scores for charity with penalty shoot-out fundraiser 
2126                                                        </h5>
2127                                                        
2128                                              
2129                                                            <p class="block text-sm lg:text-base line-clamp-2 text-black">
2130                                                                A football-inspired fundraiser at Pertemps has helped score vital funds for two charities supporting children and families across the UK.
2131                                                            </p>
2132                                                            <p class="text-xsm sm:text-sm text-black">
2133                                                                Jul 27, 2026
2134                                                            </p>
2135                                                    </div>
2136                                                </div>
2137                                            </div>
2138                                        </li>
2139                                </ul>
2140                            </div>
2141            </div>
2142        </section>
2143
2144            <div>
2145                
2146        <section class="png-header -variant-split -color-light  -style-left">
2147            <div class="png-header_split-content">
2148
2149                                <div class="png-header_split-image">
2150
2151                                        <img class="png-image -object-cover -lazyloaded right-0" src="/media/zvyn5u3n/pertempspotential.png" alt="Pertemps Potential" loading="lazy" />
2152
2153                                </div>
2154
2155                    <div class="png-header_split-content_text">
2156                        <div class="max-w-2xl">
2157                            <div class="flex flex-col gap-4">
2158
2159
2160
2161            <div class="mb-3">
2162                <h2 class="png-section_heading png-typo_title-3 font-default   text-black" >
2163                Do you have #PertempsPotential?
2164                </h2>
2165            </div>
2166
2167        <div class="mb-3">
2168
2169                <div class="png-typo_text-1 png-layout_flex-col gap-2.5">
2170
2171                        <p class="png-typo_text-1 font-default text-black">
2172                            Discover what it&#x27;s like to join our incredible family
2173                        </p>
2174
2175                </div>
2176
2177        </div>
2178
2179
2180
2181        <div class="mb-3 ">
2182
2183                <a class="png-btn -variant-sol
2183id -size-medium rounded-lg !rounded-bl-none !rounded-3xl  -color-primary"
2184                   href="/about-us/join-our-team/"
2185                   
2186                   >
2187
2188
2189                    Find Out More
2190
2191
2192                </a>
2193
2194        </div>
2195
2196                            </div>
2197                        </div>
2198                    </div>
2199
2200            </div>
2201        </section>
2202
2203            </div>
2204
2205
2206
2207
2208	</div>
2209
2210                </div>
2211            </main>
2212
2213    <footer aria-labelledby="footer-heading">
2214
2215        <h2 id="footer-heading" class="sr-only">
2216            Footer
2217        </h2>
2218
2219                        <section class="relative bg-primary py-16 lg:py-24">
2220                            <div class="container lg:grid lg:grid-cols-5 lg:gap-24">
2221
2222                                                    <div class="lg:order-last lg:col-span-2">
2223                                                        <a href="/find-a-branch/"  >
2224                                                            <div class="input-floating w-full bg-white bg-opacity-5 rounded-lg p-2 relative">
2225                                                                <div class="bg-white hover:bg-white w-full h-18 rounded text-black !pt-10 pr-20 px-4 flex items-center"></div>
2226                                                                <span class="font-bold text-xl text-black absolute left-0 top-0 translate-x-7 translate-y-8 select-none transition-all duration-150 ease-in-out">
2227                                                                    Branch Locator
2228                                                                </span>
2229                                                                <span class="absolute top-4 right-4 h-14 w-14 flex items-center justify-center rounded bg-cta-500 z-10">
2230                                                                    <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2231                                                                        <path d="M19.0004 10.5827C19.0004 16.522 11.6115 21.613 11.6115 21.613C11.6115 21.613 4.22266 16.522 4.22266 10.5827C4.22266 8.55736 5.00113 6.61502 6.38681 5.18293C7.7725 3.75083 9.65189 2.94629 11.6115 2.94629C13.5712 2.94629 15.4506 3.75083 16.8363 5.18293C18.222 6.61502 19.0004 8.55736 19.0004 10.5827Z" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2232                                                                        <path d="M11.6109 13.0574C13.1143 13.0574 14.3331 11.8386 14.3331 10.3351C14.3331 8.8317 13.1143 7.61292 11.6109 7.61292C10.1075 7.61292 8.88867 8.8317 8.88867 10.3351C8.88867 11.8386 10.1075 13.0574 11.6109 13.0574Z" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
2233                                                                    </svg>
2234                                                                </span>
2235                                                            </div>
2236                                                        </a>
2237                                                    </div>
2238
2239                                <div class="grid grid-cols-2 gap-12 mt-12 lg:mt-0 lg:col-span-3 lg:grid-cols-3 lg:gap-16">
2240
2241                                                <div class="md:grid md:grid-cols-1 md:gap-8">
2242                                                    <div class="space-y-3">
2243
2244                                                            <h3 class="png-footer_heading png-typo_text-2">
2245                                                                Jobs
2246                                                            </h3>
2247
2248                                                        <ul role="list" class="inline-block space-y-2">
2249
2250                                                                            <li>
2251                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/jobs/"  >
2252                                                                                    Find A Job
2253                                                                                </a>
2254                                                                            </li>
2255                                                                            <li>
2256                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/jobs/jobs-by-brand/"  >
2257                                                                                    Jobs By Sector
2258                                                                                </a>
2259                                                                            </li>
2260                                                                            <li>
2261                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/jobs/job-alerts/"  >
2262                                                                                    Job Alerts
2263                                                                                </a>
2264                                                                            </li>
2265                                                                            <li>
2266                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/jobs/shortlist/"  >
2267                                                                                    Shortlist
2268                                                                                </a>
2269                                                                            </li>
2270                                                        </ul>
2271                                                    </div>
2272                                                </div>
2273                                                <div class="md:grid md:grid-cols-1 md:gap-8">
2274                                                    <div class="space-y-3">
2275
2276                                                            <h3 class="png-footer_heading png-typo_text-2">
2277                                                                Candidates
2278                                                            </h3>
2279
2280                                                        <ul role="list" class="inline-block space-y-2">
2281
2282                                                                            <li>
2283                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/candidates/career-advice/"  >
2284                                                                                    Career Advice
2285                                                                                </a>
2286                                                                            </li>
2287                                                                            <li>
2288                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/candidates/e-services/" aria-label="E-Services for candidates" >
2289                                                                                    E-Services
2290                                                                                </a>
2291                                                                            </li>
2292                                                        </ul>
2293                                                    </div>
2294                                                </div>
2295                                                <div class="md:grid md:grid-cols-1 md:gap-8">
2296                                                    <div class="space-y-3">
2297
2298                                                            <h3 class="png-footer_heading png-typo_text-2">
2299                                                                Employers
2300                                                            </h3>
2301
2302                                                        <ul role="list" class="inline-block space-y-2">
2303
2304                                                                            <li>
2305                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/clients/our-expertise/"  >
2306                                                                                    Our Expertise
2307                                                                                </a>
2308                                                                            </li>
2309                                                                            <li>
2310                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/clients/our-promise/"  >
2311                                                                                    Our Promise
2312                                                                                </a>
2313                                                                            </li>
2314                                                                            <li>
2315                                                                                <a class="png-footer_body png-link png-typo_text-3" href="/clients/e-services/" aria-label="E-Services for clients" >
2316                                                                                    E-Services
2317                                                                                </a>
2318                                                                            </li>
2319                                                        </ul>
2320                                                    </div>
2321                                                </div>
2322                                </div>
2323                            </div>
2324                        </section>
2325                                <section class="relative bg-white py-16 lg:py-24">
2326                                    <div class="container flex flex-col gap-8">
2327                                        <div id="footer-carousel" class="png-glide glide -variant-footer" x-data="footer" x-init="init()">
2328
2329                                            <div class="png-glide_track glide__track" data-glide-el="track">
2330                                                <ul class="png-glide_slides glide__slides">
2331
2332                                                                <li class="png-glide_slide glide__slide">
2333                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/tfvb4zln/armed-forces-covenant-gold-award.jpg" alt="Armed Forces Logo" loading="lazy" />
2334                                                                </li>
2335                                                                <li class="png-glide_slide glide__slide">
2336                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/y01heaop/2023-business-awards-logo.png" alt="Bu
2336siness Awards Logo" loading="lazy" />
2337                                                                </li>
2338                                                                <li class="png-glide_slide glide__slide">
2339                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/hlbfn1pc/bvcer_withoutqr-iso-9001.png" alt="ISO 9001 Logo" loading="lazy" />
2340                                                                </li>
2341                                                                <li class="png-glide_slide glide__slide">
2342                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/qrecfkun/cbi.jpg" alt="CBI Logo" loading="lazy" />
2343                                                                </li>
2344                                                                <li class="png-glide_slide glide__slide">
2345                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/tgth0wxs/jobs-aware-128.png" alt="Jobs Aware Logo" loading="lazy" />
2346                                                                </li>
2347                                                                <li class="png-glide_slide glide__slide">
2348                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/zc3laz2g/investors-in-people.jpg" alt="Investors In People Logo" loading="lazy" />
2349                                                                </li>
2350                                                                <li class="png-glide_slide glide__slide">
2351                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/lqwhe1c4/positive-about-disabled-people.jpg" alt="Positive About People Logo" loading="lazy" />
2352                                                                </li>
2353                                                                <li class="png-glide_slide glide__slide">
2354                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/kjsjspwr/rec.jpg" alt="REC Logo" loading="lazy" />
2355                                                                </li>
2356                                                                <li class="png-glide_slide glide__slide">
2357                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/uyjpmql4/safer-jobs.jpg" alt="Safer Logo" loading="lazy" />
2358                                                                </li>
2359                                                                <li class="png-glide_slide glide__slide">
2360                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/psvo0eyh/top-100-best-companies-2022-footer-1.png" alt="Top 100 Best Companies" loading="lazy" />
2361                                                                </li>
2362                                                                <li class="png-glide_slide glide__slide">
2363                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/qo3npbih/risqs.jpg" alt="RISQS" loading="lazy" />
2364                                                                </li>
2365                                                                <li class="png-glide_slide glide__slide">
2366                                                                    <img class="png-image -object-cover -lazyloaded select-none pointer-events-none" src="/media/su3higo3/stronger-together-128.png" alt="Stronger Together" loading="lazy" />
2367                                                                </li>
2368
2369                                                </ul>
2370                                            </div>
2371
2372                                            <div class="png-glide_bullets glide__bullets" data-glide-el="
2372controls[nav]">
2373
2374                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=0" aria-label="Slide to logo 0"></button>
2375                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=1" aria-label="Slide to logo 1"></button>
2376                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=2" aria-label="Slide to logo 2"></button>
2377                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=3" aria-label="Slide to logo 3"></button>
2378                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=4" aria-label="Slide to logo 4"></button>
2379                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=5" aria-label="Slide to logo 5"></button>
2380                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=6" aria-label="Slide to logo 6"></button>
2381                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=7" aria-label="Slide to logo 7"></button>
2382                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=8" aria-label="Slide to logo 8"></button>
2383                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=9" aria-label="Slide to logo 9"></button>
2384                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=10" aria-label="Slide to logo 10"></button>
2385                                                    <button type="button" class="png-glide_bullet glide__bullet" data-glide-dir="=11" aria-label="Slide to logo 11"></button>
2386
2387                                            </div>
2388
2389                                        </div>
2390                                    </div>
2391                                </section>
2392                        <section class="png-footer_bottom relative">
2393                            <div class="container flex flex-col gap-6 md:gap-10">
2394
2395                                    <div class="be-ix-link-block"><!--Link Block Targeting Div --></div>
2396
2397                                    <ul class="grid sm:grid-cols-2 md:grid-cols-none md:grid-rows-3 md:grid-flow-col-dense md:auto-cols-max gap-y-2 gap-x-gutter md:gap-x-24">
2398
2399                                                    <li>
2400                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/terms-conditions/"  >
2401                                                            Terms &amp; Conditions
2402                                                        </a>
2403                                                    </li>
2404                                                    <li>
2405                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/privacy/"  >
2406                                                            Privacy
2407                                                        </a>
2408                                                    </li>
2409                                                    <li>
2410                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/data-retention/"  >
2411                                                            Data Retention
2412                                                        </a>
2413                                                    </li>
2414                                                    <li>
2415                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/cookies/"  >
2416                                                            Cookies
2417                                                        </a>
2418                                                    </li>
2419                                                    <li>
2420                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/accessibility/"  >
2421                                                            Accessibility
2422                                                        </a>
2423                                                    </li>
2424                                                    <li>
2425                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/modern-slavery-statement/"  >
2426                                                            Modern Slavery Statement
2427                                                        </a>
2428                                                    </li>
2429                                                    <li>
2430                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/open-government-licence/"  >
2431                                                            Open Government Licence
2432                                                        </a>
2433                                                    </li>
2434                                                    <li>
2435                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/png-tax-strategy/"  >
2436                                                            PNG Tax Strategy
2437                                                        </a>
2438                                                    </li>
2439                                                    <li>
2440                                                        <a class="png-footer_body png-link png-typo_text-3" href="/legal/carbon-reduction-plan/"  >
2441                                                            Carbon Reduction Plan 
2442                                                        </a>
2443                                                    </li>
2444                                                    <li>
2445                                                        <a class="png-footer_body png-link png-typo_text-3" href="/website-sitemap/"  >
2446                                                            Sitemap
2447                                                        </a>
2448                                                    </li>
2449
2450                                    </ul>
2451
2452                                    <ul class="flex flex-wrap gap-8 w-[80%] md:w-[45%] lg:w-[65%]">
2453                                    <li class="xl:order-last xl:flex xl:justify-end">
2454                                        <div class="flex flex-col xl:items-end gap-y-6">
2455                                            <div class="flex space-x-4 mt-4">
2456
2457                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://www.facebook.com/Pertemps" target="_blank"  aria-describedby="Opens facebook in new tab ">
2458                                                                <sp
2458an class="sr-only">Facebook</span>
2459                                                                <i class="fa-brands fa-facebook" aria-hidden="true"></i>
2460                                                            </a>
2461                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://www.instagram.com/pertempsnetworkgroup/" target="_blank"  aria-describedby="Opens Instagram in new tab ">
2462                                                                <span class="sr-only">Instagram</span>
2463                                                                <i class="fa-brands fa-instagram" aria-hidden="true"></i>
2464                                                            </a>
2465                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://www.linkedin.com/company/pertemps" target="_blank"  aria-describedby="opens linkedin in new tab ">
2466                                                                <span class="sr-only">LinkedIn</span>
2467                                                                <i class="fa-brands fa-linkedin-in" aria-hidden="true"></i>
2468                                                            </a>
2469                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://x.com/PertempsJobs" target="_blank"  aria-describedby="Opens twitter in new tab ">
2470                                                                <span class="sr-only">Twitter</span>
2471                                                                <i class="fa-brands fa-x-twitter" aria-hidden="true"></i>
2472                                                            </a>
2473                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://www.youtube.com/@pertempsnetworkgroup" target="_blank"  aria-describedby="Opens Youtube in new tab ">
2474                                                                <span class="sr-only">YouTube</span>
2475                                                                <i class="fa-brands fa-youtube" aria-hidden="true"></i>
2476                                                            </a>
2477                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://vimeo.com/user188452273" target="_blank"  aria-describedby="Opens Vimeo in new tab ">
2478                                                                <span class="sr-only">Vimeo</span>
2479                                                                <i class="fa-brands fa-vimeo" aria-hidden="true"></i>
2480                                                            </a>
2481                                                            <a class="png-btn -variant-flat -icon-alone png-typo_title-5 png-footer_actions text-white" href="https://www.tiktok.com/@pertempsnetwork" target="_blank"  aria-describedby="Opens TikTok in new tab ">
2482                                                                <span class="sr-only">TicktokLogo</span>
2483                                                                <i class="fa-brands fa-tiktok" aria-hidden="true"></i>
2484                                                            </a>
2485
2486                                            </div>
2487                                        </div>
2488                                    </li>
2489                                    </ul>
2490
2491                                    <a class="text-gray-300 hover:underline max-w-xs lg:max-w-none" href="https://www.google.com/maps/search/Pertemps&#x2B;Head&#x2B;Office/" target="_self" rel="noopener noreferrer">
2492                                        Meriden Hall, Main Road, Meriden, West Midlands, CV7 7PT, United Kingdom
2493                                    </a>
2494
2495                                    <p class="text-gray-300">
2496                                        &#xA9; Pertemps 2026
2497                                    </p>
2498
2499                            </div>
2500                        </section>
2501
2502    </footer>
2503
2504<script>
2505    document.addEventListener("alpine:init", () => {
2506         Alpine.data("footer", () => ({
2507             init() {
2508                 initSlider(
2509                     document.getElementById("footer-carousel"),
2510                     "footer"
2511                 );
2512             }
2513         }));
2514     });
2515
2516</script>
2516
2517
2518
2519    
2520<script async src="https://pertemps-network.co.uk/DM-7635000465-01/ddgtag.js"></script>
2520
2521
2522</body>
2523
2524</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.