Teenage Cancer Trust | UK Cancer Charity

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="scroll-smooth"> <head> <meta charset="utf-8" /> <meta name="description" content="We're the only UK teenage cancer charity here to give every young person facing cancer the best care and support.聽" /> <meta name="abstract" content="We're the only UK charity providing care and support for every young person facing cancer. We鈥檝e got your back." /> <link rel="canonical" href="https://www.teenagecancertrust.org/" /> <link rel="shortlink" href="https://www.teenagecancertrust.org/" /> <link rel="image_src" href="/sites/default/files/2022-01/Teenage-Cancer-Trust_social-share_1.png" /> <meta property="og:site_name" content="Teenage Cancer Trust" /> <meta property="og:url" content="https://www.teenagecancertrust.org/" /> <meta property="og:title" content="Teenage Cancer Trust" /> <meta property="og:image" content="https://www.teenagecancertrust.org/sites/default/files/styles/16_9_media_huge/public/2022-01/Teenage-Cancer-Trust_social-share_1.png?h=c74750f6&itok=kLJgzk_n" /> <meta property="og:image:height" content="900" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@TeenageCancer" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/numiko/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Teenage Cancer Trust | UK Cancer Charity</title> <link rel="preload" href="/themes/custom/numiko/dist/font/gotham-book-webfont.woff" as="font" crossorigin="anonymous" /> <link rel="preload" href="/themes/custom/numiko/dist/font/gotham-bold.woff" as="font" crossorigin="anonymous" /> <link rel="preload" href="/themes/custom/numiko/dist/font/gotham-black-webfont.woff" as="font" crossorigin="anonymous" /> <link rel="preload" href="/themes/custom/numiko/dist/font/double-take-webfont.woff2" as="font" crossorigin="anonymous" /> <link rel="preconnect" href="https://www.googletagmanager.com"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M3T6G2M');</script> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_aSoXL9A4ks03ve2ImNr0-aVe9HENfa7qG2B1Xjv-s6w.css?delta=0&language=en&theme=numiko&include=eJx1jFEOwyAMQy_UwpkCMylrIFOTafT206T1C_XHT7Ke3d-t7hpZNJGs5qfUzssHqejR4p_hF1MJQUP38IBTFQuuzIJJoyeN222DGTGWTC_PG8VENj9cchGMpOMLdUhFaQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_y0FNJem5SSaz0VcOmjdR9kA6HvLDZDItli40qY6DExk.css?delta=1&language=en&theme=numiko&include=eJx1jFEOwyAMQy_UwpkCMylrIFOTafT206T1C_XHT7Ke3d-t7hpZNJGs5qfUzssHqejR4p_hF1MJQUP38IBTFQuuzIJJoyeN222DGTGWTC_PG8VENj9cchGMpOMLdUhFaQ" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/numiko/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/numiko/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/numiko/favicons/favicon-16x16.png"> <link rel="manifest" href="/themes/custom/numiko/favicons/site.webmanifest"> <link rel="mask-icon" href="/themes/custom/numiko/favicons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="/themes/custom/numiko/favicons/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> </head> <body class="path-frontpage page-node-type-page no-js"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3T6G2M" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div class="visibility-hidden w-0 h-0"> <svg xmlns="http://www.w3.org/2000/svg"><symbol id="sprite-icon-arrow-down" viewBox="0 0 57 84"><path d="M42.174 9v67.003l17.817-18.142L66 63.981 37.5 93 9 63.98l6.01-6.119 18.665 19.006V9h8.5z" transform="translate(-9 -9)"/></symbol><symbol id="sprite-icon-arrow-right-gradient" viewBox="0 0 85 58"><defs><linearGradient id="a" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#00B6F5"/><stop offset="100%" stop-color="#00E7DC"/></linearGradient></defs><path fill="url(#a)" fill-rule="evenodd" d="M342.174 1181v67.003l17.817-18.142 6.009 6.12L337.5 1265l-28.5-29.02 6.01-6.119 18.665 19.006V1181h8.5z" transform="rotate(-90 -407 773.5)"/></symbol><symbol id="sprite-icon-arrow-right" viewBox="0 0 85 58"><path fill-rule="evenodd" d="M.5 24.326h67.003L49.361 6.509 55.481.5 84.5 29 55.48 57.5l-6.119-6.01 19.006-18.665H.5v-8.5z"/></symbol><symbol id="sprite-icon-calendar" viewBox="0 0 13 14"><path d="M12 14c.547 0 1-.453 1-1V3c0-.547-.453-1-1-1h-1v-.75C11 .562 10.438 0 9.75 0h-.5C8.563 0 8 .562 8 1.25V2H5v-.75C5 .562 4.438 0 3.75 0h-.5C2.563 0 2 .562 2 1.25V2H1c-.547 0-1 .453-1 1v10c0 .547.453 1 1 1h11zM3.75 3.75h-.5c-.14 0-.25-.11-.25-.25V1.25c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25V3.5c0 .14-.11.25-.25.25zm6 0h-.5c-.14 0-.25-.11-.25-.25V1.25c0-.14.11-.25.25-.25h.5c.14 0 .25.11.25.25V3.5c0 .14-.11.25-.25.25zM12 13H1V5h11v8z"/></symbol><symbol id="sprite-icon-caret-down" viewBox="0 0 12 8"><path d="M9.66.83l1.48 1.34L5.9 8 .66 2.17 2.14.83 5.9 5 9.66.83z" data-name="Icon/Chevron/White"/></symbol><symbol id="sprite-icon-caret-right" viewBox="0 0 8 11"><path d="M.331 1.743L1.669.257 7.495 5.5l-5.826 5.243L.331 9.257 4.505 5.5z"/></symbol><symbol id="sprite-icon-category" viewBox="0 0 15 12"><path d="M7 11.836c.266 0 .523-.11.71-.29l3.837-3.843a1.006 1.006 0 000-1.414L5.96.711C5.563.312 4.805 0 4.25 0H1C.453 0 0 .453 0 1v3.25c0 .555.313 1.312.71 1.703l5.587 5.594c.18.18.437.289.703.289zm3 0c.266 0 .523-.11.711-.29l3.836-3.843a1.006 1.006 0 000-1.414L8.96.711C8.563.312 7.805 0 7.25 0H5.5c.555 0 1.313.312 1.71.71l5.587 5.58a1.006 1.006 0 010 1.414l-3.672 3.671c.266.273.469.46.875.46zM2.5 3.5c-.555 0-1-.445-1-1 0-.555.445-1 1-1 .555 0 1 .445 1 1 0 .555-.445 1-1 1z"/></symbol><symbol id="sprite-icon-chevron-down" viewBox="0 0 37 23"><path d="M33.1 0L37 4.006 18.5 23.008 0 4.006 3.9 0l14.6 14.995z"/></symbol><symbol id="sprite-icon-close" viewBox="0 0 18 14"><path d="M16.618.445l1.147 1.638L10.743 7l7.022 4.917-1.147 1.638L9 8.22l-7.618 5.335-1.147-1.638L7.257 7 .235 2.083 1.382.445 9 5.78 16.618.445z" fill-rule="evenodd"/></symbol><symbol id="sprite-icon-difficulty" viewBox="0 0 20 15"><path d="M9.897 14.717c-.5 0-.9-.3-1-.8l-1.6-7.6-.4 2c-.1.5-.5.8-1 .8h-4.3c-.6 0-1-.4-1-1s.4-1 1-1h3.5l1.2-5.9c.1-.4.5-.7 1-.7s.9.3 1 .8l1.7 7.7 1-4.4c.1-.4.5-.7.9-.8.5 0 .8.2 1 .6l1.1 2.7h2.6c.6 0 1 .4 1 1s-.4 1-1 1h-3.4c-.4 0-.8-.2-.9-.6l-.1-.4-1.3 5.7c-.1.6-.5.9-1 .9z" class="st0"/><g transform="translate(1.597 1.517)"><circle cx="15.4" cy="6.5" r="2" fill-rule="evenodd" clip-rule="evenodd"/><path d="M15.4 9c-1.4 0-2.5-1.1-2.5-2.5S14 4 15.4 4s2.5 1.1 2.5 2.5S16.8 9 15.4 9zm0-4c-.8 0-1.5.7-1.5 1.5S14.6 8 15.4 8s1.5-.7 1.5-1.5S16.2 5 15.4 5z" class="st0"/></g></symbol><symbol id="sprite-icon-email" viewBox="0 0 22 13"><path d="M10.613 5.941c.44 0 .796-.067 1.067-.203.135-.067 2.996-1.625 8.582-4.672.338-.169.558-.355.66-.558.068-.203.06-.339-.026-.406C20.812.034 20.617 0 20.312 0H.915C.61 0 .414.034.33.102.245.169.237.305.305.508c.101.203.321.39.66.558a2329.52 2329.52 0 008.582 4.672c.27.136.626.203 1.066.203zM20.008 13c.237 0 .482-.118.736-.355s.381-.474.381-.711V1.524c0-.17-.008-.263-.025-.28-.017-.017-.144-.008-.381.026l-1.27.837c-.745.491-1.659 1.11-2.742 1.854a128.417 128.417 0 01-2.64 1.777l4.163 4.723c.102.135.136.22.102.254-.034.034-.085.042-.152.025a.322.322 0 01-.153-.076L13.051 6.45c-.711.474-1.168.762-1.371.864-.271.135-.627.203-1.067.203-.44 0-.795-.068-1.066-.204-.203-.101-.66-.389-1.371-.863l-4.977 4.215a.322.322 0 01-.152.076c-.068.017-.119.009-.152-.025-.068-.068-.051-.152.05-.254L7.16 5.738c-.27-.176-.575-.376-.914-.601l-.533-.355c-.373-.25-.779-.523-1.219-.821a278.29 278.29 0 00-2.767-1.854L.457 1.27C.152 1.134 0 1.219 0 1.523v10.41c0 .238.135.475.406.712S.948 13 1.22 13h18.789z"/></symbol><symbol id="sprite-icon-error" viewBox="0 0 18 18"><path d="M8.571 17.429a8.39 8.39 0 004.303-1.15 8.533 8.533 0 003.12-3.12 8.385 8.385 0 001.149-4.302c0-1.555-.383-2.99-1.15-4.302a8.533 8.533 0 00-3.12-3.12A8.385 8.385 0 008.572.285a8.415 8.415 0 00-4.308 1.15 8.546 8.546 0 00-3.113 3.12A8.385 8.385 0 000 8.857a8.38 8.38 0 001.15 4.303 8.533 8.533 0 003.119 3.119 8.385 8.385 0 004.302 1.15zm1.027-6.786H7.533a.434.434 0 01-.267-.084c-.075-.056-.112-.12-.112-.195l-.19-6.931a.22.22 0 01.112-.2.415.415 0 01.268-.09h2.455c.104 0 .194.03.268.09a.22.22 0 01.112.2l-.201 6.93a.282.282 0 01-.118.196.41.41 0 01-.262.084zm.056 3.928H7.511a.353.353 0 01-.257-.111.353.353 0 01-.111-.257v-2.12c0-.097.037-.183.111-.257a.353.353 0 01.257-.112h2.143c.097 0 .179.036.246.106.067.071.1.158.1.263v2.12a.367.367 0 01-.1.262.325.325 0 01-.246.106z"/></symbol><symbol id="sprite-icon-facebook" viewBox="0 0 20 20"><path d="M11.84 4.06a1.73 1.73 0 011.34-.41H15v-3A19.44 19.44 0 0012.36.5a4.39 4.39 0 00-3.2 1.17A4.36 4.36 0 008 5v2.45H5v3.38h3v8.67h3.54v-8.67h2.94l.45-3.38h-3.44V5.3a1.91 1.91 0 01.35-1.24z"/></symbol><symbol id="sprite-icon-hamburger" viewBox="0 0 20 12"><path d="M0 0h20v2H0zm0 10h20v2H0zm0-5h20v2H0z"/></symbol><symbol id="sprite-icon-heart" viewBox="0 0 16.5 14.43"><path d="M8.25 14.43A1.5 1.5 0 017.19 14l-5-4.86a2.11 2.11 0 01-.29-.24l-.51-.6a8.51 8.51 0 01-.62-.9 5.89 5.89 0 01-.53-1.18A4.56 4.56 0 010 4.79a4.7 4.7 0 011.33-3.5A4.85 4.85 0 014.87 0a4.24 4.24 0 011.34.23 4.75 4.75 0 011.2.58 8.46 8.46 0 01.84.6 8.46 8.46 0 01.84-.6 4.75 4.75 0 011.2-.58A4.24 4.24 0 0111.63 0a4.86 4.86 0 013.54 1.29 4.7 4.7 0 011.33 3.5 6.21 6.21 0 01-2.15 4.34L9.3 14a1.49 1.49 0 01-1.05.43zm-.34-1.87zm.67 0zM4.87 2a2.91 2.91 0 00-2.14.72A2.74 2.74 0 002 4.79a2.64 2.64 0 00.14.8 4.13 4.13 0 00.34.78 7.51 7.51 0 00.52.68q.27.33.39.45l.13.13 4.78 4.61L13 7.71a4.34 4.34 0 001.5-2.92 2.74 2.74 0 00-.73-2.07A2.91 2.91 0 0011.63 2a2.35 2.35 0 00-.71.12 3.1 3.1 0 00-.73.36 8.13 8.13 0 00-.7.5 4.88 4.88 0 00-.49.48l-.71.7-.71-.7A4.88 4.88 0 007 3c-.2-.16-.43-.32-.7-.5a3 3 0 00-.74-.36A2.24 2.24 0 004.87 2z"/></symbol><symbol id="sprite-icon-instagram" viewBox="0 0 17 17"><path d="M10.503 10.503a2.73 2.73 0 00.83-2.003 2.73 2.73 0 00-.83-2.003 2.73 2.73 0 00-2.003-.83 2.73 2.73 0 00-2.003.83 2.73 2.73 0 00-.83 2.003c0 .782.276 1.45.83 2.003a2.73 2.73 0 002.003.83 2.73 2.73 0 002.003-.83zm1.085-5.09c.848.848 1.273 1.877 1.273 3.087 0 1.21-.425 2.24-1.273 3.088-.849.848-1.878 1.273-3.088 1.273-1.21 0-2.24-.425-3.088-1.273C4.564 10.739 4.14 9.71 4.14 8.5c0-1.21.425-2.24 1.273-3.088C6.261 4.564 7.29 4.14 8.5 4.14c1.21 0 2.24.425 3.088 1.273zm2.17-2.17c.198.2.298.439.298.72 0 .28-.1.52-.299.719a.98.98 0 01-.72.298.98.98 0 01-.719-.298.98.98 0 01-.298-.72c0-.28.1-.52.298-.72a.98.98 0 01.72-.298c.28 0 .52.1.72.299zM9.34 1.527H8.5l-.847-.005a60.042 60.042 0 00-1.167 0c-.266.003-.622.015-1.068.033a8.77 8.77 0 00-1.14.11 4.438 4.438 0 00-.792.205 2.871 2.871 0 00-.974.642 2.88 2.88 0 00-.642.974c-.08.214-.149.478-.204.792a8.77 8.77 0 00-.111 1.14c-.018.446-.03.802-.033 1.068-.004.265-.004.655 0 1.167l.005.847-.005.847c-.004.512-.004.902 0 1.167.003.266.015.622.033 1.068.018.447.055.827.11 1.14.056.314.124.578.205.792a2.89 2.89 0 001.616 1.616c.214.08.478.149.792.204a8.77 8.77 0 001.14.111c.446.018.802.03 1.068.033.265.004.655.004 1.167 0l.847-.005.847.005c.512.004.902.004 1.167 0 .266-.003.622-.015 1.068-.033a8.77 8.77 0 001.14-.11c.314-.056.578-.124.792-.205a2.89 2.89 0 001.616-1.616c.08-.214.149-.478.204-.792a8.77 8.77 0 00.111-1.14c.018-.446.03-.802.033-1.068.004-.265.004-.655 0-1.167a294.85 294.85 0 01-.005-.847l.005-.847c.004-.512.004-.902 0-1.167a41.003 41.003 0 00-.033-1.068 8.77 8.77 0 00-.11-1.14 4.438 4.438 0 00-.205-.792 2.871 2.871 0 00-.642-.974 2.871 2.871 0 00-.974-.642 4.438 4.438 0 00-.792-.204 8.77 8.77 0 00-1.14-.111c-.446-.018-.802-.03-1.068-.033a45.224 45.224 0 00-1.173.005zm7.604 3.465C16.982 5.64 17 6.81 17 8.5s-.018 2.86-.055 3.508c-.074 1.535-.532 2.723-1.373 3.564-.84.841-2.029 1.299-3.564 1.373-.649.037-1.818.055-3.508.055s-2.86-.018-3.508-.055c-1.535-.074-2.723-.532-3.564-1.373-.841-.84-1.299-2.029-1.373-3.564C.018 11.36 0 10.19 0 8.5s.018-2.86.055-3.508C.13 3.457.587 2.269 1.428 1.428 2.268.587 3.457.129 4.992.055 5.64.018 6.81 0 8.5 0s2.86.018 3.508.055c1.535.074 2.723.532 3.564 1.373.841.84 1.299 2.029 1.373 3.564z" fill-rule="nonzero"/></symbol><symbol id="sprite-icon-linkedin" viewBox="0 0 20 20"><path d="M11 8.73a4.46 4.46 0 01.43-.57 3.65 3.65 0 01.63-.57 2.87 2.87 0 011-.47A4.2 4.2 0 0114.31 7a3.94 3.94 0 013 1.24 5.11 5.11 0 011.15 3.62V18h-3.6v-5.78a3.1 3.1 0 00-.45-1.79A1.58 1.58 0 0013 9.78a1.85 1.85 0 00-1.17.38 2.3 2.3 0 00-.7.93A2.63 2.63 0 0011 12v6H7.38V7.2H11zM5.6 3.86A1.73 1.73 0 015 5.19a2.09 2.09 0 01-1.5.54 2 2 0 01-1.46-.54 1.76 1.76 0 01-.54-1.33 1.74 1.74 0 01.57-1.33A2.12 2.12 0 013.56 2 2.05 2.05 0 015 2.53a1.81 1.81 0 01.6 1.33zM5.36 7.2V18H1.71V7.2z"/></symbol><symbol preserveAspectRatio="xMidYMid" id="sprite-icon-loader" viewBox="0 0 100 100"><path fill="#00b2f7" d="M19 19h20v20H19z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete"/></path><path fill="#00b2f7" d="M40 19h20v20H40z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete"/></path><path fill="#00b2f7" d="M61 19h20v20H61z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete"/></path><path fill="#00b2f7" d="M19 40h20v20H19z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete"/></path><path fill="#00b2f7" d="M61 40h20v20H61z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete"/></path><path fill="#00b2f7" d="M19 61h20v20H19z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete"/></path><path fill="#00b2f7" d="M40 61h20v20H40z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete"/></path><path fill="#00b2f7" d="M61 61h20v20H61z"><animate attributeName="fill" values="#ff293a;#00b2f7;#00b2f7" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete"/></path></symbol><symbol id="sprite-icon-location" viewBox="0 0 8 12"><path d="M4 12c.375 0 .734-.21.898-.555l2.844-6.047C7.945 4.968 8 4.477 8 4c0-2.21-1.79-4-4-4S0 1.79 0 4c0 .477.055.969.258 1.398l2.851 6.047A.977.977 0 004 12zm0-6c-1.102 0-2-.898-2-2 0-1.102.898-2 2-2 1.102 0 2 .898 2 2 0 1.102-.898 2-2 2z"/></symbol><symbol id="sprite-icon-magnify" viewBox="0 0 24 24"><path d="M11 20a9 9 0 119-9 9 9 0 01-9 9zm0-16a7 7 0 107 7 7 7 0 00-7-7z"/><path d="M21 22a1 1 0 01-.71-.29l-4.35-4.35a1 1 0 111.42-1.42l4.35 4.35a1 1 0 010 1.42A1 1 0 0121 22z"/></symbol><symbol id="sprite-icon-numiko-logo" viewBox="0 0 62 121"><path d="M0 0h10.3v38.4H0V0zm23.1 10.3v28.2H12.8V0c5.7 0 10.3 4.6 10.3 10.3m2.5 17.9V0h10.3v38.4c-5.7 0-10.3-4.6-10.3-10.2M38.4 0h10.3v38.4H38.4V0zM12.8 51.3v28.2h10.3V41c-5.7 0-10.3 4.6-10.3 10.3M25.6 41h10.3v38.4H25.6V41zm23.1 10.3v28.2H38.4V41c5.7 0 10.3 4.6 10.3 10.3m2.6-23.1h10.3v10.3H51.3V28.2zm0 12.8h10.3v38.4H51.3V41zM0 69.2h10.3v51.3H0V69.2zm23.1 43.6v7.7H12.8v-17.9c5.7-.1 10.3 4.5 10.3 10.2m0-23.1V82H12.8v18c5.7 0 10.3-4.7 10.3-10.3m2.5 2.6v17.9c0 5.7 4.6 10.3 10.3 10.3V82c-5.7 0-10.3 4.6-10.3 10.3m23.1 0v17.9c0 5.7-4.6 10.3-10.3 10.3V82c5.7 0 10.3 4.6 10.3 10.3m2.6 17.9h10.3v10.3H51.3v-10.3z" fill="#FFF"/></symbol><symbol id="sprite-icon-pause" viewBox="0 0 12 13"><path d="M10 0h2v13h-2zM0 0h2v13H0z"/></symbol><symbol id="sprite-icon-play" viewBox="0 0 6 13"><path d="M0 0l6 6.5L0 13z"/></symbol><symbol id="sprite-icon-plus" viewBox="0 0 16 15"><path d="M9.125 0v6.375H15.5v2.25H9.125V15h-2.25V8.625H.5v-2.25h6.375V0h2.25z"/></symbol><symbol id="sprite-icon-pound" viewBox="0 0 10 16"><path d="M7.218 15.55c.397 0 .8-.051 1.212-.154a4.22 4.22 0 001.11-.442l-.555-1.685c-.33.11-.62.195-.874.257-.253.062-.51.092-.77.092-.315 0-.623-.03-.925-.092-.301-.062-.61-.123-.924-.185a5.127 5.127 0 00-.987-.092c-.246 0-.493.02-.74.061-.246.041-.513.096-.8.165.451-.493.818-.942 1.098-1.346.281-.404.483-.808.607-1.213a4.237 4.237 0 00.18-1.492l-.015-.223H8.08V7.475H4.358l-.106-.23a7.632 7.632 0 00-.131-.26l-.14-.25c-.24-.411-.445-.812-.616-1.202a2.918 2.918 0 01-.257-1.182c0-.37.086-.702.257-.996.171-.295.404-.528.698-.699A1.986 1.986 0 015.081 2.4c.52 0 1.047.158 1.582.473a3.85 3.85 0 011.294 1.233L9.17 2.708a4.995 4.995 0 00-1.778-1.583A4.758 4.758 0 005.122.55c-.754 0-1.435.161-2.045.483-.61.322-1.1.757-1.47 1.305a3.164 3.164 0 00-.554 1.808c0 .493.093.966.278 1.418.184.452.397.897.637 1.335.06.11.118.22.174.332l.12.244H.621V9.2h2.222l.015.115c.008.075.013.151.017.228l.006.232c0 .438-.082.873-.247 1.305-.164.431-.417.87-.76 1.315-.342.445-.78.907-1.315 1.387l.534 1.623a9.75 9.75 0 011.264-.298 7.274 7.274 0 011.202-.113c.438 0 .86.045 1.264.134.404.089.801.181 1.191.277.39.096.792.144 1.203.144z"/></symbol><symbol id="sprite-icon-quote" viewBox="0 0 19 17"><path d="M7.56 16.94V8.26H5.11L6.58 0H2.31L0 8.19v8.75h7.56zm11.34 0V8.26h-2.45L17.92 0h-4.27l-2.31 8.19v8.75h7.56z"/></symbol><symbol id="sprite-icon-search" viewBox="0 0 15 15"><path d="M13.714 14.857c.31 0 .578-.113.804-.34.226-.225.34-.493.34-.803 0-.315-.111-.583-.331-.803l-3.063-3.063a6.114 6.114 0 001.107-3.562c0-.851-.165-1.665-.495-2.442a6.285 6.285 0 00-1.34-2.01A6.285 6.285 0 008.729.497 6.176 6.176 0 006.286 0C5.435 0 4.62.165 3.844.496a6.285 6.285 0 00-2.01 1.339A6.285 6.285 0 00.497 3.844 6.176 6.176 0 000 6.286c0 .85.165 1.665.496 2.442.33.776.776 1.446 1.339 2.009a6.285 6.285 0 002.009 1.339 6.18 6.18 0 002.442.495c1.31 0 2.497-.369 3.562-1.107l3.063 3.054c.214.226.482.34.803.34zm-7.428-4.571c-1.101 0-2.043-.392-2.826-1.174-.783-.783-1.174-1.725-1.174-2.826S2.677 4.243 3.46 3.46c.783-.783 1.725-1.174 2.826-1.174 1.1 0 2.043.391 2.826 1.174.782.783 1.174 1.725 1.174 2.826 0 1.1-.393 2.044-1.179 2.83-.78.78-1.72 1.17-2.821 1.17z"/></symbol><symbol id="sprite-icon-tiktok" viewBox="0 0 20 20"><path d="M18.316 5.127c0-.086-.003-.09-.092-.088a4.046 4.046 0 01-.642-.056c-.772-.117-3.275-1.43-3.698-3.577-.01-.042-.103-.575-.102-.802 0-.102-.001-.102-.101-.103h-3.008c-.197 0-.17-.025-.17.173v12.742c0 .158-.004.317-.031.472-.148.822-.57 1.465-1.282 1.904a2.69 2.69 0 01-1.998.349c-.224-.045-.435-.13-.645-.213l-.052-.046c-.07-.06-.148-.109-.224-.161-.907-.628-1.337-1.5-1.206-2.59.133-1.105.769-1.856 1.817-2.243.313-.115.642-.163.976-.145.215.012.43.039.638.098.073.02.112-.005.115-.081-.002-.837-.012-1.675-.03-2.512 0-.22 0-.44.005-.659.002-.063-.03-.074-.083-.08a6.196 6.196 0 00-1.187-.027 5.983 5.983 0 00-3.773 1.706 5.953 5.953 0 00-1.268 1.82 5.96 5.96 0 00-.5 2.995 5.974 5.974 0 002.286 4.189c.099.079.194.165.312.215l.149.132c.157.12.325.22.502.307 1.088.538 2.235.757 3.443.609 1.568-.192 2.875-.886 3.903-2.084.968-1.126 1.438-2.45 1.447-3.928.012-2.115.003-4.23.004-6.346 0-.05-.03-.122.027-.147.043-.02.087.038.128.065.787.517 1.636.89 2.555 1.1a7.223 7.223 0 001.626.197c.174 0 .197-.01.197-.181 0-.752-.04-2.805-.038-3.004"/></symbol><symbol id="sprite-icon-twitter" viewBox="0 0 20 20"><path d="M19.61 4.47a7.87 7.87 0 01-2 1.89v.48a9.69 9.69 0 01-.46 2.94 10.15 10.15 0 01-1.41 2.81A11.33 11.33 0 0113.53 15a10.22 10.22 0 01-3.15 1.65 12.37 12.37 0 01-3.94.62 11.59 11.59 0 01-6.05-1.66 9.13 9.13 0 001 0 8.1 8.1 0 004.89-1.56 4.07 4.07 0 01-2.29-.73 3.57 3.57 0 01-1.39-1.81 4.91 4.91 0 00.74.06 4.06 4.06 0 001-.13 3.93 3.93 0 01-2.27-1.26 3.41 3.41 0 01-.89-2.33A4.16 4.16 0 003 8.31 3.62 3.62 0 011.67 7a3.42 3.42 0 01.06-3.59 11.14 11.14 0 003.59 2.7 11.64 11.64 0 004.53 1.14 4.14 4.14 0 01-.09-.84 3.4 3.4 0 011.15-2.59 4 4 0 012.79-1.07 3.94 3.94 0 012.88 1.16 8.21 8.21 0 002.5-.91 3.62 3.62 0 01-1.74 2 8.5 8.5 0 002.27-.53z"/></symbol><symbol id="sprite-icon-vimeo" viewBox="0 0 20 18"><path d="M19.9 4.3c-1.1 6.5-7.4 12-9.2 13.2s-3.6-.5-4.2-1.8C5.7 14.2 3.6 6 3 5.3S.8 6 .8 6L0 4.9S3.4.7 6 .2s2.7 4.3 3.4 7.1c.6 2.6 1.1 4.1 1.6 4.1s1.6-1.5 2.8-3.7 0-4.2-2.3-2.8c.9-5.7 9.5-7.1 8.4-.6z"/></symbol><symbol id="sprite-icon-whatsapp" viewBox="0 0 21 21"><path d="M0 21l5.719-1.828c1.593.844 3.25 1.265 4.968 1.265 2.844 0 5.274-.992 7.29-2.976C19.992 15.477 21 13.063 21 10.219c0-2.844-1.008-5.258-3.023-7.242C15.96.992 13.53 0 10.687 0s-5.28 1-7.312 3c-2 1.969-3 4.375-3 7.219 0 1.875.5 3.64 1.5 5.297L0 21zm14.016-5.719c-.032.094-.282.11-.75.047-.47-.062-1.266-.328-2.391-.797a9.966 9.966 0 01-1.055-.562 5.642 5.642 0 01-.937-.703c-.266-.25-.524-.5-.774-.75a7.04 7.04 0 01-.656-.75 12.953 12.953 0 01-.797-1.172l-.14-.188C5.828 9.5 5.5 8.594 5.53 7.687c.032-.78.375-1.5 1.032-2.156.218-.218.453-.328.703-.328h.468c.282 0 .485.172.61.516.062.156.148.39.258.703.109.312.218.594.328.844.11.25.164.39.164.421.062.188.062.344 0 .47a1.636 1.636 0 01-.281.421L8.39 9c-.188.188-.235.375-.141.563.313.624.781 1.234 1.406 1.828.563.53 1.25 1 2.063 1.406.25.125.437.11.562-.047.063-.063.211-.227.446-.492.234-.266.382-.43.445-.492.156-.188.36-.235.61-.141.093.031.39.188.89.469.5.281.781.437.844.469.312.156.484.265.515.328.094.187.016.593-.234 1.218-.094.282-.344.54-.75.774-.406.234-.75.367-1.031.398z"/></symbol><symbol id="sprite-icon-x" viewBox="0 0 23 21"><path fill="currentColor" d="M1.04.5l8.25 11.031-8.303 8.97h1.869l7.268-7.853 5.873 7.852h6.359L13.64 8.848 21.37.5h-1.868l-6.694 7.232L7.398.5H1.039zm2.747 1.376h2.921l12.9 17.248h-2.922L3.787 1.876z"/></symbol><symbol id="sprite-icon-youtube" viewBox="0 0 20 14"><path d="M7.935 9.578L13.337 6.8 7.935 3.989v5.589zM10 0c1.25 0 2.457.017 3.621.05 1.165.033 2.019.069 2.562.106l.814.044.19.017c.12.01.205.022.257.033.052.011.14.028.262.05.123.022.229.052.318.089.09.037.194.085.313.144.119.06.234.132.346.217a2.642 2.642 0 01.496.5c.07.093.179.31.324.65.145.34.243.715.296 1.122.06.474.106.98.14 1.517.033.537.053.957.06 1.261v1.956a23.422 23.422 0 01-.2 3.222 4.417 4.417 0 01-.28 1.105c-.133.33-.252.558-.357.684l-.156.189c-.104.11-.212.209-.323.294a1.882 1.882 0 01-.346.211 8.016 8.016 0 01-.313.139 1.56 1.56 0 01-.318.089l-.268.05a6.852 6.852 0 01-.44.05c-1.868.14-4.2.211-6.998.211a211.23 211.23 0 01-4.012-.072 87.372 87.372 0 01-2.238-.084l-.546-.044-.402-.044a5.32 5.32 0 01-.608-.112 3.438 3.438 0 01-.57-.233 2.125 2.125 0 01-.804-.661c-.07-.093-.178-.31-.323-.65a4.216 4.216 0 01-.296-1.122c-.06-.474-.106-.98-.14-1.517A35.533 35.533 0 01.002 8.2V6.244A23.384 23.384 0 01.2 3.022c.053-.407.146-.776.28-1.105.133-.33.252-.558.357-.684l.156-.189c.104-.11.212-.209.323-.294.112-.085.227-.157.346-.217A5.11 5.11 0 011.976.39 1.56 1.56 0 012.294.3a9.82 9.82 0 00.262-.05c.052-.011.138-.022.257-.033L3.003.2C4.87.067 7.203 0 10 0z" fill-rule="nonzero"/></symbol><symbol preserveAspectRatio="none" id="sprite-underline-stroke" viewBox="0 0 181 3"><path fill-rule="evenodd" d="M99.226.239C121.303 0 145.222 0 167.3 0c0 .12-1.84.298 0 .358 7.36.179 7.36.418 7.36.656 0 .12-5.52 0-3.681.12-5.519 0-14.724.06-9.2.178 1.84.12 9.2 0 11.038.18 1.842.178-1.838.357 0 .536h7.363c1.836.12-1.84.358 0 .358-.535.601-112.238.716-176.634.537-7.36-.06-1.839-.298 3.68-.477-1.838.06-1.838-.12-3.68-.06 0-.179 3.68-.477 11.041-.537h-5.52c-1.841-.06 0-.179 0-.298 1.842 0 3.68 0 3.68-.06v-.238h-7.36c1.839 0 3.68 0 3.68-.06V.954c3.68-.06 9.198.06 12.88 0V.776c-3.682-.06-9.2 0-12.88 0 1.842-.06 1.842-.12 1.842-.24 5.518-.059 11.039.12 16.556-.059h-5.517C25.627.18 34.825.417 40.346.358c18.224-.197 40.481.06 58.88-.12z"/></symbol></svg> </div> <a href="#main-content" class="sr-only tabbing-focus:not-sr-only tabbing-focus:z-50"> <span class="inline-block px-6 py-5 z-50">Skip to main content</span> </a> <noscript> <div class="flex justify-between items-center px-10 py-6 bg-color-red text-color-blue-dark mb-px" role="alert" data-js-alert-no-js> <div> <p class='last:mb-0'><strong>Please enable JavaScript in your web browser to get the best experience.</strong></p> </div> </div> </noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="page"> <div class="region region--notification"> <div id="block-alerts"> <div class="border-b border-color-blue-dark"> <div class="max-w-2xl m-auto px-10 pt-10 pb-14" data-js-alert-banner data-js-alert-id="site-alert" id="alert-1-content"> <p class="h2 text-center mb-10 last:mb-0 print:text-color-blue-dark"><strong>We need your help. Please don't just scroll past this.</strong></p> <div class="c-wysiwyg"> <p>Your urgent action can rewrite the story for people with cancer.</p> <img src="/sites/default/files/2024-10/RS14269_Kirah%20just%20before%20being%20put%20into%20coma.jpg" style="width: 180px; float: right; padding: 10px;" alt="Young female with cancer, who is incredibly ill laying in a hospital bed receiving cancer treatment." /> <p>Today, and every day, seven young people in the UK hear the words "you have cancer".</p> <p>You can help us be there for them with specialist care and support when cancer has turned their world upside down.</p> </div> <div class="w-max m-auto"> <a href="https://donate.teenagecancertrust.org/?donationtype=single&utm_source=header-alert&utm_medium=Website&utm_campaign=winter" class="c-button c-button--tertiary mt-9 flex gap-2 items-center group"> <span>Make a difference - donate today</span> <svg class="w-4 h-4 flex-none fill-current transform transition-transform duration-200 [ group-hover:scale-125 group-focus:scale-125 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-heart"></use> </svg> </a> </div> </div> </div> </div> </div> </div> <div class="sticky top-admin-toolbar left-0 z-70 border-b-px border-color-keyline w-full bg-color-white shadow-md [ print:absolute ]" data-js-sticky-navbar-offset> <header class="region region--header relative z-60 flex items-center"> <div id="block-numiko-sitebranding"> <div class="flex items-center px-5 py-2 [ lg:px-12 lg:py-5 ]"> <a href="/" rel="home"> <img src="/themes/custom/numiko/tct-logo.svg" alt="Teenage Cancer Trust" class="w-32 h-auto [ lg:w-39 ]" width="155" height="60" /> </a> </div> </div> <div class="ml-auto [ print:hidden ]" data-js-menu-context="menu-main"> <button type="button" class="group flex flex-col items-center justify-center w-22 h-18 bg-color-blue-dark text-color-white uppercase text-xs font-bold [ lg:hidden ]" data-js-hamburger aria-controls="menu-main" > <span class="block"> <span class="c-hamburger mb-1 transform transition-transform duration-200 [ group-hover:scale-125 group-focus:scale-125 ]"> <span class="c-hamburger__lines"> <span class="sr-only" data-js-button-text>Open menu</span> </span> </span> <span>Menu</span> </span> </button> <div id="menu-main" data-js-menu-main class="c-menu c-menu--main hidden absolute left-0 w-full ml-auto bg-color-blue-dark text-color-white max-h-nav-menu-overflow !overflow-auto lg:max-h-none lg:!overflow-visible border-b-5 border-color-blue-light [ md:justify-center md:flex-1 ] [ lg:static lg:flex lg:bg-color-white lg:text-color-blue-dark lg:border-b-0 ]"> <nav aria-labelledby="block-numiko-mainnavigation-menu" id="block-numiko-mainnavigation" class="menu menu--block-numiko-mainnavigation"> <h2 class="sr-only" id="block-numiko-mainnavigation-menu">Main navigation</h2> <div data-js-menu data-js-menu-level=0 data-js-menu-container> <ul class="px-5 py-7 relative z-10 [ lg:static lg:z-auto lg:p-0 lg:flex lg:flex-row lg:flex-1 lg:flex-nowrap lg:justify-center lg:uppercase ]"> <li class="font-bold text-xl [ lg:flex lg:flex-none lg:max-w-30 lg:first:ml-0 lg:ml-10 lg:text-xs lg:text-center lg:h-25 ]" data-js-menu-item data-js-menu-item-level=0 > <a href="/about-us" class="flex items-center no-underline h-full relative z-50 py-2 [ lg:py-6 ] animate-hover-underline-stroke" aria-label="About us" data-js-menu-link data-js-menu-link-level=0 > <span class="relative"> <span class="pointer-events-none">About us</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="font-bold text-xl [ lg:flex lg:flex-none lg:max-w-30 lg:first:ml-0 lg:ml-10 lg:text-xs lg:text-center lg:h-25 ]" data-js-menu-item data-js-menu-item-level=0 data-js-menu-item-has-submenu="true" > <a href="/information-about-cancer" class="flex items-center no-underline h-full relative z-50 py-2 [ lg:py-6 ] animate-hover-underline-stroke" aria-label="Information about cancer" data-js-menu-link data-js-menu-link-level=0 data-js-menu-link-has-submenu="true" > <span class="relative"> <span class="pointer-events-none">Information about cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl lg:max-h-nav-menu-overflow-lg lg:!overflow-auto [ lg:border-b-5 lg:border-color-blue-light ] [ lg:absolute lg:-z-10 lg:top-full lg:left-0 lg:w-full lg:will-change-transform lg:transform lg:translate-x-0 lg:bg-color-blue-dark lg:text-color-white ]" data-js-menu data-js-menu-level=1> <div class="px-5 py-7 [ lg:container lg:px-10 lg:py-25 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 " data-js-menu-item data-js-menu-item-level=1> <a href="/information-about-cancer" class="relative text-5xl inline-block no-underline" aria-label="Information about cancer"> Information about cancer <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:columns-2 ]" data-js-submenu data-js-submenu-level="1"> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/i-think-i-have-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="I think I have cancer" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">I think I have cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/ive-got-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="I've got cancer" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">I've got cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/nhs-strikes" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="NHS strikes and your cancer care" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">NHS strikes and your cancer care</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/how-support-someone-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="How to support someone with cancer" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">How to support someone with cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/after-cancer-treatment" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="After cancer treatment" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">After cancer treatment</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/cancer-and-mental-health-information" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Cancer and mental health information" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Cancer and mental health information</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/coronavirus-and-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Coronavirus and cancer" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Coronavirus and cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/supporting-lgbtq-young-people-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Supporting LGBTQ+ young people" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Supporting LGBTQ+ young people</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/types-of-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Types of cancer" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Types of cancer</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/how-we-produce-our-pif-approved-cancer-information" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="How we produce our cancer information" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">How we produce our cancer information</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="/information-about-cancer/cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Cancer stories" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="/information-about-cancer/cancer-stories" class="relative text-5xl inline-block no-underline" aria-label="Cancer stories"> Cancer stories <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/bone-cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Bone cancer stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Bone cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/brain-tumour-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Brain tumour stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Brain tumour stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/cervical-cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Cervical cancer stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Cervical cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/leukaemia-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Leukaemia stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Leukaemia stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/melanoma-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Melanoma stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Melanoma stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/ovarian-cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Ovarian cancer stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Ovarian cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/soft-tissue-sarcoma-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Soft tissue sarcoma stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Soft tissue sarcoma stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/information-about-cancer/cancer-stories/testicular-cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Testicular cancer stories" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Testicular cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="font-bold text-xl [ lg:flex lg:flex-none lg:max-w-30 lg:first:ml-0 lg:ml-10 lg:text-xs lg:text-center lg:h-25 ]" data-js-menu-item data-js-menu-item-level=0 data-js-menu-item-has-submenu="true" > <a href="/help-and-support" class="flex items-center no-underline h-full relative z-50 py-2 [ lg:py-6 ] animate-hover-underline-stroke" aria-label="Help and support" data-js-menu-link data-js-menu-link-level=0 data-js-menu-link-has-submenu="true" > <span class="relative"> <span class="pointer-events-none">Help and support</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl lg:max-h-nav-menu-overflow-lg lg:!overflow-auto [ lg:border-b-5 lg:border-color-blue-light ] [ lg:absolute lg:-z-10 lg:top-full lg:left-0 lg:w-full lg:will-change-transform lg:transform lg:translate-x-0 lg:bg-color-blue-dark lg:text-color-white ]" data-js-menu data-js-menu-level=1> <div class="px-5 py-7 [ lg:container lg:px-10 lg:py-25 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 " data-js-menu-item data-js-menu-item-level=1> <a href="/help-and-support" class="relative text-5xl inline-block no-underline" aria-label="Help and support"> Help and support <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:columns-2 ]" data-js-submenu data-js-submenu-level="1"> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/help-and-support/our-cancer-units" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Our NHS cancer units and wards" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Our NHS cancer units and wards</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/help-and-support/support-closer-home" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Support closer to home" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Support closer to home</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="/help-and-support/events-young-people" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Events for young people" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Events for young people</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="/help-and-support/events-young-people" class="relative text-5xl inline-block no-underline" aria-label="Events for young people"> Events for young people <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/help-and-support/events-young-people/find-your-sense-tumour" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Find Your Sense of Tumour" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Find Your Sense of Tumour</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/join-our-creative-campaigns-group" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Join our Creative & Campaigns Group" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Join our Creative & Campaigns Group</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/help-and-support/apps-and-tools-people-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Apps and tools" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Apps and tools</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/information-about-cancer/cancer-stories" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Cancer stories" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Cancer stories</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="font-bold text-xl [ lg:flex lg:flex-none lg:max-w-30 lg:first:ml-0 lg:ml-10 lg:text-xs lg:text-center lg:h-25 ]" data-js-menu-item data-js-menu-item-level=0 data-js-menu-item-has-submenu="true" > <a href="/get-involved" class="flex items-center no-underline h-full relative z-50 py-2 [ lg:py-6 ] animate-hover-underline-stroke" aria-label="Get involved" data-js-menu-link data-js-menu-link-level=0 data-js-menu-link-has-submenu="true" > <span class="relative"> <span class="pointer-events-none">Get involved</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl lg:max-h-nav-menu-overflow-lg lg:!overflow-auto [ lg:border-b-5 lg:border-color-blue-light ] [ lg:absolute lg:-z-10 lg:top-full lg:left-0 lg:w-full lg:will-change-transform lg:transform lg:translate-x-0 lg:bg-color-blue-dark lg:text-color-white ]" data-js-menu data-js-menu-level=1> <div class="px-5 py-7 [ lg:container lg:px-10 lg:py-25 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 " data-js-menu-item data-js-menu-item-level=1> <a href="/get-involved" class="relative text-5xl inline-block no-underline" aria-label="Get involved"> Get involved <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:columns-2 ]" data-js-submenu data-js-submenu-level="1"> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="https://donate.teenagecancertrust.org/" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Donate" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Donate</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="https://donate.teenagecancertrust.org/" class="relative text-5xl inline-block no-underline" aria-label="Donate"> Donate <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="https://donate.teenagecancertrust.org/?amount=10&marketingupdated=false&emailconsent=false&type=single&paymenttype=&category=1&inmem=false" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Single donation" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Single donation</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="https://donate.teenagecancertrust.org/?amount=5&marketingupdated=false&emailconsent=false&type=monthly&paymenttype=&category=1&inmem=false" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Regular donation" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Regular donation</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/paying-money" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Paying in money" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Paying in money</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/our-appeals" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Our appeals" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Our appeals</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="https://teenagecancertrust.tributefunds.org.uk?utm_source=header-nav&utm_medium=Website&utm_campaign=Tribute" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Create a Tribute Fund" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Create a Tribute Fund</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="https://shop.teenagecancertrust.org/?utm_source=header-nav&utm_medium=Website&utm_campaign=Shop" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Shop" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Shop</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/fundraise-us" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Fundraise for us" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Fundraise for us</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/register-your-fundraising" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Register your fundraising" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Register your fundraising</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="/get-involved/charity-challenges" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Charity challenges" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Charity challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="/get-involved/charity-challenges" class="relative text-5xl inline-block no-underline" aria-label="Charity challenges"> Charity challenges <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/running-challenges-uk" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Charity runs" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Charity runs</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/swim-cancer" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Swimming challenges" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Swimming challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/virtual-charity-challenges" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Gaming and virtual challenges" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Gaming and virtual challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/charity-walks-and-treks" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Walks and treks" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Walks and treks</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/charity-bike-rides" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Cycle rides" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Cycle rides</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/extreme-charity-challenges" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Extreme challenges" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Extreme challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/charity-challenges/charity-fitness-challenges" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Charity fitness challenges" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Charity fitness challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/fundraising-ideas-and-support" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Fundraising ideas and support" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Fundraising ideas and support</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="/get-involved/other-ways-donate" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Other ways to donate" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Other ways to donate</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="/get-involved/other-ways-donate" class="relative text-5xl inline-block no-underline" aria-label="Other ways to donate"> Other ways to donate <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/philanthropy-and-major-gifts" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Philantropy and major gifts" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Philantropy and major gifts</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/trusts-and-foundations" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Trusts and foundations" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Trusts and foundations</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/leave-gift-your-will" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Leave a gift in your Will" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Leave a gift in your Will</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/payroll-giving" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Donate through your salary" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Donate through your salary</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/prize-draws-and-competitions" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Prize draws and competitions" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Prize draws and competitions</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/in-memory-donations" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Donate in memory" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Donate in memory</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/get-involved/other-ways-donate/face-face-fundraising" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Face to Face Fundraising" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Face to Face Fundraising</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/corporate-charity-partnerships" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Become a corporate partner" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Become a corporate partner</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/join-our-creative-campaigns-group" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Join our Creative and Campaigns Group" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Join our Creative and Campaigns Group</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/campaign-us" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Campaign with us" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Campaign with us</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/volunteering" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Volunteer with us" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Volunteer with us</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/merchandise" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Our music merchandise" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Our music merchandise</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="font-bold text-xl [ lg:flex lg:flex-none lg:max-w-30 lg:first:ml-0 lg:ml-10 lg:text-xs lg:text-center lg:h-25 ]" data-js-menu-item data-js-menu-item-level=0 data-js-menu-item-has-submenu="true" > <a href="/events" class="flex items-center no-underline h-full relative z-50 py-2 [ lg:py-6 ] animate-hover-underline-stroke" aria-label="Events" data-js-menu-link data-js-menu-link-level=0 data-js-menu-link-has-submenu="true" > <span class="relative"> <span class="pointer-events-none">Events</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl lg:max-h-nav-menu-overflow-lg lg:!overflow-auto [ lg:border-b-5 lg:border-color-blue-light ] [ lg:absolute lg:-z-10 lg:top-full lg:left-0 lg:w-full lg:will-change-transform lg:transform lg:translate-x-0 lg:bg-color-blue-dark lg:text-color-white ]" data-js-menu data-js-menu-level=1> <div class="px-5 py-7 [ lg:container lg:px-10 lg:py-25 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 " data-js-menu-item data-js-menu-item-level=1> <a href="/events" class="relative text-5xl inline-block no-underline" aria-label="Events"> Events <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:columns-2 ]" data-js-submenu data-js-submenu-level="1"> <li class="lg:mb-4 lg:bi-avoid" data-js-menu-item data-js-menu-item-level=1 data-js-menu-item-has-submenu="true" > <a href="/events/music-and-entertainment" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Music and entertainment" data-js-menu-link data-js-menu-link-level=1 data-js-menu-link-has-submenu="true" > <div class="relative inline-flex"> <span class="pointer-events-none">Music and entertainment</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> <div class="hidden absolute will-change-transform transform translate-x-full w-full top-0 left-0 normal-case text-left text-xl [ lg:translate-x-0 lg:static lg:uppercase lg:text-color-blue-light lg:text-xs ]" data-js-menu data-js-menu-level=2> <div class="px-5 py-7 [ lg:p-0 ]"> <button class="flex items-center py-4 uppercase text-xs font-bold [ lg:hidden ]" data-js-menu-item data-js-menu-back> <span class="arrow arrow--small arrow--left text-color-blue-light mr-2"></span> <span class="pointer-events-none">Back</span> </button> <div class="mb-12 hidden" data-js-menu-item data-js-menu-item-level=2> <a href="/events/music-and-entertainment" class="relative text-5xl inline-block no-underline" aria-label="Music and entertainment"> Music and entertainment <svg class="underline-stroke fill-color-blue-light" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </a> </div> <ul class="[ lg:p-0 ]" data-js-submenu data-js-submenu-level="2"> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/absolute-radio-live" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Absolute Radio Live" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Absolute Radio Live</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/carfest" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="CarFest" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">CarFest</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/teenage-cancer-trust-concert-royal-albert-hall" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Royal Albert Hall" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Royal Albert Hall</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/past-royal-albert-hall-gigs" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Past Royal Albert Hall gigs" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Past Royal Albert Hall gigs</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/sidemen-charity-match" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Sidemen Charity Match" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Sidemen Charity Match</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/unseen" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Unseen" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Unseen</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class=" " data-js-menu-item data-js-menu-item-level=2 > <a href="/events/music-and-entertainment/celebrity-support" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Celebrity support" data-js-menu-link data-js-menu-link-level=2 > <div class="relative inline-flex"> <span class="pointer-events-none">Celebrity support</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/help-and-support/events-young-people" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Events for young people " data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Events for young people </span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/get-involved/charity-challenges" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Charity challenges" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Charity challenges</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/about-us/health-professionals/global-adolescent-and-young-adult-cancer-congress" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Events for Health Professionals" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Events for Health Professionals</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/events/local-events" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Local events" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Local events</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/events/volunteers-week" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Volunteers week" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Volunteers week</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/events/world-cancer-day" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="World Cancer Day" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">World Cancer Day</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> <li class="lg:mb-4 " data-js-menu-item data-js-menu-item-level=1 > <a href="/events/teenage-and-young-adult-cancer-awareness-month" class="no-underline mb-3 inline-block animate-hover-underline-stroke" aria-label="Teenage and Young Adult Cancer Awareness Month" data-js-menu-link data-js-menu-link-level=1 > <div class="relative inline-flex"> <span class="pointer-events-none">Teenage and Young Adult Cancer Awareness Month</span> <svg class="underline-stroke" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </div> </a> </li> </ul> </div> </div> </li> </ul> <div class="px-5 pb-7 relative z-10 bg-color-blue-dark [ lg:hidden ]"> <div data-js-site-search data-js-search-id="mobile"></div> </div> </div> </nav> </div> </div> <div class="hidden mr-auto ml-10 [ lg:block ] [ print:hidden ]"> <button type="button" class="group" aria-controls="search-content" aria-expanded="false" data-js-search-button > <span class="sr-only">Search</span> <svg class="w-4 h-4 flex-none fill-current transform transition-transform duration-200 [ group-hover:scale-125 group-focus:scale-125 ]" focusable="false" aria-hidden="true" data-js-search-icon> <use xlink:href="#sprite-icon-search"></use> </svg> </button> </div> <div id="search-content" class="hidden absolute top-20 left-0 w-full border-b-5 border-color-blue-light z-20 [ lg:top-full lg:max-h-nav-menu-overflow-lg lg:!overflow-auto ] [ print:hidden ]" aria-hidden="true"> <div class="py-separator bg-color-blue-dark text-color-white [ sm:py-separator-sm ][ md:py-separator-md ][ lg:py-separator-lg ][ xl:py-separator-xl ][ xxl:py-separator-xxl ]"> <div class="container"> <div class="mx-auto [ lg:w-8/12 ]"> <h2 class="text-color-blue-light mb-0">What are you looking for?</h2> <div data-js-site-search data-js-search-id="desktop"></div> </div> </div> </div> </div> <div class="print:hidden"> <div id="block-donation"> <div id="menu-donation"> <a href="https://donate.teenagecancertrust.org/?type=single&amount=25&paymenttype=&category=&inmem=false" class="group flex flex-col items-center justify-center w-22 h-18 theme-red bg-color-theme-primary uppercase text-xs font-bold relative [ lg:w-25 lg:h-25 ] " aria-label="Donate" > <svg class="w-4 h-4 mb-1 flex-none fill-current transform transition-transform duration-200 [ group-hover:scale-125 group-focus:scale-125 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-heart"></use> </svg> <span>Donate</span> </a> </div> </div> </div> </header> </div> <main role="main" id="main-content" data-js-main-page-content> <div class="region region--hero"> <div id="block-entityviewcontent"> <section> <div class="group relative min-h-banner flex items-center overflow-hidden [ print:min-h-0 ] -mt-px theme-blue-dark bg-color-theme-primary"> <div class="c-banner__image | absolute z-0 top-1/2 left-0 w-full h-banner-image [ print:hidden ]" data-js-banner-image> <div class="media media-hero media-image"> <img loading="lazy" class="absolute w-full h-full top-0 left-0 object-cover focal-position" srcset="/sites/default/files/styles/hero_small/public/2024-05/Stephen%20Sutton%20Homepage%20Banner.jpg?h=2647a996&itok=Al1o90bJ 500w, /sites/default/files/styles/hero_medium/public/2024-05/Stephen%20Sutton%20Homepage%20Banner.jpg?h=2647a996&itok=cQHaQzc_ 1000w, /sites/default/files/styles/hero_large/public/2024-05/Stephen%20Sutton%20Homepage%20Banner.jpg?h=2647a996&itok=ET7pJqfp 1500w, /sites/default/files/styles/hero_huge/public/2024-05/Stephen%20Sutton%20Homepage%20Banner.jpg?h=2647a996&itok=XE9SmWHT 2000w" sizes="100vw" width="2000" height="900" data-focal-position="top center" src="/sites/default/files/styles/hero_medium/public/2024-05/Stephen%20Sutton%20Homepage%20Banner.jpg?h=2647a996&itok=cQHaQzc_" alt="Stephen Sutton raises his fists and smiles" /> </div> </div> <div class="container hidden [ md:block ]"> <div class="container relative z-20 [ lg:my-20 ] [ print:mb-0 ] my-10"> <div class="relative z-10 inline-block max-w-[480px] px-4 py-0"> <div class="hidden absolute top-0 left-[-5%] w-[110%] h-full mask-image-square bg-color-white [ md:block ]"></div> <div class="relative bottom-[-1.875rem]"> <h2 class="c-statement-text uppercase inline-block font-black [ print:text-color-blue-dark ] text-5xl [ sm:text-7xl ] [ xl:text-8xl ]" aria-label="RememberingStephenSutton" data-js-banner-title data-js-brand-text> <span class="c-banner__title | block" data-js-banner-title-text aria-hidden="true"><span class="theme-yellow"><span>Remembering</span></span><span class="theme-yellow"><span>Stephen</span></span><span class="theme-yellow"><span>Sutton</span></span></span> </h2> <div class="relative mt-4"> <p class="leading-extra-tight text-lg"> "I鈥檒l never forget the difference Teenage Cancer Trust care made to Stephen and our family." </p> <a class="c-button c-button--tertiary mt-4" href="https://donate.teenagecancertrust.org/index.aspx?content=summer-CMYPATSS" > <span>MAKE A DIFFERENCE - DONATE TODAY</span> </a> </div> </div> </div> </div> </div> </div> <div class="w-full bg-color-white block [ md:hidden ]"> <div class="container relative z-20 [ lg:my-20 ] [ print:mb-0 ] -top-10 [ sm:-top-14 ]"> <div class="relative z-10 inline-block max-w-[480px] px-4 py-0 [ md:py-8 ]"> <div class="hidden absolute top-0 left-[-5%] w-[110%] h-full mask-image-square bg-color-white [ md:block ]"></div> <h2 class="c-statement-text uppercase inline-block font-black [ print:text-color-blue-dark ] text-5xl [ sm:text-7xl ] [ xl:text-8xl ]" aria-label="RememberingStephenSutton" data-js-banner-title data-js-brand-text> <span class="c-banner__title | block" data-js-banner-title-text aria-hidden="true"><span class="theme-yellow"><span>Remembering</span></span><span class="theme-yellow"><span>Stephen</span></span><span class="theme-yellow"><span>Sutton</span></span></span> </h2> <div class="relative mt-4"> <p class="leading-extra-tight text-lg"> "I鈥檒l never forget the difference Teenage Cancer Trust care made to Stephen and our family." </p> <a class="c-button c-button--tertiary mt-4" href="https://donate.teenagecancertrust.org/index.aspx?content=summer-CMYPATSS" > <span>MAKE A DIFFERENCE - DONATE TODAY</span> </a> </div> </div> </div> </div> </section> </div> </div> <div class="region region--pre_content"> <div id="block-entityviewcontent-intro"> <div> <div class="relative theme-blue-dark bg-color-theme-primary text-color-theme-secondary"> <div class="py-12 [ xl:py-25 ] [ print:pb-0 ]"> <div class="container"> <h1 class="text-center mb-10 last:mb-0 print:text-color-blue-dark"> <span class="font-highlight-size-match">We鈥檙e here to give every young person facing cancer <span class="font-highlight">the best care and support.</span></span> </h1> </div> </div> </div> </div> </div> </div> <div class="region region--content"> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-numiko-mainpagecontent"> <div> <div class="[ print:hidden ] paragraph paragraph--type--slice-promo-teaser paragraph--view-mode--default py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ] theme-blue-dark bg-color-theme-primary text-color-theme-secondary" id="help" data-js-jumplink-anchor > <div class="md:container"> <div class="c-teaser-container c-teaser-container--gradient"> <article class="c-teaser c-teaser--row mb-3 last:mb-0"> <div class="h-full"> <a class="c-teaser__link group text-color-blue-dark [ hover:text-color-white ][ focus:text-color-white ] [ md:flex-row ]" href="/help-and-support"> <div class="c-teaser__content"> <div class="c-teaser__gradient-overlay | opacity-100 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"></div> <div class="relative mr-5 [ md:mr-0 ]"> <h3 class="mb-4 last:mb-0"> <span>Help and support</span> </h3> </div> <div class="c-teaser__arrow-container ml-5"> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute" > <use xlink:href="#sprite-icon-arrow-right" /> </svg> </div> </div> </a> </div> </article> <article class="c-teaser c-teaser--row mb-3 last:mb-0"> <div class="h-full"> <a class="c-teaser__link group text-color-blue-dark [ hover:text-color-white ][ focus:text-color-white ] [ md:flex-row ]" href="/help-and-support/our-cancer-units"> <div class="c-teaser__content"> <div class="c-teaser__gradient-overlay | opacity-100 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"></div> <div class="relative mr-5 [ md:mr-0 ]"> <h3 class="mb-4 last:mb-0"> <span> Our cancer units </span> </h3> </div> <div class="c-teaser__arrow-container ml-5"> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute" > <use xlink:href="#sprite-icon-arrow-right" /> </svg> </div> </div> </a> </div> </article> <article class="c-teaser c-teaser--row mb-3 last:mb-0"> <div class="h-full"> <a class="c-teaser__link group text-color-blue-dark [ hover:text-color-white ][ focus:text-color-white ] [ md:flex-row ]" href="/information-about-cancer"> <div class="c-teaser__content"> <div class="c-teaser__gradient-overlay | opacity-100 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"></div> <div class="relative mr-5 [ md:mr-0 ]"> <h3 class="mb-4 last:mb-0"> <span>Information about cancer</span> </h3> </div> <div class="c-teaser__arrow-container ml-5"> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute" > <use xlink:href="#sprite-icon-arrow-right" /> </svg> </div> </div> </a> </div> </article> </div> </div> </div> <section aria-labelledby="paragraph-1470-title" class="paragraph paragraph--type--slice-stats paragraph--view-mode--default theme-blue-dark bg-color-theme-primary text-color-theme-secondary" > <div class="container"> <div class="c-stats | text-center py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ]" data-items-count="3"> <h2 class="mb-8 text-center h1 md:mb-10 xl:mb-12 [ print:text-color-blue-dark ]" id="paragraph-1470-title"> <span class="font-highlight-size-match">About <span class="font-highlight">our cancer</span> information </span> </h2> <div class="-ml-separator-md [ lg:flex lg:flex-wrap lg:justify-center ]"> <div class="c-stats__item | pl-separator-md py-6 [ xl:py-12 ]"> <div class="mb-5"> <div class="print:invert"> <div class="media media-default media-icon"> <img loading="lazy" class="h-stat-icon mx-auto object-contain" srcset="/sites/default/files/styles/icon_180h/public/2021-11/file%20%281%29.png?itok=JP1YnXnH 1x" width="512" height="512" data-focal-position="center center" src="/sites/default/files/styles/icon_180h/public/2021-11/file%20%281%29.png?itok=JP1YnXnH" alt="Icon of a pen writing on a piece of paper" /> </div> </div> </div> <div class="h4 font-bold"> Written by cancer experts, reviewed by young people with cancer. </div> </div> <div class="c-stats__item | pl-separator-md py-6 [ xl:py-12 ]"> <div class="mb-5"> <div class="print:invert"> <div class="media media-default media-icon"> <img loading="lazy" class="h-stat-icon mx-auto object-contain" srcset="/sites/default/files/styles/icon_180h/public/2021-11/check%20%281%29.png?itok=-TJRGEyN 1x" width="512" height="512" data-focal-position="center center" src="/sites/default/files/styles/icon_180h/public/2021-11/check%20%281%29.png?itok=-TJRGEyN" alt="Icon showing a tick mark" /> </div> </div> </div> <div class="h4 font-bold"> PIF TICK approved - the only UK quality mark for trustworthy health information. </div> </div> <div class="c-stats__item | pl-separator-md py-6 [ xl:py-12 ]"> <div class="mb-5"> <div class="print:invert"> <div class="media media-default media-icon"> <img loading="lazy" class="h-stat-icon mx-auto object-contain" srcset="/sites/default/files/styles/icon_180h/public/2021-11/calendar%20%282%29.png?itok=mN4t7CqB 1x" width="512" height="512" data-focal-position="center center" src="/sites/default/files/styles/icon_180h/public/2021-11/calendar%20%282%29.png?itok=mN4t7CqB" alt="Icon showing the number 20 on a calendar" /> </div> </div> </div> <div class="h4 font-bold"> 20 years of cancer information publishing experience. </div> </div> </div> <a class="c-button c-button--secondary mt-10 [ xl:mt-11 ]" href="/about-us/our-cancer-experts/our-information-team" > <span>Meet the team</span> </a> </div> </div> </section> <div class="[ print:hidden ] paragraph paragraph--type--slice-donate paragraph--view-mode--default theme-none" > <div class="c-donate bg-color-pink"> <div class="md:flex"> <div class="md:w-1/2"> <div class="c-donate__img-container"> <div class="media media-teaser_square media-image relative aspect-ratio-square"> <img loading="lazy" class="lazyload absolute w-full h-full top-0 left-0 object-cover focal-position" width="1200" height="800" data-sizes="auto" data-srcset="/sites/default/files/styles/1_1_media_tiny/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=0EMCi1L9 400w, /sites/default/files/styles/1_1_media_small/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=GEi3_7N5 750w, /sites/default/files/styles/1_1_media_medium/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=oyVEQBDI 1000w" data-focal-position="top right" alt="Teenage boy in hospital bed on Teenage Cancer Trust unit" /> <noscript> <img loading="lazy" srcset="/sites/default/files/styles/1_1_media_tiny/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=0EMCi1L9 400w, /sites/default/files/styles/1_1_media_small/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=GEi3_7N5 750w, /sites/default/files/styles/1_1_media_medium/public/2024-07/RS9534_Lewis%20in%20his%20hospital%20bed%205_scr.JPG?h=99d8a18d&itok=oyVEQBDI 1000w" width="1200" height="800" data-sizes="auto" alt="Teenage boy in hospital bed on Teenage Cancer Trust unit" /> </noscript> </div> <h2 class="c-statement-text c-donate__title | absolute bottom-12 left-gutter right-gutter uppercase font-black text-5xl mb-5 max-w-200 last:mb-0 [ lg:left-1/2 lg:right-auto lg:transform lg:-translate-x-1/2 lg:text-7xl ][ xl:text-9xl ]" aria-label="" > <span aria-hidden="true"></span> </h2> </div> </div> <div class="text-center px-5 py-7 max-w-200 [ md:w-1/2 md:self-center md:mx-auto ][ lg:px-10 lg:py-14 ][ xl:py-18 ]"> <h3 class="mb-14"> <span class="font-highlight-size-match">Donate to help young people with <span class="font-highlight">cancer</span></span> </h3> <div data-js-tabs-container> <ul class="flex justify-center text-uppercase mb-10 -ml-9" role="tablist" data-js-tabs> <li class="pl-9" role="presentation"> <button class="c-donate__tabs-button | font-bold text-xs uppercase px-0 py-1" type="button" role="tab" aria-controls="single-donation" data-js-tabs-button> <span class="relative z-10">Single Donation</span> </button> </li> <li class="pl-9" role="presentation"> <button class="c-donate__tabs-button | font-bold text-xs uppercase px-0 py-1" type="button" role="tab" aria-controls="monthly-donation" data-js-tabs-button> <span class="relative z-10">Monthly Donation</span> </button> </li> </ul> <div id="single-donation" data-js-tabs-content> <h4 class="sr-only">Single donation</h4> <form id="single-donation-form" action="https://donate.teenagecancertrust.org/details.aspx" method="GET" data-js-donate-form> <div class="-ml-5 [ lg:flex lg:flex-wrap ]"> <fieldset class="fieldgroup required [ lg:flex lg:flex-1 ]"> <legend class="sr-only">Select amount</legend> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1447-10" type="radio" name="amount" value="10" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1447-10" class="c-donate__item-radio-label"> £10 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1448-25" type="radio" name="amount" value="25" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1448-25" class="c-donate__item-radio-label"> £25 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1449-100" type="radio" name="amount" value="100" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1449-100" class="c-donate__item-radio-label"> £100 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> </fieldset> <div class="pl-5 mb-3 w-full [ lg:flex-1 lg:mb-0 ][ xl:max-w-1/3 ]"> <label class="c-donate__other-label" for="single-donation-other"> <span class="sr-only">Other amount</span> £ <input class="c-donate__other-input" name="amount" id="single-donation-other" type="number" placeholder="Other" data-js-donate-input-other data-js-donate-item-label=""> </label> </div> <input type="hidden" name="category" value="1"> <input type="hidden" name="type" value=single> </div> <div class="js-error-message-donate"></div> <div class="hidden my-7 text-h5 font-black [ lg:block ]" data-js-donate-description-container aria-live="polite"></div> <button type="submit" class="c-button c-button--primary mt-5" > <span> Donate today </span> </button> </form> </div> <div id="monthly-donation" class="hidden" data-js-tabs-content> <h4 class="sr-only">Monthly donation</h4> <form id="monthly-donation-form" action="https://donate.teenagecancertrust.org/details.aspx" method="GET" data-js-donate-form> <div class="-ml-5 [ lg:flex lg:flex-wrap ]"> <fieldset class="fieldgroup required [ lg:flex lg:flex-1 ]"> <legend class="sr-only">Select amount</legend> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1444-3" type="radio" name="amount" value="3" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1444-3" class="c-donate__item-radio-label"> £3 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1445-5" type="radio" name="amount" value="5" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1445-5" class="c-donate__item-radio-label"> £5 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> <div class="pl-5 flex-1 mb-3 [ lg:mb-0 ]"> <input class="c-donate__item-radio" id="input-1446-8" type="radio" name="amount" value="8" data-bouncer-custom-message="Please select an amount to donate" data-bouncer-target=".js-error-message-donate" data-js-donate-item-label="" > <label for="input-1446-8" class="c-donate__item-radio-label"> £8 <span class="normal-case h5 font-bold [ lg:hidden ]"></span> </label> </div> </fieldset> <div class="pl-5 mb-3 w-full [ lg:flex-1 lg:mb-0 ][ xl:max-w-1/3 ]"> <label class="c-donate__other-label" for="monthly-donation-other"> <span class="sr-only">Other amount</span> £ <input class="c-donate__other-input" name="amount" id="monthly-donation-other" type="number" placeholder="Other" data-js-donate-input-other data-js-donate-item-label=""> </label> </div> <input type="hidden" name="category" value="1"> <input type="hidden" name="type" value=monthly> </div> <div class="js-error-message-donate"></div> <div class="hidden my-7 text-h5 font-black [ lg:block ]" data-js-donate-description-container aria-live="polite"></div> <button type="submit" class="c-button c-button--primary mt-5" > <span> Donate today </span> </button> </form> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--slice-stats paragraph--view-mode--default theme-turquoise bg-color-theme-primary text-color-theme-secondary" > <div class="container"> <div class="c-stats | text-center py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ]" data-items-count="2"> <div class="-ml-separator-md [ lg:flex lg:flex-wrap lg:justify-center ]"> <div class="c-stats__item | pl-separator-md py-6 [ xl:py-12 ]"> <div class="mb-5"> <p class="font-highlight text-11xl leading-none"> <span> 28 </span> </p> </div> <div class="h4 font-bold"> specialist cancer units built-in hospitals across the UK </div> </div> <div class="c-stats__item | pl-separator-md py-6 [ xl:py-12 ]"> <div class="mb-5"> <p class="font-highlight text-11xl leading-none"> <span> 92 </span> </p> </div> <div class="h4 font-bold"> funded Teenage Cancer Trust Nurses and Youth Support Coordinators </div> </div> </div> </div> </div> </div> <section aria-labelledby="paragraph-1438-title" class="paragraph paragraph--type--slice-event-teaser paragraph--view-mode--default py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ] theme-blue-dark bg-color-theme-primary text-color-theme-secondary" > <div class="container"> <h2 class="mb-8 text-center h1 md:mb-10 xl:mb-12 [ print:text-color-blue-dark ]" id="paragraph-1438-title"> <span class="font-highlight-size-match">Get <span class="font-highlight">involved</span></span> </h2> </div> <div class="md:container"> <div class="c-teaser-container grid-cols-auto-fit grid gap-gutter [ md:gap-gutter-md ] [ xl:gap-gutter-xl ]"> <article class="c-teaser c-teaser--column"> <div class="h-full"> <a class="c-teaser__link group block [ hover:text-color-white ][ focus:text-color-white ]" href="/get-involved/charity-challenges/london-marathon"> <div class="relative"> <div class="c-teaser__img-container"> <div class="media media-teaser_landscape media-image relative aspect-ratio-16/9"> <img loading="lazy" class="lazyload absolute w-full h-full top-0 left-0 object-cover" width="6000" height="4000" data-sizes="auto" data-srcset="/sites/default/files/styles/16_9_media_small/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=gHjqOgVW 750w, /sites/default/files/styles/16_9_media_medium/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=nsbE9-n9 1000w, /sites/default/files/styles/16_9_media_large/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=TC1DKaLy 1300w" data-focal-position="center center" alt="Teenage Cancer Trust runner" /> <noscript> <img loading="lazy" srcset="/sites/default/files/styles/16_9_media_small/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=gHjqOgVW 750w, /sites/default/files/styles/16_9_media_medium/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=nsbE9-n9 1000w, /sites/default/files/styles/16_9_media_large/public/2024-01/52844970007_26d30c0bb0_o.jpg?h=790be497&itok=TC1DKaLy 1300w" width="6000" height="4000" data-sizes="auto" alt="Teenage Cancer Trust runner" /> </noscript> </div> </div> <h3 class="absolute bottom-5 left-5 right-5 mb-0 uppercase transition-all duration-300 text-color-blue-dark text-center font-black [ group-hover:text-color-white ]"> <span class="relative bg-color-blue-dark bg-gradient-to-r from-color-theme-gradient-primary to-color-theme-gradient-secondary leading-normal [ group-hover:bg-none ]"> <span> <span class="font-highlight-size-match">TCS London Marathon <span class="font-highlight">2025</span></span> </span> </span> </h3> </div> <div class="c-teaser__content | flex-none h-auto mr-5 [ md:mr-0 ]"> <div class="c-wysiwyg text-center"> <p>Join our London Marathon team today, by either applying for a marathon place or telling us about your ballot place. Run the London marathon for young people with cancer.</p> </div> </div> </a> </div> </article> <article class="c-teaser c-teaser--column"> <div class="h-full"> <a class="c-teaser__link group block [ hover:text-color-white ][ focus:text-color-white ]" href="/get-involved/charity-challenges/great-north-run"> <div class="relative"> <div class="c-teaser__img-container"> <div class="media media-teaser_landscape media-image relative aspect-ratio-16/9"> <img loading="lazy" class="lazyload absolute w-full h-full top-0 left-0 object-cover" width="5184" height="3456" data-sizes="auto" data-srcset="/sites/default/files/styles/16_9_media_small/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=cEec0bSl 750w, /sites/default/files/styles/16_9_media_medium/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=nowA2UBk 1000w, /sites/default/files/styles/16_9_media_large/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=-pmHvz-f 1300w" data-focal-position="center center" alt="Teenage Cancer Trust Great North Run, runner giving the cheer squad the thumbs up" /> <noscript> <img loading="lazy" srcset="/sites/default/files/styles/16_9_media_small/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=cEec0bSl 750w, /sites/default/files/styles/16_9_media_medium/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=nowA2UBk 1000w, /sites/default/files/styles/16_9_media_large/public/2021-11/_MG_1957.jpg?h=0d27ee61&itok=-pmHvz-f 1300w" width="5184" height="3456" data-sizes="auto" alt="Teenage Cancer Trust Great North Run, runner giving the cheer squad the thumbs up" /> </noscript> </div> </div> <h3 class="absolute bottom-5 left-5 right-5 mb-0 uppercase transition-all duration-300 text-color-blue-dark text-center font-black [ group-hover:text-color-white ]"> <span class="relative bg-color-blue-dark bg-gradient-to-r from-color-theme-gradient-primary to-color-theme-gradient-secondary leading-normal [ group-hover:bg-none ]"> <span> <span class="font-highlight-size-match">Great <span class="font-highlight">North Run</span> 2025</span> </span> </span> </h3> </div> <div class="c-teaser__content | flex-none h-auto mr-5 [ md:mr-0 ]"> <div class="c-wysiwyg text-center"> <p>Run the Great North Run, one of the longest established and most popular city centre road events in the UK.</p> </div> </div> </a> </div> </article> <article class="c-teaser c-teaser--column"> <div class="h-full"> <a class="c-teaser__link group block [ hover:text-color-white ][ focus:text-color-white ]" href="/get-involved/charity-challenges/gaming-for-charity-game-a-thon"> <div class="relative"> <div class="c-teaser__img-container"> <div class="media media-teaser_landscape media-image relative aspect-ratio-16/9"> <img loading="lazy" class="lazyload absolute w-full h-full top-0 left-0 object-cover" width="1200" height="800" data-sizes="auto" data-srcset="/sites/default/files/styles/16_9_media_small/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=omwSGUFc 750w, /sites/default/files/styles/16_9_media_medium/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=nBrpHpXq 1000w, /sites/default/files/styles/16_9_media_large/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=ZVZky31X 1300w" data-focal-position="center center" alt="Aidan, a young person with cancer, laying in a Teenage Cancer Trust ward about to start gaming for charity" /> <noscript> <img loading="lazy" srcset="/sites/default/files/styles/16_9_media_small/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=omwSGUFc 750w, /sites/default/files/styles/16_9_media_medium/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=nBrpHpXq 1000w, /sites/default/files/styles/16_9_media_large/public/2023-09/Be%20a%20gamechanger.jpg?h=10d202d3&itok=ZVZky31X 1300w" width="1200" height="800" data-sizes="auto" alt="Aidan, a young person with cancer, laying in a Teenage Cancer Trust ward about to start gaming for charity" /> </noscript> </div> </div> <h3 class="absolute bottom-5 left-5 right-5 mb-0 uppercase transition-all duration-300 text-color-blue-dark text-center font-black [ group-hover:text-color-white ]"> <span class="relative bg-color-blue-dark bg-gradient-to-r from-color-theme-gradient-primary to-color-theme-gradient-secondary leading-normal [ group-hover:bg-none ]"> <span> Gaming for charity </span> </span> </h3> </div> <div class="c-teaser__content | flex-none h-auto mr-5 [ md:mr-0 ]"> <div class="c-wysiwyg text-center"> <p>Take part in gaming for charity and stop cancer destroying teenage lives.</p> </div> </div> </a> </div> </article> </div> </div> <div class="container mt-7 [ lg:mt-12 ]"> <div class="c-teaser"> <a href="/get-involved/charity-challenges" class="c-teaser__link group text-color-blue-dark [ hover:text-color-white ][ focus:text-color-white ][ md:flex-row ]"> <div class="c-teaser__content"> <div class="c-teaser__gradient-overlay | opacity-100 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"></div> <div class="relative mr-5 [ md:mr-0 ]"> <h3 class="mb-4 last:mb-0"> <span>View all challenges</span> </h3> </div> <div class="c-teaser__arrow-container [ print:hidden ]"> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute"> <use xlink:href="#sprite-icon-arrow-right-gradient"></use> </svg> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute transition-opacity duration-300 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"> <use xlink:href="#sprite-icon-arrow-right"></use> </svg> </div> </div> </a> </div> </div> </section> <section aria-labelledby="paragraph-1442-title" class="paragraph paragraph--type--slice-story paragraph--view-mode--default py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ] theme-blue-dark bg-color-theme-primary text-color-theme-secondary" > <div class="container"> <h2 class="mb-8 text-center h1 md:mb-10 xl:mb-12 [ print:text-color-blue-dark ]" id="paragraph-1442-title"> <span class="font-highlight-size-match">Stories from <span class="font-highlight">young people</span> with cancer</span> </h2> </div> <div class="flex flex-wrap mb-12 -mt-3 -ml-3 [ xxl:container ]"> <div class="paragraph paragraph--type--story-item paragraph--view-mode--default w-full pt-3 pl-3 [ lg:w-1/2 ]"> <div class="relative text-color-base flex flex-col justify-end items-center text-center p-7 h-full min-h-100 [ lg:p-12 lg:min-h-170 ]"> <div class="absolute top-0 left-0 w-full h-full"> <div class="media media-teaser_portrait media-image"> <img loading="lazy" class="absolute top-0 left-0 w-full h-full object-cover" srcset="/sites/default/files/styles/16_17_media_tiny_375_400/public/2022-12/RS10753_Laura%20Stainton%20%282%29.jpg?h=08b866d1&itok=WC1lCoV8 375w, /sites/default/files/styles/16_17_media_medium_640_680/public/2022-12/RS10753_Laura%20Stainton%20%282%29.jpg?h=08b866d1&itok=VziULJ5P 640w, /sites/default/files/styles/16_17_media_large_750_797/public/2022-12/RS10753_Laura%20Stainton%20%282%29.jpg?h=08b866d1&itok=-5SUdLHl 750w" sizes="100vw" width="1600" height="1200" data-focal-position="center center" src="/sites/default/files/styles/16_17_media_tiny_375_400/public/2022-12/RS10753_Laura%20Stainton%20%282%29.jpg?h=08b866d1&itok=WC1lCoV8" alt="Laura " /> </div> </div> <div class="relative"> <h3 class="c-statement-text | uppercase font-black text-5xl mb-5 last:mb-0 [ md:text-7xl ][ xl:text-9xl ]" aria-label="My mole turnedinto stage 3melanoma"> <span aria-hidden="true"><span class="theme-blue-light"><span>My</span><span> </span><span>mole</span><span> </span><span>turned</span></span><span class="theme-pink"><span>into</span><span> </span><span>stage</span><span> </span><span>3</span></span><span class="theme-pink"><span>melanoma</span></span></span> </h3> <a class="c-button c-button--primary" href="/information-about-cancer/cancer-stories/i-couldnt-believe-my-mole-turned-stage-3-melanoma-month" > <span>Read story</span> <span class="sr-only">(My mole turnedinto stage 3melanoma)</span> </a> </div> </div> </div> <div class="paragraph paragraph--type--story-item paragraph--view-mode--default w-full pt-3 pl-3 [ lg:w-1/2 ]"> <div class="relative text-color-base flex flex-col justify-end items-center text-center p-7 h-full min-h-100 [ lg:p-12 lg:min-h-170 ]"> <div class="absolute top-0 left-0 w-full h-full"> <div class="media media-teaser_portrait media-image"> <img loading="lazy" class="absolute top-0 left-0 w-full h-full object-cover" srcset="/sites/default/files/styles/16_17_media_tiny_375_400/public/2022-09/RS8582_Jordan%20Lawfull%20during%20treatment%202.jpeg?h=0a1f36f3&itok=Jz5hEQ7s 375w, /sites/default/files/styles/16_17_media_medium_640_680/public/2022-09/RS8582_Jordan%20Lawfull%20during%20treatment%202.jpeg?h=0a1f36f3&itok=1esA41JN 640w, /sites/default/files/styles/16_17_media_large_750_797/public/2022-09/RS8582_Jordan%20Lawfull%20during%20treatment%202.jpeg?h=0a1f36f3&itok=o-VJGedq 750w" sizes="100vw" width="1773" height="1773" data-focal-position="top center" src="/sites/default/files/styles/16_17_media_tiny_375_400/public/2022-09/RS8582_Jordan%20Lawfull%20during%20treatment%202.jpeg?h=0a1f36f3&itok=Jz5hEQ7s" alt="Jordan Lawfull during treatment" /> </div> </div> <div class="relative"> <h3 class="c-statement-text | uppercase font-black text-5xl mb-5 last:mb-0 [ md:text-7xl ][ xl:text-9xl ]" aria-label="My symptomsbefore mydiagnosis"> <span aria-hidden="true"><span class="theme-yellow"><span>My</span><span> </span><span>symptoms</span></span><span class="theme-turquoise"><span>before</span><span> </span><span>my</span></span><span class="theme-turquoise"><span>diagnosis</span></span></span> </h3> <a class="c-button c-button--primary" href="/information-about-cancer/my-symptoms-i-was-diagnosed-hodgkin-lymphoma" > <span>Read story</span> <span class="sr-only">(My symptomsbefore mydiagnosis)</span> </a> </div> </div> </div> </div> <div class="container"> <div class="c-teaser"> <a href="/information-about-cancer/cancer-stories" class="c-teaser__link group text-color-blue-dark [ hover:text-color-white ][ focus:text-color-white ][ md:flex-row ]"> <div class="c-teaser__content"> <div class="c-teaser__gradient-overlay | opacity-100 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"></div> <div class="relative mr-5 [ md:mr-0 ]"> <h3 class="mb-4 last:mb-0"> <span>Read all stories</span> </h3> </div> <div class="c-teaser__arrow-container [ print:hidden ]"> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute"> <use xlink:href="#sprite-icon-arrow-right-gradient"></use> </svg> <svg focusable="false" aria-hidden="true" class="c-teaser__arrow | absolute transition-opacity duration-300 [ group-hover:opacity-0 ][ group-focus:opacity-0 ]"> <use xlink:href="#sprite-icon-arrow-right"></use> </svg> </div> </div> </a> </div> </div> </section> <div class="relative [ print:hidden ] paragraph paragraph--type--slice-newsletter paragraph--view-mode--default py-separator [ sm:py-separator-sm ] [ md:py-separator-md ] [ lg:py-separator-lg ][ xl:py-separator-xl ] [ xxl:py-separator-xxl ] theme-turquoise bg-color-theme-primary text-color-theme-secondary" data-js-pinned-cta-hide> <div class="container"> <div class="[ md:mx-auto md:w-10/12 ] [ lg:w-8/12 ]"> <span id="webform-submission-newsletter-signup-node-6-form-ajax-content"></span><div id="webform-submission-newsletter-signup-node-6-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="fullscreen"><form class="webform-submission-form webform-submission-add-form webform-submission-newsletter-signup-form webform-submission-newsletter-signup-add-form webform-submission-newsletter-signup-node-6-form webform-submission-newsletter-signup-node-6-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-newsletter-signup-node-6-add-form-2" action="/" method="post" id="webform-submission-newsletter-signup-node-6-add-form--2" accept-charset="UTF-8" aria-labelledby="webform-legend-newsletter_signup" data-parsley-validate> <fieldset> <legend id="webform-legend-newsletter_signup" class="visually-hidden"> Newsletter signup </legend> <div id="edit-intro--2" class="js-form-item form-item js-form-type-webform-markup form-item-intro js-form-item-intro form-no-label"> <div class="c-wysiwyg"><h2>Sign up to our newsletter and receive <span class="font-highlight">regular updates</span></h2></div> </div> <div data-drupal-selector="edit-flexbox-top" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-flexbox-top--2"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div class="js-form-item form-item js-form-type-textfield form-item-first-name js-form-item-first-name form-no-label"> <label for="edit-first-name--2" class="visually-hidden js-form-required form-required">First Name</label> <input autocomplete="given-name" data-drupal-selector="edit-first-name" data-msg-maxlength="First Name field has a maximum length of 35." data-msg-required="First Name field is required." type="text" id="edit-first-name--2" name="first_name" value="" size="60" maxlength="35" placeholder="FIRST NAME" class="form-text required" required="required" aria-required="true" /> </div> </div></div><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div class="js-form-item form-item js-form-type-textfield form-item-last-name js-form-item-last-name form-no-label"> <label for="edit-last-name--2" class="visually-hidden js-form-required form-required">Last name</label> <input autocomplete="family-name" data-drupal-selector="edit-last-name" data-msg-maxlength="Last name field has a maximum length of 35." data-msg-required="Last name field is required." type="text" id="edit-last-name--2" name="last_name" value="" size="60" maxlength="35" placeholder="LAST NAME" class="form-text required" required="required" aria-required="true" /> </div> </div></div></div> <div data-drupal-selector="edit-flexbox-bottom" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-flexbox-bottom--2"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div class="js-form-item form-item js-form-type-email form-item-email-address js-form-item-email-address form-no-label"> <label for="edit-email-address--2" class="visually-hidden js-form-required form-required">Email address</label> <input autocomplete="email" data-drupal-selector="edit-email-address" data-msg-email="Email address does not contain a valid email." data-msg-maxlength="Email address field has a maximum length of 254." data-msg-required="Email address field is required." type="email" id="edit-email-address--2" name="email_address" value="" size="60" maxlength="254" placeholder="EMAIL ADDRESS" class="form-email required" required="required" aria-required="true" /> </div> </div></div><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions--3"> <button class="webform-button--submit button button--primary js-form-submit form-submit c-button c-button--primary" data-drupal-selector="edit-actions-submit-2" data-disable-refocus="true" type="submit" id="edit-actions-submit--2" name="op" value="SIGN UP" > <span>SIGN UP</span> </button> </div> </div></div></div> <div id="edit-privacy--2" class="js-form-item form-item js-form-type-webform-markup form-item-privacy js-form-item-privacy form-no-label"> <div class="c-wysiwyg">I'm happy for you to contact me by email and understand I can unsubscribe at any time. For information on how we use your data, see our <a href="/node/288" target="_blank">Privacy Policy</a></div> </div> <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="3711436" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="OtVSP59h95FfFWEby2jDzG54WXFg94zP-sdnk_mgCcY" /> <input id="recaptcha-v3-token--2" class="recaptcha-v3-token" data-recaptcha-v3-action="default_recaptcha" data-recaptcha-v3-site-key="6Lckz90cAAAAAN8DQkfiSBXFHvsQ3M9vl_w3y6h8" data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="" /> <input data-drupal-selector="edit-is-recaptcha-v3" type="hidden" name="is_recaptcha_v3" value="1" /> <input data-drupal-selector="form-y3a0wpn5isa1yqawqel2yn2bapbf8xhkhldjkieleoo" type="hidden" name="form_build_id" value="form-y3a0Wpn5Isa1yQaWQEL2yn2bAPBF8XhKhlDJkiELEOo" /> <input data-drupal-selector="edit-webform-submission-newsletter-signup-node-6-add-form-2" type="hidden" name="form_id" value="webform_submission_newsletter_signup_node_6_add_form" /> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"><div class="js-form-item form-item js-form-type-textfield form-item-url js-form-item-url"> <label for="edit-url--2">Leave this field blank</label> <input autocomplete="off" data-drupal-selector="edit-url" data-msg-maxlength="Leave this field blank field has a maximum length of 128." type="text" id="edit-url--2" name="url" value="" size="20" maxlength="128" class="form-text" /> </div> </div> <div class="recaptcha-policy"> This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank">Terms of Service</a> apply. </div> </fieldset> </form> </div> </div> </div> </div> </div> </div> </div> </main> <div class="modal micromodal-slide hidden" id="dynamic-modal" data-js-dynamic-modal="true" aria-hidden="true"> <div class="modal__overlay | bg-color-black-600 z-70 fixed inset-0 flex flex-col justify-center items-center p-6 [ md:p-10 ]" tabindex="-1" data-micromodal-close> <div class="modal__container bg-color-white p-8 max-h-screen rounded overflow-y-auto [ md:p-10 md:w-144 ] [ xl:p-12 ]" role="dialog" aria-modal="true" data-js-modal-container> <div data-js-modal-content> </div> <button class="bg-color-red text-color-blue-dark font-bold mt-6 px-4 py-3 text-base uppercase border-none border-0 cursor-pointer" data-micromodal-close> Close </button> </div> </div> </div> <footer role="contentinfo"> <div class="bg-color-blue-dark text-color-white pt-12 pb-10 [ lg:pt-18 lg:pb-14 ]"> <div class="container container--fluid"> <div class="-mt-12 mb-12 [ md:flex flex-wrap md:mb-16 ]"> <div class="mt-12 [ md:w-1/2 ][ lg:w-1/4 ] [ print:hidden ]"> <div class="region region--footer_col_1"> <ul id="menu-quick-links" class="uppercase text-xs font-bold"> <li class="mb-2 [ last:mb-0 ]"> <a href="https://donate.teenagecancertrust.org/" class="animate-hover-underline-stroke" aria-label="Donate" > <span class="relative"> <span>Donate</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/about-us" class="animate-hover-underline-stroke" aria-label="About us" > <span class="relative"> <span>About us</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/information-about-cancer" class="animate-hover-underline-stroke" aria-label="Information about cancer" > <span class="relative"> <span>Information about cancer</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/help-and-support" class="animate-hover-underline-stroke" aria-label="Help and support" > <span class="relative"> <span>Help and support</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/events" class="animate-hover-underline-stroke" aria-label="Events" > <span class="relative"> <span>Events</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/get-involved" class="animate-hover-underline-stroke" aria-label="Get involved" > <span class="relative"> <span>Get involved</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> </ul> </div> </div> <div class="mt-12 [ md:w-1/2 ][ lg:w-1/4 ] [ print:hidden ]"> <div class="region region--footer_col_2"> <ul id="menu-footer" class="uppercase text-xs font-bold"> <li class="mb-2 [ last:mb-0 ]"> <a href="/contact-us" class="animate-hover-underline-stroke" aria-label="Contact us" > <span class="relative"> <span>Contact us</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/work-us" class="animate-hover-underline-stroke" aria-label="Jobs" > <span class="relative"> <span>Jobs</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/about-us/supporter-promise" class="animate-hover-underline-stroke" aria-label="Our supporter promise" > <span class="relative"> <span>Our supporter promise</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/our-organisation" class="animate-hover-underline-stroke" aria-label="Our organisation" > <span class="relative"> <span>Our organisation</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/our-publications" class="animate-hover-underline-stroke" aria-label="Our publications" > <span class="relative"> <span>Our publications</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/our-organisation/annual-report" class="animate-hover-underline-stroke" aria-label="Annual report" > <span class="relative"> <span>Annual report</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/media-centre-and-press-releases" class="animate-hover-underline-stroke" aria-label="Media centre" > <span class="relative"> <span>Media centre</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/safeguarding-statement" class="animate-hover-underline-stroke" aria-label="Our safeguarding statement" > <span class="relative"> <span>Our safeguarding statement</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/terms-and-conditions" class="animate-hover-underline-stroke" aria-label="Terms and conditions" > <span class="relative"> <span>Terms and conditions</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/cookie-policy" class="animate-hover-underline-stroke" aria-label="Cookie policy" > <span class="relative"> <span>Cookie policy</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="#cookie-settings" class="animate-hover-underline-stroke" aria-label="Cookie settings" > <span class="relative"> <span>Cookie settings</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> <li class="mb-2 [ last:mb-0 ]"> <a href="/privacy-policy" class="animate-hover-underline-stroke" aria-label="Privacy policy" > <span class="relative"> <span>Privacy policy</span> <svg class="underline-stroke fill-current" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-underline-stroke"></use> </svg> </span> </a> </li> </ul> </div> </div> <div class="mt-12 [ md:w-1/2 ][ lg:w-1/4 ] [ print:hidden ]"> <div class="region region--footer_col_3"> <div id="block-sociallinks"> <h2 class="text-xs uppercase mb-5">Connect with us</h2> <ul id="menu-social-links" class="uppercase text-xs font-bold flex flex-wrap items-center -ml-6"> <li class="pl-6"> <a href="https://www.facebook.com/TeenageCancerTrust/" class="group block" aria-label="Facebook"> <svg class="w-6 h-6 fill-current transition-transform duration-200 [ group-hover:scale-110 ][ group-focus:scale-110 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-facebook"></use> </svg> <span class="sr-only"> Facebook </span> </a> </li> <li class="pl-6"> <a href="https://www.instagram.com/teenage_cancer/" class="group block" aria-label="Instagram"> <svg class="w-6 h-6 fill-current transition-transform duration-200 [ group-hover:scale-110 ][ group-focus:scale-110 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-instagram"></use> </svg> <span class="sr-only"> Instagram </span> </a> </li> <li class="pl-6"> <a href="https://www.tiktok.com/@teenagecancertrust" class="group block" aria-label="TikTok"> <svg class="w-6 h-6 fill-current transition-transform duration-200 [ group-hover:scale-110 ][ group-focus:scale-110 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-tiktok"></use> </svg> <span class="sr-only"> TikTok </span> </a> </li> <li class="pl-6"> <a href="https://twitter.com/TeenageCancer/" class="group block" aria-label="Twitter"> <svg class="w-6 h-6 fill-current transition-transform duration-200 [ group-hover:scale-110 ][ group-focus:scale-110 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-x"></use> </svg> <span class="sr-only"> Twitter </span> </a> </li> <li class="pl-6"> <a href="https://www.youtube.com/user/teenagecancertrust" class="group block" aria-label="YouTube"> <svg class="w-6 h-6 fill-current transition-transform duration-200 [ group-hover:scale-110 ][ group-focus:scale-110 ]" focusable="false" aria-hidden="true"> <use xlink:href="#sprite-icon-youtube"></use> </svg> <span class="sr-only"> YouTube </span> </a> </li> </ul> </div> </div> <a href="https://www.numiko.com" class="inline-flex mt-10 hover:underline focus:underline"> <svg focusable="false" aria-hidden="true" class="flex-shrink-0 mr-4 w-[30px] h-[55px] [ md:mr-8 ]"> <use xlink:href="#sprite-icon-numiko-logo"></use> </svg> <span class="mt-1 w-36 text-xs font-bold leading-[18px]">Website designed and maintained by Numiko</span> </a> </div> <div class="mt-12 [ md:w-1/2 ][ lg:w-1/4 ]"> <img class="lazyload mb-5 [ lg:mb-8 ] last:mb-0 [ print:invert ]" width="228" height="70" data-src="/themes/custom/numiko/dist/img/raster/registered-fundraising-regulator.png" alt="Registered with Fundraising Regulator"> <img class="lazyload mb-5 [ lg:mb-8 ] last:mb-0 [ print:invert ]" width="275" height="165" data-src="/themes/custom/numiko/dist/img/raster/pif-trusted-information-creator-light.png" alt="Patient Information Forum - Trusted Information Creator"> </div> </div> <p class="text-xs [ md:font-bold ]">© Teenage Cancer Trust 2024. Teenage Cancer Trust is a registered charity: 1062559 (England & Wales), SC039757 (Scotland)</p> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/6","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyFjlsOAiEMRTeE8OGCTGE6DGN52BaV3avRqNEYf_o4ue29AZqGBZwHQRMqo0tFkQuQXQ8dedi5cjal57SvLlL1QBsJnJrKJ9VBqUTTgCEytEXcxL1dP72I7aV1T0kWnAxjuLvvjlv3vhgZopjvoXS0GjnNwz0nc0J_i-Ue3cIK5y-IhBmL2gkVEokVOOJfkdYY6bdsJjz7-tsrowjE7_tbuQBEiY0b","theme":"numiko","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/homepage?ajax_form=1":true},"ajax":{"edit-captcha-response--2":{"callback":"recaptcha_v3_ajax_callback","event":"change","url":"\/homepage?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"captcha_response"}},"edit-actions-submit--2":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"fullscreen","message":""},"disable-refocus":true,"url":"\/homepage?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"SIGN UP"}}},"user":{"uid":0,"permissionsHash":"baee82a9f55e1d9fea4e06ffee1f419a1da5dfaf459d3c6591bc4d6ff657d314"}}</script> <script src="https://www.google.com/recaptcha/api.js?render=6Lckz90cAAAAAN8DQkfiSBXFHvsQ3M9vl_w3y6h8" defer async></script> <script src="/sites/default/files/js/js_rU6JvdZ1nGw0_mvkNHP1bBevW5r3VQJO6fKNsx0cGwo.js?scope=footer&delta=1&language=en&theme=numiko&include=eJyFjsEOwjAMQ3-otAc-CGXFlI60GUk24O8RiMOkaeJiy9az5D63epNUWAbig2Wtk1t4YLiItvTz-JFNCUZD93iGU2WLRgv-Qi6l8BajkZ672wYzKgiKTJPnK52WY1qHkEWRandoJ47jfYa-vqff3ENWOg"></script> </body> </html>

CINXE.COM

Teenage Cancer Trust | UK Cancer Charity