PageSourceSearch

https://youthcareers.org.uk/news-events/

html youthcareers.org.uk collected 2026-10-08 07:14:23 UTC 150,807 bytes, 1,806 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5    <meta charset="UTF-8">
6<script>
7var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
8</script>
8
9
10    <meta name="viewport" content="width=device-width">
11    <link rel="apple-touch-icon" sizes="120x120" href="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/favicons/apple-touch-icon.png">
12<link rel="icon" type="image/png" sizes="32x32" href="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/favicons/favicon-32x32.png">
13<link rel="icon" type="image/png" sizes="16x16" href="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/favicons/favicon-16x16.png">
14<link rel="manifest" href="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/favicons/site.webmanifest">
15<link rel="mask-icon" href="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
16<meta name="msapplication-TileColor" content="#da532c">
17<meta name="theme-color" content="#ffffff">
18    <title>News &amp; events - Youth Careers Collective</title>
19    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
20
21	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
22	<link rel="canonical" href="https://youthcareers.org.uk/news-events/" />
23	<meta property="og:locale" content="en_US" />
24	<meta property="og:type" content="article" />
25	<meta property="og:title" content="News &amp; events - Youth Careers Collective" />
26	<meta property="og:url" content="https://youthcareers.org.uk/news-events/" />
27	<meta property="og:site_name" content="Youth Careers Collective" />
28	<meta property="article:modified_time" content="2025-11-25T14:13:49+00:00" />
29	<meta name="twitter:card" content="summary_large_image" />
30	
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/youthcareers.org.uk\/news-events\/","url":"https:\/\/youthcareers.org.uk\/news-events\/","name":"News &amp; events - Youth Careers Collective","isPartOf":{"@id":"https:\/\/youthcareers.org.uk\/#website"},"datePublished":"2025-10-01T06:01:25+00:00","dateModified":"2025-11-25T14:13:49+00:00","breadcrumb":{"@id":"https:\/\/youthcareers.org.uk\/news-events\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/youthcareers.org.uk\/news-events\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/youthcareers.org.uk\/news-events\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/youthcareers.org.uk\/"},{"@type":"ListItem","position":2,"name":"News &amp; events"}]},{"@type":"WebSite","@id":"https:\/\/youthcareers.org.uk\/#website","url":"https:\/\/youthcareers.org.uk\/","name":"Youth Careers Collective","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/youthcareers.org.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
30
31	<!-- / Yoast SEO plugin. -->
32
33
34<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://youthcareers.org.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyouthcareers.org.uk%2Fnews-events%2F" />
35<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://youthcareers.org.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyouthcareers.org.uk%2Fnews-events%2F&#038;format=xml" />
36<style id="wp-img-auto-sizes-contain-inline-css">
37img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
38/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
39</style>
40<style id="wp-emoji-styles-inline-css">
41
42	img.wp-smiley, img.emoji {
43		display: inline !important;
44		border: none !important;
45		box-shadow: none !important;
46		height: 1em !important;
47		width: 1em !important;
48		margin: 0 0.07em !important;
49		vertical-align: -0.1em !important;
50		background: none !important;
51		padding: 0 !important;
52	}
53/*# sourceURL=wp-emoji-styles-inline-css */
54</style>
55<style id="wp-block-library-inline-css">
56:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
56--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
57
58/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
59</style>
60<style id="classic-theme-styles-inline-css">
61/*! This file is auto-generated */
62.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
63/*# sourceURL=/wp-includes/css/classic-themes.min.css */
64</style>
65
66<link rel='stylesheet' id='metaslider-blocks-editor-css-css' href='https://youthcareers.org.uk/wp-content/plugins/ml-slider/admin/assets/dist/css/editor-block.css?ver=3.113.1' media='all' property='stylesheet' />
67<style id="global-styles-inline-css">
68:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
680) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
68.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
69/*# sourceURL=global-styles-inline-css */
70</style>
71
72<link rel='stylesheet' id='style-css' href='https://youthcareers.org.uk/wp-content/themes/youthcareers/build/css/main.css?ver=1761676872' media='all' />
73<link rel="https://api.w.org/" href="https://youthcareers.org.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://youthcareers.org.uk/wp-json/wp/v2/pages/347" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://youthcareers.org.uk/xmlrpc.php?rsd" />
74<meta name="generator" content="WordPress 7.1.3" />
75<link rel='shortlink' href='https://youthcareers.org.uk/?p=347' />
76<link rel="icon" href="https://youthcareers.org.uk/wp-content/uploads/2026/07/cropped-Untitled-design-5-32x32.png" sizes="32x32" />
77<link rel="icon" href="https://youthcareers.org.uk/wp-content/uploads/2026/07/cropped-Untitled-design-5-192x192.png" sizes="192x192" />
78<link rel="apple-touch-icon" href="https://youthcareers.org.uk/wp-content/uploads/2026/07/cropped-Untitled-design-5-180x180.png" />
79<meta name="msapplication-TileImage" content="https://youthcareers.org.uk/wp-content/uploads/2026/07/cropped-Untitled-design-5-270x270.png" />
80<style id="wp-custom-css">
81div#field_2_1 {
82    margin-bottom: 0;
83}
84
85
86ul.uk-nav.uk-dropdown-nav li {
87    display: block;
88}
89</style>
90
91    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 91-92
91
92    <script async src="https://www.googletagmanager.com/gtag/js?id=
92G-H2BPFVV4GP
vendor: 16 bytes, lines 92-93
92"></script>
93    
93<script>
94    
vendor: 140 bytes, lines 94-98
94window.dataLayer = window.dataLayer || [];
95    function gtag(){dataLayer.push(arguments);}
96    gtag('js', new Date());
97
98    gtag('config', '
98G-H2BPFVV4GP
vendor: 8 bytes, lines 98-99
98');
99    
99</script>
99
100
101    <!-- Google Fonts -->
102    <link rel="preconnect" href="https://fonts.googleapis.com">
103    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
104    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
105
106    <!-- UIkit CSS -->
107    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
108    
109    <!-- UIkit JS -->
110    
110<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
110
111    
111<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
111
112
113<link rel='stylesheet' id='gform_basic-css' href='https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.9.22' media='all' />
114<link rel='stylesheet' id='gform_theme_components-css' href='https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.9.22' media='all' />
115<link rel='stylesheet' id='gform_theme-css' href='https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.9.22' media='all' />
116
117</head>
118
119<body class="wp-singular page-template-default page page-id-347 page-parent wp-theme-youthcareers metaslider-plugin">
120
121    <div id="app"> <!-- #app -->
122        
123        <div class="bg-white" uk-sticky="offset: 0; show-on-up: true; animation: uk-animation-slide-top">
124            <header class="uk-container uk-container-large bg-white">
125                <section class="flex flex-row justify-between items-center py-4 md:py-8">
126                    <div>
127                        <a href="/" class="max-w-[150px] md:max-w-[250px] block"><img width="250" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/logos/ycc-logo-animation-core.gif" alt="Youth Careers Collective"></a>
128                    </div>
129                    <div class="hidden lg:block">
130                        <div class="flex gap-3 justify-end">
131                            <a href="/volunteer-with-us">
132                                <button class="bg-[#f36e21] rounded-xs hover:bg-orange-600 text-white px-4 py-1 text-sm font-medium transition-colors duration-200 hover:cursor-pointer">
133                                    Volunteer with us
134                                </button>
135                            </a>
136
137                            <a href="https://www.justgiving.com/charity/youth-careers-collective" target="_blank" rel="noopener noreferrer">
138                                <button class="bg-[#ec176d] rounded-xs hover:bg-pink-600 text-white px-4 py-1 text-sm font-medium transition-colors duration-200 hover:cursor-pointer">
139                                    Make a donation
140                                </button>
141                            </a>
142
143                            <form role="search" method="get" class="search-form" action="https://youthcareers.org.uk/">
144                                <div class="relative">
145                                    <input type="search" 
146                                        class="px-4 py-1 pr-8 text-sm bg-[#e6e6e6] text-[#4d4d4d] rounded-xs" 
147                                        placeholder="Search..." 
148                                        value="" 
149                                        name="s" 
150                                        aria-label="Search">
151                                    <button type="submit" 
152                                            class="absolute right-1 top-1/2 transform -translate-y-1/2 text-gray-500 hover:text-[#f36e21] transition-colors duration-200">
153                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
154                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
155                                        </svg>
156                                    </button>
157                                </div>
158                            </form>
159                        </div>
160                                                <nav class="mt-4 nav__top">
161                            <ul class="flex gap-2 lg:gap-8 [&_>li]:!mr-0">
162                                <li>
163                                                                            <div class="uk-inline">
164                                            <a href="/about-us" class="nav-link pl-[30px] nav-link--inactive">
165                                                <span class="inline-block">About Us</span>
166                                            </a>
167                                            <div uk-dropdown>
168                                                <ul class="uk-nav uk-dropdown-nav">
169                                                                                                            <li>
170                                                                                                                        <a href="/vision-mission-values/">
171                                                                Vision, mission, values                                                            </a>
172                                                        </li>
173                                                                                                            <li>
174                                                                                                                        <a href="/our-team/">
175                                                                Our team                                                            </a>
176                                                        </li>
177                                                                                                            <li>
178                                                                                                                        <a href="/our-collective/">
179                                                                Our collective                                                            </a>
180                                                        </li>
181                                                                                                            <li>
182                                                                                                                        <a href="/join-our-team/">
183                                                                Join our team                                                            </a>
184                                                        </li>
185                                                                                                            <li>
186                                                                                                                        <a href="/our-rebrand/">
187                                                                Our rebrand                                                            </a>
188                                                        </li>
189                                                                                                            <li>
190                                                                                                                        <a href="/about-us/get-in-touch/">
191                                                                Get in touch                                                            </a>
192                                                        </li>
193                                                                                                    </ul>
194                                            </div>
195                                        </div>
196                                                                    </li>
197                                <li>
198                                                                            <div class="uk-inline">
199                                            <a href="/what-we-do" class="nav-link nav-link--inactive">
200                                                <span class="inline-block">What we do</span>
201                                            </a>
202                                            <div uk-dropdown>
203                                                <ul class="uk-nav uk-dropdown-nav">
204                                                                                                            <li>
205                                                                                                                        <a href="/employer-engagement/">
206                                                                Employer engagement                                                            </a>
207                                                        </li>
208                                                                                                            <li>
209                                                                                                                        <a href="/workplace-experience/">
210                                                                Workplace experience                                                            </a>
211                                                        </li>
212                                                                                                            <li>
213                                                                                                                        <a href="/career-mentoring/">
214                                                                Career mentoring                                                            </a>
215                                                        </li>
216                                                                                                            <li>
217                                                                                                                        <a href="/send-and-alternative-provision/">
218                                                                Special Schools &amp; Alternative Provisions                                                            </a>
219                                                        </li>
220                                                                                                            <li>
221                                                                                                                        <a href="/training-and-consultancy/">
222                                                                Training &amp; consultancy                                                            </a>
223                                                        </li>
224                                                                                                    </ul>
225                                            </div>
226                                        </div>
227                                                                    </li>
228                                <li>
229                                                                            <div class="uk-inline">
230                                            <a href="/who-we-work-with" class="nav-link nav-link--inactive">
231                                                <span class="inline-block">Who we work with</span>
232                                            </a>
233                                            <div uk-dropdown>
234                                                <ul class="uk-nav uk-dropdown-nav">
235                                                                                                            <li>
236                                                                                                                        <a href="/who-we-work-with/schools-colleges/">
237                                                                Schools &amp; colleges                                                            </a>
238                                                        </li>
239                                                                                                            <li>
240                                                                                                                        <a href="/who-we-work-with/business-employers/">
241                                                                Business &amp; employers                                                            </a>
242                                                        </li>
243                                                                                                            <li>
244                                                                                                                        <a href="/who-we-work-with/community-partners">
245                                                                Community partners                                                            </a>
246                                                        </li>
247                                                                                                            <li>
248                                                                                                                        <a href="/who-we-work-with/young-people">
249                                                                Young people                                                            </a>
250                                                        </li>
251                                                                                                            <li>
252                                                                                                                        <a href="/who-we-work-with/funders-supporters">
253                                                                Funders &amp; supporters                                                            </a>
254                                                        </li>
255                                                                                                            <li>
256                                                                                                                        <a href="/about-us/volunteer-with-us/">
257                                                                Volunteers                                                            </a>
258                                                        </li>
259                                                                                                    </ul>
260                                            </div>
261                                        </div>
262                                                                    </li>
263                                <li>
264                                                                            <div class="uk-inline">
265                                            <a href="/impact-learning" class="nav-link nav-link--inactive">
266                                                <span class="inline-block">Impact &amp; learning</span>
267                                            </a>
268                                            <div uk-dropdown>
269                                                <ul class="uk-nav uk-dropdown-nav">
270                                                                                                            <li>
271                                                                                                                        <a href="/the-challenge/">
272                                                                The challenge                                                            </a>
273                                                        </li>
274                                                                                                            <li>
275                                                                                                                        <a href="/our-stories/">
276                                                                Our stories                                                            </a>
277                                                        </li>
278                                                                                                            <li>
279                                                                                                                        <a href="/our-publications/">
280                                                                Our publications                                                            </a>
281                                                        </li>
282                                                                                                            <li>
283                                                                                                                        <a href="/the-youth-employment-roadmap/">
284                                                                Youth Employment Roadmap                                                            </a>
285                                                        </li>
286                                                                                                    </ul>
287                                            </div>
288                                        </div>
289                                                                    </li>
290                                <li>
291                                                                            <div class="uk-inline">
292                                            <a href="/news-events" class="nav-link nav-link--active">
293                                                <span class="inline-block">News &amp; events</span>
294                                            </a>
295                                            <div uk-dropdown>
296                                                <ul class="uk-nav uk-dropdown-nav">
297                                                                                                            <li>
298                                                                                                                        <a href="/news-events/" style="color:#ec176d !important;">
299                                                                News &amp; updates                                                            </a>
300                                                        </li>
301                                                                                                            <li>
302                                                                                                                        <a href="/news-events/#events" style="color:#ec176d !important;">
303                                                                Events                                                            </a>
304                                                        </li>
305                                                                                                            <li>
306                                                                                                                        <a href="/news-events/the-youth-careers-awards/">
307                                                                Youth Careers Awards                                                            </a>
308                                                        </li>
309                                                                                                    </ul>
310                                            </div>
311                                        </div>
312                                                                    </li>
313                            </ul>
314                        </nav>
315                    </div>
316                    <div class="lg:hidden">
317                        <button type="button" uk-toggle="target: #offcanvas-overlay">
318                            <img width="40" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/menu.svg" alt="Hamburger menu">
319                        </button>
320                    </div>
321                </section>
322            </header>
323        </div>
324        <div id="offcanvas-overlay" uk-offcanvas="overlay: true">
325            <div class="uk-offcanvas-bar">
326                <button class="uk-offcanvas-close" type="button" uk-close></button>
327
328                <!-- Mobile Navigation -->
329                <nav class="mobile-nav">
330                    <ul class="uk-nav-default" uk-nav>
331                                                <li class="uk-parent">
332                                                            <a href="javascript:void(0)">
333                                    About Us <span uk-nav-parent-icon></span>
334                                </a>
335                                <ul class="uk-nav-sub">
336                                    <li>
337                                                                                <a href="/about-us">About Us</a>
338                                    </li>
339                                                                            <li>
340                                                                                        <a href="/vision-mission-values/">
341                                                Vision, mission, values                                            </a>
342                                        </li>
343                                                                            <li>
344                                                                                        <a href="/our-team/">
345                                                Our team                                            </a>
346                                        </li>
347                                                                            <li>
348                                                                                        <a href="/our-collective/">
349                                                Our collective                                            </a>
350                                        </li>
351                                                                            <li>
352                                                                                        <a href="/join-our-team/">
353                                                Join our team                                            </a>
354                                        </li>
355                                                                            <li>
356                                                                                        <a href="/our-rebrand/">
357                                                Our rebrand                                            </a>
358                                        </li>
359                                                                            <li>
360                                                                                        <a href="/about-us/get-in-touch/">
361                                                Get in touch                                            </a>
362                                        </li>
363                                                                    </ul>
364                                                    </li>
365                        <li class="uk-parent">
366                                                            <a href="javascript:void(0)">
367                                    What we do <span uk-nav-parent-icon></span>
368                                </a>
369                                <ul class="uk-nav-sub">
370                                    <li>
371                                                                                <a href="/what-we-do">What we do</a>
372                                    </li>
373                                                                            <li>
374                                                                                        <a href="/employer-engagement/">
375                                                Employer engagement                                            </a>
376                                        </li>
377                                                                            <li>
378                                                                                        <a href="/workplace-experience/">
379                                                Workplace experience                                            </a>
380                                        </li>
381                                                                            <li>
382                                                                                        <a href="/career-mentoring/">
383                                                Career mentoring                                            </a>
384                                        </li>
385                                                                            <li>
386                                                                                        <a href="/send-and-alternative-provision/">
387                                                Special Schools &amp; Alternative Provisions                                            </a>
388                                        </li>
389                                                                            <li>
390                                                                                        <a href="/training-and-consultancy/">
391                                                Training &amp; consultancy                                            </a>
392                                        </li>
393                                                                    </ul>
394                                                    </li>
395                        <li class="uk-parent">
396                                                            <a href="javascript:void(0)">
397                                    Who we work with <span uk-nav-parent-icon></span>
398                                </a>
399                                <ul class="uk-nav-sub">
400                                    <li>
401                                                                                <a href="/who-we-work-with">Who we work with</a>
402                                    </li>
403                                                                            <li>
404                                                                                        <a href="/who-we-work-with/schools-colleges/">
405                                                Schools &amp; colleges                                            </a>
406                                        </li>
407                                                                            <li>
408                                                                                        <a href="/who-we-work-with/business-employers/">
409                                                Business &amp; employers                                            </a>
410                                        </li>
411                                                                            <li>
412                                                                                        <a href="/who-we-work-with/community-partners">
413                                                Community partners                                            </a>
414                                        </li>
415                                                                            <li>
416                                                                                        <a href="/who-we-work-with/young-people">
417                                                Young people                                            </a>
418                                        </li>
419                                                                            <li>
420                                                                                        <a href="/who-we-work-with/funders-supporters">
421                                                Funders &amp; supporters                                            </a>
422                                        </li>
423                                                                            <li>
424                                                                                        <a href="/about-us/volunteer-with-us/">
425                                                Volunteers                                            </a>
426                                        </li>
427                                                                    </ul>
428                                                    </li>
429                        <li class="uk-parent">
430                                                            <a href="javascript:void(0)">
431                                    Impact &amp; learning <span uk-nav-parent-icon></span>
432                                </a>
433                                <ul class="uk-nav-sub">
434                                    <li>
435                                                                                <a href="/impact-learning">Impact &amp; learning</a>
436                                    </li>
437                                                                            <li>
438                                                                                        <a href="/the-challenge/">
439                                                The challenge                                            </a>
440                                        </li>
441                                                                            <li>
442                                                                                        <a href="/our-stories/">
443                                                Our stories                                            </a>
444                                        </li>
445                                                                            <li>
446                                                                                        <a href="/our-publications/">
447                                                Our publications                                            </a>
448                                        </li>
449                                                                            <li>
450                                                                                        <a href="/the-youth-employment-roadmap/">
451                                                Youth Employment Roadmap                                            </a>
452                                        </li>
453                                                                    </ul>
454                                                    </li>
455                        <li class="uk-parent">
456                                                            <a href="javascript:void(0)">
457                                    News &amp; events <span uk-nav-parent-icon></span>
458                                </a>
459                                <ul class="uk-nav-sub">
460                                                                            <li>
461                                                                                        <a href="/news-events/" style="color:#ec176d !important;">
462                                                News &amp; updates                                            </a>
463                                        </li>
464                                                                            <li>
465                                                                                        <a href="/news-events/#events" style="color:#ec176d !important;">
466                                                Events                                            </a>
467                                        </li>
468                                                                            <li>
469                                                                                        <a href="/news-events/the-youth-careers-awards/">
470                                                Youth Careers Awards                                            </a>
471                                        </li>
472                                                                    </ul>
473                                                    </li>
474                    </ul>
475                </nav>
476            </div>
477        </div>
478
479<div style="background-color: #ffffff">
480    
481        <section class="block-content">
482                                                
483<section class="block hero-general">
484        <div class="flex justify-center items-center aspect-[16/7] overflow-hidden bg-cover" style="background-image: url(https://youthcareers.org.uk/wp-content/uploads/2025/10/Heads-and-Tails-1-1-e1760112861619.jpg);  background-position: top;">
485                <div class="translate-y-[0] md:translate-y-[100px] text-lg md:text-3xl lg:text-6xl rounded-md px-6 py-4 md:px-12 md:py-6 font-bold bg-[#46ceda] text-[#262261]">
486            News &amp; events        </div>
487            </div>
488    
489    </section>                                                            
490<section class="block breadcrumbs py-4">
491    <div class="uk-container">
492        <nav class="breadcrumbs" aria-label="Breadcrumb">
493            <ol class="flex items-center space-x-2 text-sm">
494                                    <li class="flex items-center">
495                                                
496                                                    <a href="https://youthcareers.org.uk/" class="!text-[#262261] hover:text-indigo-900 transition-colors duration-200">
497                                Home                            </a>
498                                            </li>
499                                    <li class="flex items-center">
500                                                    <span class="ml-0 mr-2" style="color: #46ceda">
501                                &gt;
502                            </span>
503                                                
504                                                    <span class="!text-[#262261] font-medium">
505                                News &amp; events                            </span>
506                                            </li>
507                            </ol>
508        </nav>
509    </div>
510</section>                                                            
511<div class="block__spacer h-[25px] md:h-[25px]"></div>                                                            
512<section class="block block__text text-lg md:text-3xl leading-6 md:leading-9 font-semibold text-[#262261] ">
513        
514            <div class="block__text__content [&_a]:!text-inherit [&_a]:!underline uk-container uk-container-small">
515            <p style="text-align: center;">Explore the latest updates from our programmes, partners and supporters. From success stories to training opportunities and community events, this is where we share what’s new and how we’re helping young people prepare for and access meaningful employment.</p>
516        </div>
517    </section>                                                            
518<div class="block__spacer h-[100px] md:h-[100px]"></div>                                                            
519<section id="news" class="block block__latest-news-grid bg-[#efefe9] py-20 md:pb-30 md:pt-20 px-8 md:px-4">
520    <div class="uk-container">
521                    <h2 class="!text-center !text-[#262261] text-3xl md:text-4xl !font-bold !mb-10 !font-bold">Latest news</h2>
522        
523        <!-- Search Bar -->
524        <div class="max-w-md mx-auto mb-10">
525            <div class="relative">
526                <input 
527                    type="text" 
528                    id="news-search" 
529                    placeholder="Search" 
530                    class="w-full px-4 py-3 pr-12  bg-white focus:outline-none focus:ring-0 focus:ring-[#ffffff] focus-visible:outline-none active:ring-[#ffffff] focus:border-transparent"
531                >
532                <div class="absolute inset-y-0 right-0 flex items-center pr-3">
533                    <!-- Search Icon (hidden when loading) -->
534                    <svg id="search-icon" class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
535                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
536                    </svg>
537                    <!-- Loading Spinner (hidden by default) -->
538                    <div id="loading-spinner" class="hidden">
539                        <svg class="animate-spin w-5 h-5 text-[#ec176d]" fill="none" viewBox="0 0 24 24">
540                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
541                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
542                        </svg>
543                    </div>
544                </div>
545            </div>
546        </div>
547
548                    <div id="news-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10">
549                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
550                         style="box-shadow: 10px 10px 0px #fdbd00;" 
551                         data-title="collective catch up: school newsletter september 2026">
552                        
553                        <!-- Featured Image -->
554                        <div class="flex-shrink-0">
555                            <div class="aspect-square overflow-hidden rounded-md mb-4">
556                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2026/10/Socials-Square-8-300x300.png" 
557                                         alt="" 
558                                         class="w-full !h-full object-cover aspect-square">
559                                                            </div>
560                        </div>
561                        
562                        <!-- Post Title -->
563                        <div class="flex-grow flex flex-col justify-between">
564                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
565                                <a href="https://youthcareers.org.uk/from-the-classroom-to-the-lab-with-lms/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
566                                    Collective Catch Up: School Newsletter September 2026                                </a>
567                            </h4>
568                            
569                            <!-- Read More Button -->
570                            <div class="text-center mt-auto">
571                                <a
572                                    href="https://youthcareers.org.uk/from-the-classroom-to-the-lab-with-lms/"
573                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
573E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
574                                >
575                                    Read more
576                                </a>
577                            </div>
578                        </div>
579                    </div>
580                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
581                         style="box-shadow: 10px 10px 0px #fdbd00;" 
582                         data-title="from the classroom to the lab with lms">
583                        
584                        <!-- Featured Image -->
585                        <div class="flex-shrink-0">
586                            <div class="aspect-square overflow-hidden rounded-md mb-4">
587                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2026/10/Media-2026-10-02T103106.710-225x300.jpg" 
588                                         alt="" 
589                                         class="w-full !h-full object-cover aspect-square">
590                                                            </div>
591                        </div>
592                        
593                        <!-- Post Title -->
594                        <div class="flex-grow flex flex-col justify-between">
595                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
596                                <a href="https://youthcareers.org.uk/bringing-discovery-science-into-the-classroom-with-lms/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
597                                    From The Classroom To The Lab With LMS                                </a>
598                            </h4>
599                            
600                            <!-- Read More Button -->
601                            <div class="text-center mt-auto">
602                                <a
603                                    href="https://youthcareers.org.uk/bringing-discovery-science-into-the-classroom-with-lms/"
604                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
605                                >
606                                    Read more
607                                </a>
608                            </div>
609                        </div>
610                    </div>
611                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
612                         style="box-shadow: 10px 10px 0px #fdbd00;" 
613                         data-title="youth careers collective welcomes prime minister andy burnham">
614                        
615                        <!-- Featured Image -->
616                        <div class="flex-shrink-0">
617                            <div class="aspect-square overflow-hidden rounded-md mb-4">
618                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2026/07/Burnham-300x280.jpg" 
619                                         alt="" 
620                                         class="w-full !h-full object-cover aspect-square">
621                                                            </div>
622                        </div>
623                        
624                        <!-- Post Title -->
625                        <div class="flex-grow flex flex-col justify-between">
626                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
627                                <a href="https://youthcareers.org.uk/welcome-prime-minister-andy-burnham/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
628                                    Youth Careers Collective welcomes Prime Minister Andy Burnham                                </a>
629                            </h4>
630                            
631                            <!-- Read More Button -->
632                            <div class="text-center mt-auto">
633                                <a
634                                    href="https://youthcareers.org.uk/welcome-prime-minister-andy-burnham/"
635                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
635E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
636                                >
637                                    Read more
638                                </a>
639                            </div>
640                        </div>
641                    </div>
642                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
643                         style="box-shadow: 10px 10px 0px #fdbd00;" 
644                         data-title="celebrating project spark! with marjory kinnon and belvue school">
645                        
646                        <!-- Featured Image -->
647                        <div class="flex-shrink-0">
648                            <div class="aspect-square overflow-hidden rounded-md mb-4">
649                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/12/Image-2025-12-04T104759.260-1-225x300.jpg" 
650                                         alt="" 
651                                         class="w-full !h-full object-cover aspect-square">
652                                                            </div>
653                        </div>
654                        
655                        <!-- Post Title -->
656                        <div class="flex-grow flex flex-col justify-between">
657                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
658                                <a href="https://youthcareers.org.uk/celebrating-project-spark/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
659                                    Celebrating Project Spark! with Marjory Kinnon and Belvue School                                </a>
660                            </h4>
661                            
662                            <!-- Read More Button -->
663                            <div class="text-center mt-auto">
664                                <a
665                                    href="https://youthcareers.org.uk/celebrating-project-spark/"
666                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
667                                >
668                                    Read more
669                                </a>
670                            </div>
671                        </div>
672                    </div>
673                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
674                         style="box-shadow: 10px 10px 0px #fdbd00;" 
675                         data-title="smiley charity film awards">
676                        
677                        <!-- Featured Image -->
678                        <div class="flex-shrink-0">
679                            <div class="aspect-square overflow-hidden rounded-md mb-4">
680                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/12/the_smiley_charity_film_awards_logo.jpg" 
681                                         alt="" 
682                                         class="w-full !h-full object-cover aspect-square">
683                                                            </div>
684                        </div>
685                        
686                        <!-- Post Title -->
687                        <div class="flex-grow flex flex-col justify-between">
688                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
689                                <a href="https://youthcareers.org.uk/smiley-charity-film-awards/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
690                                    Smiley Charity Film Awards                                </a>
691                            </h4>
692                            
693                            <!-- Read More Button -->
694                            <div class="text-center mt-auto">
695                                <a
696                                    href="https://youthcareers.org.uk/smiley-charity-film-awards/"
697                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
697E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
698                                >
699                                    Read more
700                                </a>
701                            </div>
702                        </div>
703                    </div>
704                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
705                         style="box-shadow: 10px 10px 0px #fdbd00;" 
706                         data-title="launch of the new national youth strategy">
707                        
708                        <!-- Featured Image -->
709                        <div class="flex-shrink-0">
710                            <div class="aspect-square overflow-hidden rounded-md mb-4">
711                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/12/Screenshot-2025-12-10-152729-300x259.png" 
712                                         alt="" 
713                                         class="w-full !h-full object-cover aspect-square">
714                                                            </div>
715                        </div>
716                        
717                        <!-- Post Title -->
718                        <div class="flex-grow flex flex-col justify-between">
719                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
720                                <a href="https://youthcareers.org.uk/launch-of-the-new-national-youth-strategy/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
721                                    Launch of the new National Youth Strategy                                </a>
722                            </h4>
723                            
724                            <!-- Read More Button -->
725                            <div class="text-center mt-auto">
726                                <a
727                                    href="https://youthcareers.org.uk/launch-of-the-new-national-youth-strategy/"
728                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
729                                >
730                                    Read more
731                                </a>
732                            </div>
733                        </div>
734                    </div>
735                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
736                         style="box-shadow: 10px 10px 0px #fdbd00;" 
737                         data-title="tech tracks: where young innovators begin their journey into tech">
738                        
739                        <!-- Featured Image -->
740                        <div class="flex-shrink-0">
741                            <div class="aspect-square overflow-hidden rounded-md mb-4">
742                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/11/Marjory-Kinnon-Employability-Programme-2-e1763125921961-300x262.png" 
743                                         alt="" 
744                                         class="w-full !h-full object-cover aspect-square">
745                                                            </div>
746                        </div>
747                        
748                        <!-- Post Title -->
749                        <div class="flex-grow flex flex-col justify-between">
750                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
751                                <a href="https://youthcareers.org.uk/tech-tracks-where-young-innovators-begin-their-journey-into-tech/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
752                                    Tech Tracks: Where Young Innovators Begin Their Journey into Tech                                </a>
753                            </h4>
754                            
755                            <!-- Read More Button -->
756                            <div class="text-center mt-auto">
757                                <a
758                                    href="https://youthcareers.org.uk/tech-tracks-where-young-innovators-begin-their-journey-into-tech/"
759                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
759E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
760                                >
761                                    Read more
762                                </a>
763                            </div>
764                        </div>
765                    </div>
766                                    <div class="news-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
767                         style="box-shadow: 10px 10px 0px #fdbd00;" 
768                         data-title="spark! becomes youth careers collective">
769                        
770                        <!-- Featured Image -->
771                        <div class="flex-shrink-0">
772                            <div class="aspect-square overflow-hidden rounded-md mb-4">
773                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/10/Instagram-13-300x300.jpg" 
774                                         alt="" 
775                                         class="w-full !h-full object-cover aspect-square">
776                                                            </div>
777                        </div>
778                        
779                        <!-- Post Title -->
780                        <div class="flex-grow flex flex-col justify-between">
781                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
782                                <a href="https://youthcareers.org.uk/spark-becomes-youth-careers-collective/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
783                                    Spark! Becomes Youth Careers Collective                                </a>
784                            </h4>
785                            
786                            <!-- Read More Button -->
787                            <div class="text-center mt-auto">
788                                <a
789                                    href="https://youthcareers.org.uk/spark-becomes-youth-careers-collective/"
790                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
791                                >
792                                    Read more
793                                </a>
794                            </div>
795                        </div>
796                    </div>
797                            </div>
798            
799            <!-- @TODO Fix pagination -->
800            <!-- Pagination Controls -->
801                            <div class="flex justify-center items-center mt-12 space-x-2">
802                    <!-- Page Numbers -->
803                                        <a href="?news-page=1" 
804                       class="pagination-btn w-10 h-10 rounded-full flex items-center justify-center transition-colors active bg-[#ec176d] !text-white"
805                       data-original-content="1">
806                        1                    </a>
807                                        <a href="?news-page=2" 
808                       class="pagination-btn w-10 h-10 rounded-full flex items-center justify-center transition-colors bg-white !text-[#ec176d]"
809                       data-original-content="2">
810                        2                    </a>
811                                    </div>
812                        </div>
813</section>
814
815<style>
816.pagination-btn {
817    @apply w-10 h-10 rounded-full flex items-center justify-center transition-colors;
818}
819
820.pagination-btn.active {
821    background-color: #ec176d !important;
822    color: white !important;
823}
824
825.pagination-btn:not(.active) {
826    background-color: white !important;
827    color: #ec176d !important;
828}
829</style>
830
831<script>
832document.addEventListener('DOMContentLoaded', function() {
833    const searchInput = document.getElementById('news-search');
834    const newsCards = document.querySelectorAll('.news-card');
835    const newsGrid = document.getElementById('news-grid');
836    const searchIcon = document.getElementById('search-icon');
837    const loadingSpinner = document.getElementById('loading-spinner');
838    const paginationBtns = document.querySelectorAll('.pagination-btn');
839    
840    let searchTimeout;
841    
842    // Add fade animation to grid
843    function addFadeAnimation() {
844        newsGrid.style.opacity = '0';
845        newsGrid.style.transform = 'translateY(20px)';
846        newsGrid.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
847        
848        setTimeout(() => {
849            newsGrid.style.opacity = '1';
850            newsGrid.style.transform = 'translateY(0)';
851        }, 50);
852    }
853    
854    // Handle pagination clicks with AJAX
855    paginationBtns.forEach(btn => {
856        btn.addEventListener('click', function(e) {
857            e.preventDefault();
858            
859            const page = this.getAttribute('href').split('news-page=')[1];
860            if (!page) return;
861            
862            // Add fade out animation
863            newsGrid.style.opacity = '0';
864            newsGrid.style.transform = 'translateY(-20px)';
865            
866            // Update URL without page reload
867            const url = new URL(window.location);
868            url.searchParams.set('news-page', page);
869            window.history.pushState({}, '', url);
870            
871            // Load new content via AJAX
872            loadPageContent(page);
873        });
874    });
875    
876    // Function to update pagination controls
877    function updatePaginationControls(currentPage) {
878        console.log('Updating pagination for page:', currentPage);
879        
880        // Update the active page styling
881        const allPaginationBtns = document.querySelectorAll('.pagination-btn');
882        console.log('Found pagination buttons:', allPaginationBtns.length);
883        
884        allPaginationBtns.forEach((btn, index) => {
885            const pageNum = parseInt(btn.textContent.trim());
886            console.log(`Button ${index}: page ${pageNum}, current: ${currentPage}`);
887            
888            // Update page number buttons
889            if (!isNaN(pageNum)) {
890                if (pageNum === currentPage) {
891                    // Add active class - CSS will handle styling
892                    btn.classList.add('active');
893                    console.log('Added active class:', btn.className);
894                } else {
895                    // Remove active class - CSS will handle styling
896                    btn.classList.remove('active');
897                    console.log('Removed active class:', btn.className);
898                }
899            }
900        });
901        
902        // Re-bind event listeners without cloning
903        allPaginationBtns.forEach(btn => {
904            // Remove existing listeners by replacing the onclick
905            btn.onclick = function(e) {
906                e.preventDefault();
907                
908                const page = this.getAttribute('href').split('news-page=')[1];
909                if (!page) return;
910                
911                console.log('Clicked page:', page);
912                
913                // Add fade out animation
914                newsGrid.style.opacity = '0';
915                newsGrid.style.transform = 'translateY(-20px)';
916                
917                // Update URL without page reload
918                const url = new URL(window.location);
919                url.searchParams.set('news-page', page);
920                window.history.pushState({}, '', url);
921                
922                // Load new content via AJAX
923                loadPageContent(page);
924            };
925        });
926    }
927    
928    // Function to load page content via AJAX
929    function loadPageContent(page) {
930        const formData = new FormData();
931        formData.append('action', 'load_news_page');
932        formData.append('page', page);
933        formData.append('nonce', 'dc883f64b8');
934        
935        // Set a timeout to prevent infinite loading
936        const timeoutId = setTimeout(() => {
937            console.error('AJAX request timed out');
938            // Fade back in
939            newsGrid.style.opacity = '1';
940            newsGrid.style.transform = 'translateY(0)';
941        }, 10000); // 10 second timeout
942        
943        fetch('https://youthcareers.org.uk/wp-admin/admin-ajax.php', {
944            method: 'POST',
945            body: formData
946        })
947        .then(response => {
948            clearTimeout(timeoutId);
949            return response.text();
950        })
951        .then(data => {
952            // Update the grid content (only the cards, not pagination)
953            newsGrid.innerHTML = data;
954            
955            // Re-bind event listeners to new cards
956            const newCards = newsGrid.querySelectorAll('.news-card');
957            newCards.forEach(card => {
958                // Re-apply search functionality if there's a search term
959                const searchTerm = searchInput.value.toLowerCase().trim();
960                if (searchTerm) {
961                    const title = card.getAttribute('data-title');
962                    if (!title.includes(searchTerm)) {
963                        card.style.display = 'none';
964                    }
965                }
966            });
967            
968            // Update the ORIGINAL pagination controls (outside the grid)
969            const originalPagination = document.querySelector('.flex.justify-center.items-center.mt-12.space-x-2');
970            if (originalPagination) {
971                // Update the original pagination buttons
972                const originalBtns = originalPagination.querySelectorAll('.pagination-btn');
973                originalBtns.forEach(btn => {
974                    const pageNum = parseInt(btn.textContent.trim());
975                    if (!isNaN(pageNum)) {
976                        if (pageNum === parseInt(page)) {
977                            btn.classList.add('active');
978                        } else {
979                            btn.classList.remove('active');
980                        }
981                    }
982                });
983            }
984            
985            // Fade in new content
986            setTimeout(() => {
987                newsGrid.style.opacity = '1';
988                newsGrid.style.transform = 'translateY(0)';
989            }, 50);
990        })
991        .catch(error => {
992            clearTimeout(timeoutId);
993            console.error('Error loading page:', error);
994            // Fade back in
995            newsGrid.style.opacity = '1';
996            newsGrid.style.transform = 'translateY(0)';
997        });
998    }
999    
1000    if (searchInput && newsCards.length > 0) {
1001        searchInput.addEventListener('input', function() {
1002            const searchTerm = this.value.toLowerCase().trim();
1003            
1004            // Clear existing timeout
1005            if (searchTimeout) {
1006                clearTimeout(searchTimeout);
1007            }
1008            
1009            // Show loading spinner
1010            searchIcon.classList.add('hidden');
1011            loadingSpinner.classList.remove('hidden');
1012            
1013            // Set timeout for 1 second
1014            searchTimeout = setTimeout(function() {
1015                // Hide loading spinner and show search icon
1016                loadingSpinner.classList.add('hidden');
1017                searchIcon.classList.remove('hidden');
1018                
1019                // Add fade animation for search results
1020                addFadeAnimation();
1021                
1022                // Perform search
1023                newsCards.forEach(function(card) {
1024                    const title = card.getAttribute('data-title');
1025                    
1026                    if (searchTerm === '' || title.includes(searchTerm)) {
1027                        card.style.display = 'flex';
1028                        card.style.opacity = '0';
1029                        card.style.transform = 'translateY(20px)';
1030                        card.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
1031                        
1032                        setTimeout(() => {
1033                            card.style.opacity = '1';
1034                            card.style.transform = 'translateY(0)';
1035                        }, 50);
1036                    } else {
1037                        card.style.display = 'none';
1038                    }
1039                });
1040                
1041                // Show "No results" message if no cards are visible
1042                const visibleCards = Array.from(newsCards).filter(card => card.style.display !== 'none');
1043                
1044                // Remove existing no-results message
1045                const existingMessage = document.getElementById('no-results-message');
1046                if (existingMessage) {
1047                    existingMessage.remove();
1048                }
1049                
1050                // Add no-results message if no cards are visible and there's a search term
1051                if (visibleCards.length === 0 && searchTerm !== '') {
1052                    const noResultsDiv = document.createElement('div');
1053                    noResultsDiv.id = 'no-results-message';
1054                    noResultsDiv.className = 'col-span-full text-center py-12 opacity-0 transform translate-y-4 transition-all duration-300';
1055                    noResultsDiv.innerHTML = '<p class="text-gray-500 text-lg">No posts found matching "' + searchTerm + '"</p>';
1056                    newsGrid.appendChild(noResultsDiv);
1057                    
1058                    setTimeout(() => {
1059                        noResultsDiv.style.opacity = '1';
1060                        noResultsDiv.style.transform = 'translateY(0)';
1061                    }, 50);
1062                }
1063            }, 1000); // 1 second delay
1064        });
1065    }
1066    
1067    // Initial fade in animation
1068    addFadeAnimation();
1069});
1070</script>
1070                                                            <!-- TODO: Change to latest events, fix pagination, fix search, use search animation on news grid -->
1071<section id="events" class="block block__latest-news-grid bg-[#262261] py-20 md:pb-30 md:pt-20 px-8 md:px-4">
1072    <div class="uk-container">
1073                    <h2 class="!text-center !text-[#FFFFFF] text-3xl md:text-4xl !font-bold !mb-10 !font-bold">Upcoming events</h2>
1074        
1075        <!-- Search Bar -->
1076        <div class="max-w-md mx-auto mb-10">
1077            <div class="relative">
1078                <input 
1079                    type="text" 
1080                    id="events-search" 
1081                    placeholder="Search events" 
1082                    class="w-full px-4 py-3 pr-12  bg-white focus:outline-none focus:ring-0 focus:ring-[#ffffff] focus-visible:outline-none active:ring-[#ffffff] focus:border-transparent"
1083                >
1084                <div class="absolute inset-y-0 right-0 flex items-center pr-3">
1085                    <!-- Search Icon (hidden when loading) -->
1086                    <svg id="search-icon" class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1087                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
1088                    </svg>
1089                    <!-- Loading Spinner (hidden by default) -->
1090                    <div id="loading-spinner" class="hidden">
1091                        <svg class="animate-spin w-5 h-5 text-[#ec176d]" fill="none" viewBox="0 0 24 24">
1092                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1093                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
1094                        </svg>
1095                    </div>
1096                </div>
1097            </div>
1098        </div>
1099
1100                    <div id="events-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10">
1101                                    <div class="event-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
1102                         style="box-shadow: 10px 10px 0px #fdbd00;" 
1103                         data-title="steps to&#8230; build your cv"
1104                         data-content="">
1105                        
1106                        <!-- Featured Image -->
1107                        <div class="flex-shrink-0">
1108                            <div class="aspect-square overflow-hidden rounded-md mb-4">
1109                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/10/Untitled-design-2-300x300.png" 
1110                                         alt="" 
1111                                         class="w-full !h-full object-cover aspect-square">
1112                                                            </div>
1113                        </div>
1114                        
1115                        <!-- Event Title -->
1116                        <div class="flex-grow flex flex-col justify-between">
1117                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1118                                <a href="https://youthcareers.org.uk/event/steps-to-build-your-cv/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1119                                    Steps to&#8230; Build your CV                                </a>
1120                            </h4>
1121                            
1122                            <!-- Read More Button -->
1123                            <div class="text-center mt-auto">
1124                                <a
1125                                    href="https://youthcareers.org.uk/event/steps-to-build-your-cv/"
1126                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
1126E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1127                                >
1128                                    Read more
1129                                </a>
1130                            </div>
1131                        </div>
1132                    </div>
1133                                    <div class="event-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
1134                         style="box-shadow: 10px 10px 0px #fdbd00;" 
1135                         data-title="youth careers collective brand launch"
1136                         data-content="">
1137                        
1138                        <!-- Featured Image -->
1139                        <div class="flex-shrink-0">
1140                            <div class="aspect-square overflow-hidden rounded-md mb-4">
1141                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/10/Instagram-13-300x300.jpg" 
1142                                         alt="" 
1143                                         class="w-full !h-full object-cover aspect-square">
1144                                                            </div>
1145                        </div>
1146                        
1147                        <!-- Event Title -->
1148                        <div class="flex-grow flex flex-col justify-between">
1149                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1150                                <a href="https://youthcareers.org.uk/event/youth-careers-collective-brand-launch/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1151                                    Youth Careers Collective Brand Launch                                </a>
1152                            </h4>
1153                            
1154                            <!-- Read More Button -->
1155                            <div class="text-center mt-auto">
1156                                <a
1157                                    href="https://youthcareers.org.uk/event/youth-careers-collective-brand-launch/"
1158                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1159                                >
1160                                    Read more
1161                                </a>
1162                            </div>
1163                        </div>
1164                    </div>
1165                                    <div class="event-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
1166                         style="box-shadow: 10px 10px 0px #fdbd00;" 
1167                         data-title="youth careers awards 2026"
1168                         data-content="">
1169                        
1170                        <!-- Featured Image -->
1171                        <div class="flex-shrink-0">
1172                            <div class="aspect-square overflow-hidden rounded-md mb-4">
1173                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/10/IMGL2799-e1761760993953-300x252.jpg" 
1174                                         alt="" 
1175                                         class="w-full !h-full object-cover aspect-square">
1176                                                            </div>
1177                        </div>
1178                        
1179                        <!-- Event Title -->
1180                        <div class="flex-grow flex flex-col justify-between">
1181                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1182                                <a href="https://youthcareers.org.uk/event/youth-careers-awards-2026/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1183                                    Youth Careers Awards 2026                                </a>
1184                            </h4>
1185                            
1186                            <!-- Read More Button -->
1187                            <div class="text-center mt-auto">
1188                                <a
1189                                    href="https://youthcareers.org.uk/event/youth-careers-awards-2026/"
1190                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
1190E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1191                                >
1192                                    Read more
1193                                </a>
1194                            </div>
1195                        </div>
1196                    </div>
1197                                    <div class="event-card bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" 
1198                         style="box-shadow: 10px 10px 0px #fdbd00;" 
1199                         data-title="west london business awards 2026"
1200                         data-content="">
1201                        
1202                        <!-- Featured Image -->
1203                        <div class="flex-shrink-0">
1204                            <div class="aspect-square overflow-hidden rounded-md mb-4">
1205                                                                    <img src="https://youthcareers.org.uk/wp-content/uploads/2025/10/WLB-Awards-Applications-300x200.jpg" 
1206                                         alt="" 
1207                                         class="w-full !h-full object-cover aspect-square">
1208                                                            </div>
1209                        </div>
1210                        
1211                        <!-- Event Title -->
1212                        <div class="flex-grow flex flex-col justify-between">
1213                            <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1214                                <a href="https://youthcareers.org.uk/event/test-event/" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1215                                    West London Business Awards 2026                                </a>
1216                            </h4>
1217                            
1218                            <!-- Read More Button -->
1219                            <div class="text-center mt-auto">
1220                                <a
1221                                    href="https://youthcareers.org.uk/event/test-event/"
1222                                    class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1223                                >
1224                                    Read more
1225                                </a>
1226                            </div>
1227                        </div>
1228                    </div>
1229                            </div>
1230            
1231            <!-- @TODO Fix pagination -->
1232            <!-- Pagination Controls -->
1233                        </div>
1234</section>
1235
1236<style>
1237.pagination-btn {
1238    @apply w-10 h-10 rounded-full flex items-center justify-center transition-colors;
1239}
1240
1241.pagination-btn.active {
1242    background-color: #ec176d !important;
1243    color: white !important;
1244}
1245
1246.pagination-btn:not(.active) {
1247    background-color: white !important;
1248    color: #ec176d !important;
1249}
1250</style>
1251
1252<script>
1253document.addEventListener('DOMContentLoaded', function() {
1254    const searchInput = document.getElementById('events-search');
1255    const eventsGrid = document.getElementById('events-grid');
1256    const searchIcon = document.getElementById('search-icon');
1257    const loadingSpinner = document.getElementById('loading-spinner');
1258    const paginationBtns = document.querySelectorAll('.pagination-btn');
1259    
1260    let searchTimeout;
1261    let allEvents = []; // Store all events for search
1262    let currentPage = 1;
1263    let isSearching = false;
1264    
1265    // Initialize all events data
1266    function initializeEventsData() {
1267        const eventCards = document.querySelectorAll('.event-card');
1268        allEvents = Array.from(eventCards).map(card => ({
1269            element: card,
1270            title: card.getAttribute('data-title') || '',
1271            content: card.getAttribute('data-content') || ''
1272        }));
1273    }
1274    
1275    // Add fade animation to grid
1276    function addFadeAnimation() {
1277        if (!eventsGrid) return;
1278        eventsGrid.style.opacity = '0';
1279        eventsGrid.style.transform = 'translateY(20px)';
1280        eventsGrid.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
1281        
1282        setTimeout(() => {
1283            eventsGrid.style.opacity = '1';
1284            eventsGrid.style.transform = 'translateY(0)';
1285        }, 50);
1286    }
1287    
1288    // Perform search across all events
1289    function performSearch(searchTerm) {
1290        if (!eventsGrid) return;
1291        
1292        const filteredEvents = allEvents.filter(event => {
1293            if (!searchTerm) return true;
1294            return event.title.includes(searchTerm) || event.content.includes(searchTerm);
1295        });
1296        
1297        // Hide all events first
1298        allEvents.forEach(event => {
1299            event.element.style.display = 'none';
1300        });
1301        
1302        // Show filtered events with animation
1303        filteredEvents.forEach((event, index) => {
1304            event.element.style.display = 'flex';
1305            event.element.style.opacity = '0';
1306            event.element.style.transform = 'translateY(20px)';
1307            event.element.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
1308            
1309            setTimeout(() => {
1310                event.element.style.opacity = '1';
1311                event.element.style.transform = 'translateY(0)';
1312            }, index * 50); // Stagger animation
1313        });
1314        
1315        // Show/hide no results message
1316        const existingMessage = document.getElementById('no-results-message');
1317        if (existingMessage) {
1318            existingMessage.remove();
1319        }
1320        
1321        if (filteredEvents.length === 0 && searchTerm) {
1322            const noResultsDiv = document.createElement('div');
1323            noResultsDiv.id = 'no-results-message';
1324            noResultsDiv.className = 'col-span-full text-center py-12 opacity-0 transform translate-y-4 transition-all duration-300';
1325            noResultsDiv.innerHTML = '<p class="text-white text-lg">No events found matching "' + searchTerm + '"</p>';
1326            eventsGrid.appendChild(noResultsDiv);
1327            
1328            setTimeout(() => {
1329                noResultsDiv.style.opacity = '1';
1330                noResultsDiv.style.transform = 'translateY(0)';
1331            }, 50);
1332        }
1333    }
1334    
1335    // Handle pagination clicks
1336    paginationBtns.forEach(btn => {
1337        btn.addEventListener('click', function(e) {
1338            e.preventDefault();
1339            
1340            if (isSearching) {
1341                // If searching, don't allow pagination
1342                return;
1343            }
1344            
1345            const page = this.getAttribute('href').split('events-page=')[1];
1346            if (!page) return;
1347            
1348            // Add fade out animation
1349            if (eventsGrid) {
1350                eventsGrid.style.opacity = '0';
1351                eventsGrid.style.transform = 'translateY(-20px)';
1352            }
1353            
1354            // Update URL without page reload
1355            const url = new URL(window.location);
1356            url.searchParams.set('events-page', page);
1357            window.history.pushState({}, '', url);
1358            
1359            // Load new content via AJAX
1360            loadPageContent(page);
1361        });
1362    });
1363    
1364    // Function to load page content via AJAX
1365    function loadPageContent(page) {
1366        const formData = new FormData();
1367        formData.append('action', 'load_events_page');
1368        formData.append('page', page);
1369        formData.append('nonce', 'a99f2b2548');
1370        
1371        const timeoutId = setTimeout(() => {
1372            console.error('AJAX request timed out');
1373            if (eventsGrid) {
1374                eventsGrid.style.opacity = '1';
1375                eventsGrid.style.transform = 'translateY(0)';
1376            }
1377        }, 10000);
1378        
1379        fetch('https://youthcareers.org.uk/wp-admin/admin-ajax.php', {
1380            method: 'POST',
1381            body: formData
1382        })
1383        .then(response => {
1384            clearTimeout(timeoutId);
1385            return response.text();
1386        })
1387        .then(data => {
1388            if (eventsGrid) {
1389                eventsGrid.innerHTML = data;
1390                // Re-initialize events data after AJAX load
1391                initializeEventsData();
1392                
1393                // Re-apply search if there's a search term
1394                const searchTerm = searchInput ? searchInput.value.toLowerCase().trim() : '';
1395                if (searchTerm) {
1396                    performSearch(searchTerm);
1397                }
1398            }
1399            
1400            // Update pagination controls
1401            updatePaginationControls(parseInt(page));
1402            
1403            // Fade in new content
1404            setTimeout(() => {
1405                if (eventsGrid) {
1406                    eventsGrid.style.opacity = '1';
1407                    eventsGrid.style.transform = 'translateY(0)';
1408                }
1409            }, 50);
1410        })
1411        .catch(error => {
1412            clearTimeout(timeoutId);
1413            console.error('Error loading page:', error);
1414            if (eventsGrid) {
1415                eventsGrid.style.opacity = '1';
1416                eventsGrid.style.transform = 'translateY(0)';
1417            }
1418        });
1419    }
1420    
1421    // Function to update pagination controls
1422    function updatePaginationControls(currentPage) {
1423        const allPaginationBtns = document.querySelectorAll('.pagination-btn');
1424        
1425        allPaginationBtns.forEach(btn => {
1426            const pageNum = parseInt(btn.textContent.trim());
1427            if (!isNaN(pageNum)) {
1428                if (pageNum === currentPage) {
1429                    btn.classList.add('active');
1430                } else {
1431                    btn.classList.remove('active');
1432                }
1433            }
1434        });
1435    }
1436    
1437    // Search functionality
1438    if (searchInput) {
1439        searchInput.addEventListener('input', function() {
1440            const searchTerm = this.value.toLowerCase().trim();
1441            
1442            // Clear existing timeout
1443            if (searchTimeout) {
1444                clearTimeout(searchTimeout);
1445            }
1446            
1447            // Show loading spinner
1448            if (searchIcon) searchIcon.classList.add('hidden');
1449            if (loadingSpinner) loadingSpinner.classList.remove('hidden');
1450            
1451            // Set search state
1452            isSearching = searchTerm.length > 0;
1453            
1454            // Set timeout for search
1455            searchTimeout = setTimeout(function() {
1456                // Hide loading spinner and show search icon
1457                if (loadingSpinner) loadingSpinner.classList.add('hidden');
1458                if (searchIcon) searchIcon.classList.remove('hidden');
1459                
1460                // Perform search
1461                performSearch(searchTerm);
1462            }, 300); // Reduced delay for better UX
1463        });
1464    }
1465    
1466    // Initialize
1467    initializeEventsData();
1468    addFadeAnimation();
1469});
1470</script>
1470                                                             
1471 <section class=" block__latest-news-slider py-20 md:pb-30 md:pt-20 px-8 md:px-4 bg-[#efefe9]">
1472     
1473              <h2 class="!text-[#262261] text-3xl md:text-4xl text-center pb-20 !mb-0 !font-bold">Newsletter archive</h2>
1474      
1475            <div class="max-w-7xl mx-auto">
1476            <div class="uk-position-relative uk-visible-toggle" tabindex="-1" uk-slider="autoplay: true; autoplay-interval: 3500; pause-on-hover: false">
1477                
1478                <div class="uk-slider-items uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l uk-grid">
1479                                            <div>
1480                            <div class="bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" style="box-shadow: 10px 10px 0px #fdbd00;">
1481                                
1482                                <!-- Featured Image -->
1483                                <div class="flex-shrink-0">
1484                                    <div class="aspect-square overflow-hidden rounded-md mb-4">
1485                                        <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/thumbnail.jpg" 
1486                                             alt="September 2025" 
1487                                             class="w-full !h-full object-cover aspect-square">
1488                                    </div>
1489                                </div>
1490                                
1491                                <!-- Newsletter Title -->
1492                                <div class="flex-grow flex flex-col justify-between">
1493                                    <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1494                                        <a href="https://youthcareers.org.uk/wp-content/uploads/2025/10/Sept-2025-Newsletter.pdf" target="_blank" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1495                                            September 2025                                        </a>
1496                                    </h4>
1497                                    
1498                                    <!-- Read More Button -->
1499                                    <div class="text-center mt-auto">
1500                                        <a
1501                                            href="https://youthcareers.org.uk/wp-content/uploads/2025/10/Sept-2025-Newsletter.pdf"
1502                                            target="_blank"
1503                                            class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1504                                        >
1505                                            Read more
1506                                        </a>
1507                                    </div>
1508                                </div>
1509                            </div>
1510                        </div>
1511                                            <div>
1512                            <div class="bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" style="box-shadow: 10px 10px 0px #fdbd00;">
1513                                
1514                                <!-- Featured Image -->
1515                                <div class="flex-shrink-0">
1516                                    <div class="aspect-square overflow-hidden rounded-md mb-4">
1517                                        <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/thumbnail.jpg" 
1518                                             alt="July 2025" 
1519                                             class="w-full !h-full object-cover aspect-square">
1520                                    </div>
1521                                </div>
1522                                
1523                                <!-- Newsletter Title -->
1524                                <div class="flex-grow flex flex-col justify-between">
1525                                    <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1526                                        <a href="https://youthcareers.org.uk/wp-content/uploads/2025/10/July-2025-Newsletter.pdf" target="_blank" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1527                                            July 2025                                        </a>
1528                                    </h4>
1529                                    
1530                                    <!-- Read More Button -->
1531                                    <div class="text-center mt-auto">
1532                                        <a
1533                                            href="https://youthcareers.org.uk/wp-content/uploads/2025/10/July-2025-Newsletter.pdf"
1534                                            target="_blank"
1535                                            class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
1535E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1536                                        >
1537                                            Read more
1538                                        </a>
1539                                    </div>
1540                                </div>
1541                            </div>
1542                        </div>
1543                                            <div>
1544                            <div class="bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" style="box-shadow: 10px 10px 0px #fdbd00;">
1545                                
1546                                <!-- Featured Image -->
1547                                <div class="flex-shrink-0">
1548                                    <div class="aspect-square overflow-hidden rounded-md mb-4">
1549                                        <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/thumbnail.jpg" 
1550                                             alt="June 2025" 
1551                                             class="w-full !h-full object-cover aspect-square">
1552                                    </div>
1553                                </div>
1554                                
1555                                <!-- Newsletter Title -->
1556                                <div class="flex-grow flex flex-col justify-between">
1557                                    <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1558                                        <a href="https://youthcareers.org.uk/wp-content/uploads/2025/10/June-2025-Newsletter.pdf" target="_blank" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1559                                            June 2025                                        </a>
1560                                    </h4>
1561                                    
1562                                    <!-- Read More Button -->
1563                                    <div class="text-center mt-auto">
1564                                        <a
1565                                            href="https://youthcareers.org.uk/wp-content/uploads/2025/10/June-2025-Newsletter.pdf"
1566                                            target="_blank"
1567                                            class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1568                                        >
1569                                            Read more
1570                                        </a>
1571                                    </div>
1572                                </div>
1573                            </div>
1574                        </div>
1575                                            <div>
1576                            <div class="bg-white rounded-md p-6 relative shadow-lg h-full flex flex-col" style="box-shadow: 10px 10px 0px #fdbd00;">
1577                                
1578                                <!-- Featured Image -->
1579                                <div class="flex-shrink-0">
1580                                    <div class="aspect-square overflow-hidden rounded-md mb-4">
1581                                        <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/thumbnail.jpg" 
1582                                             alt="May 2025" 
1583                                             class="w-full !h-full object-cover aspect-square">
1584                                    </div>
1585                                </div>
1586                                
1587                                <!-- Newsletter Title -->
1588                                <div class="flex-grow flex flex-col justify-between">
1589                                    <h4 class="text-lg font-semibold !my-0 !font-bold !text-[#262261] text-center leading-tight mb-4">
1590                                        <a href="https://youthcareers.org.uk/wp-content/uploads/2025/10/May-2025-Newsletter.pdf" target="_blank" class="hover:text-[#ec176d] !text-[#262261] transition-colors p-4 block">
1591                                            May 2025                                        </a>
1592                                    </h4>
1593                                    
1594                                    <!-- Read More Button -->
1595                                    <div class="text-center mt-auto">
1596                                        <a
1597                                            href="https://youthcareers.org.uk/wp-content/uploads/2025/10/May-2025-Newsletter.pdf"
1598                                            target="_blank"
1599                                            class="button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] ease-out duration-100 relative !hover:no-underline !no-underline relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#
1599E92E7C] before:translate-x-1 before:translate-y-1 before:z-0 !text-white bg-[#E92E7C] hover:bg-[#ec176d] transition-colors"
1600                                        >
1601                                            Read more
1602                                        </a>
1603                                    </div>
1604                                </div>
1605                            </div>
1606                        </div>
1607                                    </div>
1608 
1609                 <!-- @TODO Use correct nav -->
1610                 <!-- Custom Navigation Arrows -->
1611                 <a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slider-item="previous">
1612                    <!-- Custom Left Arrow Placeholder -->
1613                    <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/left-arrow.svg" width="20" height="20" alt="Previous" class="w-12 h-12">
1614                 </a>
1615                 <a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slider-item="next">
1616                    <!-- Custom Right Arrow Placeholder -->
1617                    <img src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/right-arrow.svg" width="20" height="20" alt="Previous" class="w-12 h-12">
1618                 </a>
1619                 
1620 
1621             </div>
1622         </div>
1623      
1624 </section>
1625                         </section>
1626    
1627</div>
1628
1629
1630<section class="footer__cta">
1631    <div class="flex flex-col lg:flex-row relative">
1632        <!-- Left section: Keep in touch -->
1633        <div class="keep_in_touch bg-[#262261] flex-1 py-12 lg:py-16 relative">
1634            <div class="uk-container">
1635                <div class="max-w-2xl mx-auto lg:max-w-[500px]">
1636                                            <h3 class="!text-white !text-3xl !font-bold mb-4">Keep in touch with us</h3>
1637                                        
1638                                            <div class="!text-white text-base lg:text-xl mb-8"><p>If you&#8217;d like to receive the latest news and views from us, subscribe today! To understand how we will store and use your details, please see our privacy notice.</p>
1639</div>
1640                    
1641                    
1642                <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_3' ><div id='gf_3' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_3' id='gform_3'  action='/news-events/#gf_3' data-formid='3' novalidate>
1643                        <div class='gform-body gform_body'><div id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_3_1" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_3_1'>Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_3_1' type='text' value='' class='large'    placeholder='Enter name...' aria-required="true" aria-invalid="false"   /></div></div><div id="field_3_2" class="gfield gfield--type-email field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_3_2'>Email</label><div class='ginput_container ginput_container_email'>
1644                            <input name='input_2' id='input_3_2' type='email' value='' class='large'   placeholder='Enter email address...'  aria-invalid="false"  />
1645                        </div></div></div></div>
1646        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_3' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit'  /> <input type='hidden' name='gform_ajax' value='form_id=3&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;hash=3eaa28c3f4836226e0ef1603f998d720' />
1647            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_3' value='iframe' />
1648            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_3' id='gform_theme_3' value='gravity-theme' />
1649            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_3' id='gform_style_settings_3' value='' />
1650            <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' />
1651            <input type='hidden' class='gform_hidden' name='gform_submit' value='3' />
1652            
1653            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
1654            <input type='hidden' class='gform_hidden' name='state_3' value='WyJbXSIsImYxMTY2MjNiMDIyMTEyNDRhOTJlZDIzYmRiY2EzZjVhIl0=' />
1655            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' />
1656            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' />
1657            <input type='hidden' name='gform_field_values' value='' />
1658            
1659        </div>
1660                        </form>
1661                        </div>
1662		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_3' id='gform_ajax_frame_3' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
1663		                
1663<script>
1664gform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https://youthcareers.org.uk/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https://youthcareers.org.uk/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_3" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_3";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 3, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );
1665</script>
1665
1666
1667                </div>
1668            </div>
1669        </div>
1670        
1671        <!-- Right section: Join our Collective -->
1672        <div class="join_our_collective bg-[#ec176d] flex-1 py-12 lg:py-16 relative">
1673            
1674            <div class="uk-container">
1675                <div class="max-w-2xl mx-auto lg:pl-14">
1676                                            <h3 class="!text-white !text-3xl !font-bold mb-4">Join our Collective</h3>
1677                                        
1678                                            <div class="!text-white text-base lg:text-xl mb-8"><p>There are many ways you can make a positive contribution to the Collective, creating shared solutions that support young people with barriers to entering employment.</p>
1679<p>Click below to let us know how you might like to get involved and we&#8217;ll be in touch with you very soon.</p>
1680</div>
1681                                        
1682                    <!-- @TODO Button hover styling -->
1683                    <a
1684                        href="/join-our-collective"
1685                        class="block__button__content button_out_hover hover:bg-[#f36e22] hover:before:border-[#f36e22] !ease-out !duration-100 relative !hover:no-underline !no-underline hover:!text-white relative inline-block px-6 py-1 font-bold rounded-md z-10 before:absolute before:inset-0 before:rounded-md before:border before:border-[#ffffff] before:translate-x-1 before:translate-y-1 before:z-0 !text-[#ec176d] bg-[#ffffff]"
1686                    >
1687                        Find out more
1688                    </a>
1689                </div>
1690            </div>
1691
1692            <img class="absolute -bottom-10 right-0" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/ident-white.svg" alt="Ident white" width="250">
1693        </div>
1694    </div>
1695</section>
1696
1697<footer class="bg-[#efefe9] pt-20">
1698    <div class="uk-container">
1699        <!-- Top section: Footer text and social icons -->
1700        <div class="flex flex-col sm:flex-row sm:justify-between sm:items-end pb-4 gap-4 sm:gap-0">
1701            <div class="footer__text text-sm text-[#262261] order-2 sm:order-1">
1702                                    Youth Careers Collective (formerly Spark!)<br />
1703Company Number: 07409565 | Charity number: 1138697<br />
1704UK Register of Learning Providers: 10033962                            </div>
1705            <div class="footer__socials flex gap-3 sm:gap-2 order-1 sm:order-2">
1706                <a href="https://www.instagram.com/youthcareersuk/" target="_blank" rel="noopener noreferrer" class="hover:opacity-75 transition-opacity duration-200">
1707                    <img width="25" height="25" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/ig.svg" alt="Instagram">
1708                </a>
1709                <a href="https://www.linkedin.com/company/youthcareers/" target="_blank" rel="noopener noreferrer" class="hover:opacity-75 transition-opacity duration-200">
1710                    <img width="25" height="25" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/linkedin.svg" alt="LinkedIn">
1711                </a>
1712                <a href="https://bsky.app/profile/youthcareers.bsky.social" target="_blank" rel="noopener noreferrer" class="hover:opacity-75 transition-opacity duration-200">
1713                    <img width="25" height="25" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/img/bluesky.svg" alt="Bluesky">
1714                </a>
1715                <a href="https://www.youtube.com/@YouthCareersUK" target="_blank" rel="noopener noreferrer" class="hover:opacity-75 transition-opacity duration-200 text-[#262261]">
1716                    <svg xmlns="http://www.w3.org/2000/svg" fill="#262261" width="25" height="25" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.441 16.892c-2.102.144-6.784.144-8.883 0-2.276-.156-2.541-1.27-2.558-4.892.017-3.629.285-4.736 2.558-4.892 2.099-.144 6.782-.144 8.883 0 2.277.156 2.541 1.27 2.559 4.892-.018 3.629-.285 4.736-2.559 4.892zm-6.441-7.234l4.917 2.338-4.917 2.346v-4.684z"/></svg>
1717                </a>
1718            </div>
1719        </div>
1720        
1721        <!-- Bottom section: Copyright and footer links -->
1722        <div class="flex flex-col sm:flex-row sm:justify-between border-b border-[#ec176d] border-b-3 pb-6 sm:pb-10 !mb-16 gap-4 sm:gap-0">
1723            <div class="footer__copyright text-sm text-[#262261] order-2 sm:order-1">
1724                &copy; 2026 - Youth Careers Collective.
1725            </div>
1726
1727               
1728            <div class="footer__links text-sm text-[#262261] flex flex-wrap gap-3 sm:gap-2 order-1 sm:order-2">
1729                                    <a href="/about-us/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">About us I</a>
1730                                    <a href="/what-we-do/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">What we do I</a>
1731                                    <a href="/who-we-work-with/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">Who we work with I</a>
1732                                    <a href="/impact-learning/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">Impact & learning I</a>
1733                                    <a href="/news-events/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">News & events I</a>
1734                                    <a href="/about-us/get-in-touch/" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">Get in touch</a>
1735                                    <a href="/wp-content/uploads/2026/08/GDPR-Policy-and-Agreement.pdf" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">(GDPR Policy I</a>
1736                                    <a href="/wp-content/uploads/2026/08/Safeguarding-Policy-last-updated-Feb-2026.pdf" class="!text-[#262261] hover:text-orange-600 font-bold transition-colors duration-200 whitespace-nowrap">Safeguarding policy)</a>
1737                            </div>
1738                    </div>
1739    </div>
1740</footer>
1741
1742</div> <!-- /#app -->
1743
1744<!-- Tailwind CSS -->
1745<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
1745
1746
1747<!-- UIkit JS -->
1748<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
vendor: 1 bytes, line 1748
1748
1749<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
1749
1750
1751<script type="text/javascript">
1752    window.config = {"templateUrl":"https:\/\/youthcareers.org.uk\/wp-content\/themes\/youthcareers","baseUrl":"https:\/\/youthcareers.org.uk","env":"production","analytics":{"canTrack":true,"gaTrackingId":""}};
1753</script>
vendor: 1 bytes, line 1753
1753
1754<script type="speculationrules">
1755{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/youthcareers/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1756</script>
vendor: 1 bytes, line 1756
1756
1757<script id="manifest-js" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/js/manifest.js?ver=1759471683"></script>
vendor: 1 bytes, line 1757
1757
1758<script id="vendor-js" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/js/vendor.js?ver=1759471684"></script>
vendor: 1 bytes, line 1758
1758
1759<script id="global-js" src="https://youthcareers.org.uk/wp-content/themes/youthcareers/build/js/app.js?ver=1759471683"></script>
vendor: 1 bytes, line 1759
1759
1760<script id="wp-dom-ready-js" src="https://youthcareers.org.uk/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
vendor: 1 bytes, line 1760
1760
1761<script id="wp-hooks-js" src="https://youthcareers.org.uk/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1761
1761
1762<script id="wp-i18n-js" src="https://youthcareers.org.uk/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1762
1762
1763<script id="wp-i18n-js-after">
1764wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1765//# sourceURL=wp-i18n-js-after
1766</script>
vendor: 1 bytes, line 1766
1766
1767<script id="wp-a11y-js" src="https://youthcareers.org.uk/wp-includes/js/dist/a11y.min.js?ver=31c6cec5a4ff7aff483d"></script>
vendor: 1 bytes, line 1767
1767
1768<script id="jquery-core-js" src="https://youthcareers.org.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 1768
1768
1769<script id="jquery-migrate-js" src="https://youthcareers.org.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 1769
1769
1770<script id="gform_json-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.9.22"></script>
vendor: 1 bytes, line 1770
1770
1771<script id="gform_gravityforms-js-extra">
1772var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}};
1773var gf_legacy_multi = [];
1774var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled","error":"Error","message":"Message"},"vars":{"images_url":"https://youthcareers.org.uk/wp-content/plugins/gravityforms/images"}};
1775var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https://youthcareers.org.uk/wp-content/plugins/gravityforms","number_formats":[],"spinnerUrl":"https://youthcareers.org.uk/wp-content/plugins/gravityforms/images/spinner.svg","version_hash":"b22f3c9df24f9956c94716f64571069f","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
1776//# sourceURL=gform_gravityforms-js-extra
1777</script>
vendor: 1 bytes, line 1777
1777
1778<script id="gform_gravityforms-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.22"></script>
vendor: 1 bytes, line 1778
1778
1779<script id="gform_placeholder-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.9.22"></script>
vendor: 1 bytes, line 1779
1779
1780<script id="gform_gravityforms_utils-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=380b7a5ec0757c78876bc8a59488f2f3"></script>
vendor: 1 bytes, line 1780
1780
1781<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=8673c9a2ff188de55f9073009ba56f5e"></script>
vendor: 1 bytes, line 1781
1781
1782<script id="gform_gravityforms_theme-js-extra">
1783var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"b22f3c9df24f9956c94716f64571069f"},"ajax":{"ajaxurl":"https://youthcareers.org.uk/wp-admin/admin-ajax.php","ajax_submission_nonce":"9a49a62de6","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/js/dist/","config_nonce":"be510d13d4"};
1784//# sourceURL=gform_gravityforms_theme-js-extra
1785</script>
vendor: 1 bytes, line 1785
1785
1786<script id="gform_gravityforms_theme-js" defer='defer' src="https://youthcareers.org.uk/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=dc2e1d65ae813fe384c40e1db5a37f0a"></script>
vendor: 1 bytes, line 1786
1786
1787<script id="wp-emoji-settings" type="application/json">
1788{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://youthcareers.org.uk/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
1789</script>
vendor: 1 bytes, line 1789
1789
1790<script type="module">
1791/*! This file is auto-generated */
1792var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1793//# sourceURL=https://youthcareers.org.uk/wp-includes/js/wp-emoji-loader.min.js
1794</script>
vendor: 1 bytes, line 1794
1794
1795<script>
1796gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 3) {if(typeof Placeholders != 'undefined'){
1797                        Placeholders.enable();
1798                    }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } );
1799</script>
vendor: 1 bytes, line 1799
1799
1800<script>
1801gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "3", currentPage: "1", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_3" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_3";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_3" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 3, 1 );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );
1802</script>
vendor: 1 bytes, line 1802
1802
1803<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"f693386d1ee049fe95f40242db97c4f3","r":1,"spa":2}' crossorigin="anonymous"></script>
1803
1804</body>
1805
1806</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.