Breath of Life tribute page | Asthma + Lung UK

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head>  <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-KC6T3SJ');</script>   <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="c163a4d0-3629-489c-8b38-fe8bdcc000d0" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><meta name="description" content="A Breath of Life tribute page serves as a perfect way to remember and celebrate the life of a loved one in a special online space." /> <link rel="canonical" href="https://www.asthmaandlung.org.uk/support-us/support-memory/breath-life-tribute-page" /> <link rel="image_src" href="https://www.asthmaandlung.org.uk/sites/default/files/2023-02/inmemory_oldercouple_1.jpg, /themes/custom/asthma-lung-uk/images/aluk.png" /> <meta property="og:site_name" content="Asthma + Lung UK" /> <meta property="og:url" content="https://www.asthmaandlung.org.uk/support-us/support-memory/breath-life-tribute-page" /> <meta property="og:title" content="Breath of Life tribute page" /> <meta property="og:description" content="A Breath of Life tribute page serves as a perfect way to remember and celebrate the life of a loved one in a special online space." /> <meta property="og:image" content="https://www.asthmaandlung.org.uk/sites/default/files/2023-02/inmemory_oldercouple_1.jpg" /> <meta property="og:image" content="https://www.asthmaandlung.org.uk/themes/custom/asthma-lung-uk/images/aluk.png" /> <meta property="og:image:url" content="https://www.asthmaandlung.org.uk/themes/custom/asthma-lung-uk/images/aluk.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Breath of Life tribute page" /> <meta name="twitter:description" content="A Breath of Life tribute page serves as a perfect way to remember and celebrate the life of a loved one in a special online space." /> <meta name="twitter:image" content="https://www.asthmaandlung.org.uk/sites/default/files/2023-02/inmemory_oldercouple_1.jpg?version=ce6543817663f2dfd0c2fbddc2172190, /themes/custom/asthma-lung-uk/images/aluk.png" /> <meta name="facebook-domain-verification" content="w0h1rx8548bzj0l31rjpfji5o8lb16" /> <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" /> <meta name="format-detection" content="telephone=no" /> <link rel="icon" href="/themes/custom/asthma-lung-uk/favicon.ico" type="image/vnd.microsoft.icon" /> <style> .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_325x325/public/BLF12_640x426.jpg.webp?itok=nSvfDLXJ); } @media (min-width: 0px) and (max-width: 459px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_650x650/public/BLF12_640x426.jpg.webp?itok=EFqG3Rc3); } } @media (min-width: 460px) and (max-width: 639px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_650x650/public/BLF12_640x426.jpg.webp?itok=EFqG3Rc3); } } @media all and (min-width: 640px) and (max-width: 1023px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_1300x1300/public/BLF12_640x426.jpg.webp?itok=SdnZ2Fx6); } } @media all and (min-width: 1024px) and (max-width: 1199px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_1300x1300/public/BLF12_640x426.jpg.webp?itok=SdnZ2Fx6); } } @media all and (min-width: 1200px) and (max-width: 1439px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_2600x2600/public/BLF12_640x426.jpg.webp?itok=EN-vj9jM); } } @media all and (min-width: 1440px) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_2600x2600/public/BLF12_640x426.jpg.webp?itok=EN-vj9jM); } } @media (min-width: 460px) and (max-width: 639px)and (min-device-pixel-ratio: 1.5) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_650x650/public/BLF12_640x426.jpg.webp?itok=EFqG3Rc3); } } @media all and (min-width: 640px) and (max-width: 1023px)and (min-device-pixel-ratio: 1.5) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_1300x1300/public/BLF12_640x426.jpg.webp?itok=SdnZ2Fx6); } } @media all and (min-width: 1024px) and (max-width: 1199px)and (min-device-pixel-ratio: 1.5) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_1300x1300/public/BLF12_640x426.jpg.webp?itok=SdnZ2Fx6); } } @media all and (min-width: 1200px) and (max-width: 1439px)and (min-device-pixel-ratio: 1.5) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_2600x2600/public/BLF12_640x426.jpg.webp?itok=EN-vj9jM); } } @media all and (min-width: 1440px)and (min-device-pixel-ratio: 1.5) { .text_with_image_image_14541 { background-image: url(/sites/default/files/styles/max_2600x2600/public/BLF12_640x426.jpg.webp?itok=EN-vj9jM); } }</style> <style> .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_325x325/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=C6MtALDl); } @media (min-width: 0px) and (max-width: 459px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_650x650/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=jcJkCnNu); } } @media (min-width: 460px) and (max-width: 639px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_650x650/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=jcJkCnNu); } } @media all and (min-width: 640px) and (max-width: 1023px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_1300x1300/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=NOAidrk9); } } @media all and (min-width: 1024px) and (max-width: 1199px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_1300x1300/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=NOAidrk9); } } @media all and (min-width: 1200px) and (max-width: 1439px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_2600x2600/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=SPENBtPD); } } @media all and (min-width: 1440px) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_2600x2600/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=SPENBtPD); } } @media (min-width: 460px) and (max-width: 639px)and (min-device-pixel-ratio: 1.5) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_650x650/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=jcJkCnNu); } } @media all and (min-width: 640px) and (max-width: 1023px)and (min-device-pixel-ratio: 1.5) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_1300x1300/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=NOAidrk9); } } @media all and (min-width: 1024px) and (max-width: 1199px)and (min-device-pixel-ratio: 1.5) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_1300x1300/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=NOAidrk9); } } @media all and (min-width: 1200px) and (max-width: 1439px)and (min-device-pixel-ratio: 1.5) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_2600x2600/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=SPENBtPD); } } @media all and (min-width: 1440px)and (min-device-pixel-ratio: 1.5) { .signposting_image_14631 { background-image: url(/sites/default/files/styles/max_2600x2600/public/head_banner/F%26E013-Breath-of-life-home-640x426.jpg.webp?itok=SPENBtPD); } }</style> <title>Breath of Life tribute page | Asthma + Lung UK</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZDqLqqQcdolb8yYwXBF8heh9YoPwQ3hc3TK8ewQwqcs.css?delta=0&language=en&theme=asthma_lung_uk&include=eJx1kWFuwzAIhS9UxUdCOCExaowtwGpz-3pTpi6b-w_eZ54exg5zyiGi0a0xVHQnFQtrKb2YzI_9CjJJA-4zA-Zl7s1GJ6qouCnWZGHRVnGf3srUpLa4syVarh70dHiwJ-D8trq-MOdchLvhfxqbe5EBuNMBLGv5FP6HD5DynOAr2IAZb1JLTyTbgCbSkWFUwmXWlqNNpwi_tD8WuHy8xCmjecoIe5MN2j3MRelmfc8HLwS4k3pgYb-O99BghDr3E4wW-0awFj1_6wU-r90k" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_YBqoMeWcuvqgUOLnrAriagrVCdhtDtY5lzSbUhUbDvs.css?delta=1&language=en&theme=asthma_lung_uk&include=eJx1kWFuwzAIhS9UxUdCOCExaowtwGpz-3pTpi6b-w_eZ54exg5zyiGi0a0xVHQnFQtrKb2YzI_9CjJJA-4zA-Zl7s1GJ6qouCnWZGHRVnGf3srUpLa4syVarh70dHiwJ-D8trq-MOdchLvhfxqbe5EBuNMBLGv5FP6HD5DynOAr2IAZb1JLTyTbgCbSkWFUwmXWlqNNpwi_tD8WuHy8xCmjecoIe5MN2j3MRelmfc8HLwS4k3pgYb-O99BghDr3E4wW-0awFj1_6wU-r90k" /> </head> <body class="flex flex-col overflow-x-hidden node-type-page">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC6T3SJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div data-sitewide-alert></div> <div class="dialog-off-canvas-main-canvas flex flex-col flex-1 bg-royal_blue" data-off-canvas-main-canvas> <div class="t-site-container t-site-container--default flex flex-col"> <div class="t-site-header relative"> <div id="block-asthmalunguksiteheader"> <header class="o-header"> <div class="o-header__columns"> <div class="o-header__logo"> <a href="/" title="Homepage"> <img alt="" src="/themes/custom/asthma-lung-uk/images/aluk-logo.png" class="w-40" /> </a> </div> <div class="o-header__helpline h-[60px] z-50"> <div class="o-header__helpline-text xl:text-xl xl:mt-7"> Our helpline <a href="tel:03002225800"> <strong>0300 222 5800</strong> </a> </div> </div> <div class="o-header__nav h-[60px]"> <div class="o-header__menu"> <div class="m-menu m-menu--primary" x-data="menuPrimary()" x-bind="bindMenuPrimary"> <nav class="m-menu__mobile-controls"> <ul class="flex items-center"> <li> <button class="m-menu__menu-toggle a-button a-button--light a-button--secondary" :class="menuIsOpen && 'a-menu-item__link--active'" :aria-expanded="menuIsOpen" @click="menuIsOpen = !menuIsOpen;" > <span class="sr-only">Main menu</span> <template x-if="!menuIsOpen"> <svg class="svg fill-current text-current w-5 xl:w-8 h-5 xl:h-8 xl-hidden"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#menu"></use> </svg> </template> <template x-if="menuIsOpen"> <svg class="svg fill-current text-current w-5 xl:w-8 h-5 xl:h-8 xl-hidden"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#close"></use> </svg> </template> </button> </li> </ul> </nav> <div class="m-menu__menu-wrapper" x-ref="primaryMenu" x-show="menuIsOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-125 translate-y-1/4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-125 translate-y-1/4" > <div class="m-menu__logo absolute top-3 left-4 z-60 md:hidden w-24 "> <img src="/wingsuit/asthma-lung-uk/images/aluk-logo.png" alt="" loading="lazy"/> </div> <ul class="m-menu__menu container xl:px-0 w-full m-auto xl:m-0"> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="#about" title="About lung conditions" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> About lung conditions </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">About lung conditions</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/conditions" title="Find your condition" class="a-menu-item__link a-menu-item__link--link font-normal" href="/conditions" title="Find your condition" class="a-menu-item__link a-menu-item__link--link font-normal"> Find your condition <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/symptoms-tests-treatments" title="Symptoms, tests and treatments" class="a-menu-item__link a-menu-item__link--link font-normal" href="/symptoms-tests-treatments" title="Symptoms, tests and treatments" class="a-menu-item__link a-menu-item__link--link font-normal"> Symptoms, tests and treatments <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/how-your-lungs-work" title="How your lungs work" class="a-menu-item__link a-menu-item__link--link font-normal" href="/how-your-lungs-work" title="How your lungs work" class="a-menu-item__link a-menu-item__link--link font-normal"> How your lungs work <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <div> <picture> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 2x" media="all and (min-width: 1440px)" type="image/webp" width="2413" height="2413"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="2413" height="2413"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="1300" height="1300"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="1300" height="1300"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 1x, /sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="650" height="650"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="650" height="650"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 2x" media="all and (min-width: 1440px)" type="image/webp" width="2413" height="2413"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/119589.jpg.webp?itok=5OYN4Pd5 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="2413" height="2413"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="1300" height="1300"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/119589.jpg.webp?itok=L0Ty6QpJ 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="1300" height="1300"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 1x, /sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="650" height="650"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/119589.jpg.webp?itok=6qt9cjMX 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="650" height="650"/> <img loading="lazy" src="/sites/default/files/styles/max_325x325/public/2023-02/119589.jpg.webp?itok=fSPmdk0b" width="325" height="325" alt="Doctor and patient talking" /> </picture> </div> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/conditions" data-drupal-link-system-path="node/12">Find your condition</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/symptoms-tests-treatments" data-drupal-link-system-path="node/6479">Symptoms, tests and treatments</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/how-your-lungs-work" data-drupal-link-system-path="node/974">How your lungs work</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> <div> <picture> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1440px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x, /sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1440px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x, /sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="313" height="213"/> <img loading="lazy" src="/sites/default/files/styles/max_325x325/public/2023-02/family-walking-istock-1col.jpg.webp?itok=w1GJ9IOc" width="313" height="213" alt="Group of people walking with their arms around each other" /> </picture> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="#get-support" title="Help + guidance" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> Help + guidance </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">Help + guidance</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/helpline" title="Our helpline" class="a-menu-item__link a-menu-item__link--link font-normal" href="/helpline" title="Our helpline" class="a-menu-item__link a-menu-item__link--link font-normal"> Our helpline <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/living-with" title="Living with a lung condition" class="a-menu-item__link a-menu-item__link--link font-normal" href="/living-with" title="Living with a lung condition" class="a-menu-item__link a-menu-item__link--link font-normal"> Living with a lung condition <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/groups-support" title="Groups + support" class="a-menu-item__link a-menu-item__link--link font-normal" href="/groups-support" title="Groups + support" class="a-menu-item__link a-menu-item__link--link font-normal"> Groups + support <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="https://www.blog.asthmaandlung.org.uk/advice-support" title="Blog" class="a-menu-item__link a-menu-item__link--link font-normal" href="https://www.blog.asthmaandlung.org.uk/advice-support" title="Blog" class="a-menu-item__link a-menu-item__link--link font-normal"> Blog <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="https://shop.asthmaandlung.org.uk/collections/health-advice-resources" title="Leaflets + booklets" class="a-menu-item__link a-menu-item__link--link font-normal" href="https://shop.asthmaandlung.org.uk/collections/health-advice-resources" title="Leaflets + booklets" class="a-menu-item__link a-menu-item__link--link font-normal"> Leaflets + booklets <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <div> <picture> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 2x" media="all and (min-width: 1440px)" type="image/webp" width="2600" height="1733"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="2600" height="1733"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="1300" height="867"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="1300" height="867"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 1x, /sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="650" height="433"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="650" height="433"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 2x" media="all and (min-width: 1440px)" type="image/webp" width="2600" height="1733"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=EaMR6a0R 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="2600" height="1733"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="1300" height="867"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=rAVflG7T 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="1300" height="867"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 1x, /sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="650" height="433"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=xpS3zJ07 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="650" height="433"/> <img loading="lazy" src="/sites/default/files/styles/max_325x325/public/2023-02/A%2BLUK%20Generic73.jpg.webp?itok=WL4AWDtu" width="325" height="217" alt="Woman breathing deeply in a forest" /> </picture> </div> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/helpline" data-drupal-link-system-path="node/1591">Our helpline</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/living-with" data-drupal-link-system-path="node/6481">Living with a lung condition</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/groups-support" data-drupal-link-system-path="node/6482">Groups + support</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="https://www.blog.asthmaandlung.org.uk/advice-support">Blog</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="https://shop.asthmaandlung.org.uk/collections/health-advice-resources" title="Leaflets and booklets about lung conditions">Leaflets + booklets</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> <div> <picture> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1440px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x, /sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1440px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 1x, /sites/default/files/styles/max_2600x2600/public/2023-02/family-walking-istock-1col.jpg.webp?itok=ErxnyqEM 2x" media="all and (min-width: 1200px) and (max-width: 1439px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 1024px) and (max-width: 1199px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 1x, /sites/default/files/styles/max_1300x1300/public/2023-02/family-walking-istock-1col.jpg.webp?itok=fjfSCSV3 2x" media="all and (min-width: 640px) and (max-width: 1023px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x, /sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 2x" media="(min-width: 460px) and (max-width: 639px)" type="image/webp" width="313" height="213"/> <source srcset="/sites/default/files/styles/max_650x650/public/2023-02/family-walking-istock-1col.jpg.webp?itok=4xfMD5nb 1x" media="(min-width: 0px) and (max-width: 459px)" type="image/webp" width="313" height="213"/> <img loading="lazy" src="/sites/default/files/styles/max_325x325/public/2023-02/family-walking-istock-1col.jpg.webp?itok=w1GJ9IOc" width="313" height="213" alt="Group of people walking with their arms around each other" /> </picture> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="/healthcare-professionals" title="Healthcare professionals" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> Healthcare professionals </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">Healthcare professionals</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/healthcare-professionals/training-development" title="Training and development" class="a-menu-item__link a-menu-item__link--link font-normal" href="/healthcare-professionals/training-development" title="Training and development" class="a-menu-item__link a-menu-item__link--link font-normal"> Training and development <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/healthcare-professionals/resp-champions" title="Respiratory champions" class="a-menu-item__link a-menu-item__link--link font-normal" href="/healthcare-professionals/resp-champions" title="Respiratory champions" class="a-menu-item__link a-menu-item__link--link font-normal"> Respiratory champions <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/healthcare-professionals/training-development" data-drupal-link-system-path="node/7245">Training and development</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/healthcare-professionals/resp-champions" data-drupal-link-system-path="node/7267">Respiratory champions</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="/research-lung-health" title="Research" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> Research </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">Research</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/research-health-professionals/information-researchers" title="Information for researchers" class="a-menu-item__link a-menu-item__link--link font-normal" href="/research-health-professionals/information-researchers" title="Information for researchers" class="a-menu-item__link a-menu-item__link--link font-normal"> Information for researchers <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/research-lung-health/apply-funding-2024-2025" title="Apply for funding 2024 - 2025" target="_self" class="a-menu-item__link a-menu-item__link--link font-normal" href="/research-lung-health/apply-funding-2024-2025" title="Apply for funding 2024 - 2025" target="_self" class="a-menu-item__link a-menu-item__link--link font-normal"> Apply for funding 2024 - 2025 <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/research-health-professionals/research-influencing" title="Research influencing" class="a-menu-item__link a-menu-item__link--link font-normal" href="/research-health-professionals/research-influencing" title="Research influencing" class="a-menu-item__link a-menu-item__link--link font-normal"> Research influencing <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/respiratory-insights" title="Respiratory insights" class="a-menu-item__link a-menu-item__link--link font-normal" href="/respiratory-insights" title="Respiratory insights" class="a-menu-item__link a-menu-item__link--link font-normal"> Respiratory insights <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/research-health-professionals/information-researchers" data-drupal-link-system-path="node/6636">Information for researchers</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/research-lung-health/apply-funding-2024-2025" target="_self" data-drupal-link-system-path="node/7367">Apply for funding 2024 - 2025</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/research-health-professionals/research-influencing" data-drupal-link-system-path="node/6677">Research influencing</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/respiratory-insights" data-drupal-link-system-path="node/6648">Respiratory insights</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="/support-us" title="Support us" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> Support us </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">Support us</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/support-us/leave-gift-your-will" title="Gifts in wills" class="a-menu-item__link a-menu-item__link--link font-normal" href="/support-us/leave-gift-your-will" title="Gifts in wills" class="a-menu-item__link a-menu-item__link--link font-normal"> Gifts in wills <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/support-us/support-memory" title="Support in memory" class="a-menu-item__link a-menu-item__link--link font-normal" href="/support-us/support-memory" title="Support in memory" class="a-menu-item__link a-menu-item__link--link font-normal"> Support in memory <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/support-us/events" title="Join an event" class="a-menu-item__link a-menu-item__link--link font-normal" href="/support-us/events" title="Join an event" class="a-menu-item__link a-menu-item__link--link font-normal"> Join an event <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/support-us/ways-donate" title="Ways to donate" class="a-menu-item__link a-menu-item__link--link font-normal" href="/support-us/ways-donate" title="Ways to donate" class="a-menu-item__link a-menu-item__link--link font-normal"> Ways to donate <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/support-us/leave-gift-your-will" data-drupal-link-system-path="node/6704">Gifts in wills</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/support-us/support-memory" data-drupal-link-system-path="node/6707">Support in memory</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/support-us/events" data-drupal-link-system-path="support-us/events">Join an event</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/support-us/ways-donate" data-drupal-link-system-path="node/6953">Ways to donate</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> <li class="a-menu-item a-menu-item--primary group a-menu-item--has-subnav" x-data="menuItem(1)" x-bind="bindMenuItemPrimary"> <a :class="subMenuIsOpen && 'a-menu-item__link--active'" href="/about-us" title="About us" class="a-menu-item__link a-menu-item__link--primary" x-bind="bindMenuItemPrimaryLink" x-ref="link"> <span class="a-menu-item__label"> About us </span> </a> <button class="a-menu-item__dropdown-button a-menu-item__link a-menu-item__link--primary right-0 bottom-2 xl:relative xl:bottom-0" :class="subMenuIsOpen && 'a-menu-item__link--active'" x-ref="subMenuButton" x-bind="bindToggleSubMenu" > <span class="a-menu-item__label"> <svg class="transition-all pointer-events-none origin-center svg fill-current text-current w-3.5 h-3.5 sm:w-5 sm:h-5 xl:w-3.5 xl:h-3.5" :class=" { 'xl:-rotate-90': subMenuIsOpen, 'xl:rotate-90': !subMenuIsOpen, }"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> <div class="m-menu__submenu" x-show="subMenuIsOpen" x-ref="submenu" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200 pointer-events-none" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-110 translate-x-full xl:translate-x-0 xl:-translate-y-4" > <div class="m-menu__submenu-container w-full-extended"> <div class="relative container mx-auto"> <div class="xl:ml-52 flex flex-col"> <button class="m-menu__back self-end a-menu-item__link a-menu-item__link--link" x-bind="bindToggleSubMenu"> <span class="rotate-180 mr-4"> <svg class="svg fill-current text-current w-2.5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> Back </button> <h2 class="py-4">About us</h2> </div> </div> <div class="relative container mx-auto"> <div class="flex flex-row flex-wrap xl:ml-52"> <div class="w-full xl:w-1/2"> <ul class=""> <li class="a-menu-item a-menu-item--link"> <a href="/about-us/our-latest-work" title="Our latest work" class="a-menu-item__link a-menu-item__link--link font-normal" href="/about-us/our-latest-work" title="Our latest work" class="a-menu-item__link a-menu-item__link--link font-normal"> Our latest work <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/about-us/our-leadership-team" title="Our leadership team" class="a-menu-item__link a-menu-item__link--link font-normal" href="/about-us/our-leadership-team" title="Our leadership team" class="a-menu-item__link a-menu-item__link--link font-normal"> Our leadership team <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/work-us" title="Work with us" class="a-menu-item__link a-menu-item__link--link font-normal" href="/work-us" title="Work with us" class="a-menu-item__link a-menu-item__link--link font-normal"> Work with us <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> <li class="a-menu-item a-menu-item--link"> <a href="/about-us/contact-us" title="Contact us" class="a-menu-item__link a-menu-item__link--link font-normal" href="/about-us/contact-us" title="Contact us" class="a-menu-item__link a-menu-item__link--link font-normal"> Contact us <svg class="svg fill-current text-current w-5 h-5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#arrow"></use> </svg> </a> </li> </ul> </div> <div class="w-full xl:w-1/2"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/about-us/our-latest-work" data-drupal-link-system-path="node/6248">Our latest work</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/about-us/our-leadership-team" data-drupal-link-system-path="node/6473">Our leadership team</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/work-us" data-drupal-link-system-path="node/6491">Work with us</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="menu-item"> <a href="/about-us/contact-us" data-drupal-link-system-path="node/6589">Contact us</a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </div> </div> </div> <div class="shape"></div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="o-header__actions h-[60px] z-60"> <button class="o-header__search-trigger shrink-0 w-11 h-11 xl:w-[60px] xl:h-[60px] border-2 border-white rounded-lg flex justify-center items-center mr-2"> <svg class="svg fill-current text-current w-5 xl:w-8 h-5 xl:h-8"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#search"></use> </svg> <span class="hidden">Search</span> </button> <a data-utm="passthrough" href="https://action.asthmaandlung.org.uk/page/99141/donate/1?ea.tracking.id=General_WebsiteALUK_Header_None" class="a-button a-button--light a-button--primary" title="Donate"> Donate </a> </div> </div> </header> </div> <div id="block-asthmalunguksitesearch" class="hidden"> <div class="absolute top-0 left-0 right-0 z-60 bg-royal_blue m-most-searched w-full"> <div class="container flex flex-col items-end"> <div class="m-most-searched__header flex items-start md:items-center w-full pt-2.5 xl:pt-3.5"> <div class="m-most-searched__logo w-auto md:w-2/12 pr-8"> <a href="/" title="Homepage"> <img alt="" src="/themes/custom/asthma-lung-uk/images/aluk-logo.png" class="w-40" /> </a> </div> <div class="m-most-searched__form flex flex-col md:flex-row items-end md:items-center w-full md:w-10/12"> <div class="w-full mt-2 mb-4 md:my-0"> <form class="m-search-form relative" action="/search" method="get" accept-charset="UTF-8" id="views-exposed-form-search-page-search" data-once="exposed-form"> <label class="visually-hidden" for="edit-search-api-fulltext--2">Search</label> <input class="w-full p-4 border-2 border-warm_grey rounded-2 focus:border-black_body hover:border-black_body transition-all" type="text" id="edit-search-api-fulltext--2" placeholder="Search" value="" name="search_api_fulltext" data-drupal-selector="edit-search-api-fulltext" data-search-api-autocomplete-search="search" data-autocomplete-path="/search_api_autocomplete/search?display=page_search&&filter=search_api_fulltext" data-once="autocomplete search-api-autocomplete" autocomplete="off" autofocus /> <button data-drupal-selector="edit-actions" id="edit-actions--2" class="absolute top-4 right-4" aria-label="submit" value="Submit"> <svg class="h-6 w-6 fill-black_heading svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#search-aluk"></use> </svg> </button> </form> </div> <a href="#" class="block ml-4 font-sans-bold mb-4 md:mb-0 text-white">Cancel</a> </div> </div> <div class="m-most-searched__links grid grid-cols-1 md:grid-cols-2 gap-4 w-full md:w-10/12 pb-4"> <div> <h3 class="text-3xl font-sans-bold text-white">Common conditions</h3> <ul class="pt-4"> <li class="text-white py-2"> <a href="/conditions/asthma" class="flex items-center text-3xl"> Asthma <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/conditions/bronchiectasis" class="flex items-center text-3xl"> Bronchiectasis <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/conditions/copd-chronic-obstructive-pulmonary-disease" class="flex items-center text-3xl"> COPD (chronic obstructive pulmonary disease) <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/conditions/coronavirus" class="flex items-center text-3xl"> COVID-19 (coronavirus) <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> </ul> </div> <div> <h3 class="text-3xl font-sans-bold text-white">Featured pages</h3> <ul class="pt-4"> <li class="text-white py-2"> <a href="/conditions/flu" class="flex items-center text-3xl"> Flu (influenza) <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/living-with/inhaler-videos" class="flex items-center text-3xl"> How to use your inhaler <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/living-with/air-pollution" class="flex items-center text-3xl"> Air pollution <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> <li class="text-white py-2"> <a href="/living-with/benefits" class="flex items-center text-3xl"> Financial support and benefits when you have a lung condition <svg class="h-4 w-4 ml-4 transition-all svg fill-current text-current"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <main class="main-content relative flex-1 bg-warm_grey"> <div id="block-asthma-lung-uk-content"> <div class="paragraph--id--14494 paragraph paragraph--type--hero-regular paragraph--view-mode--default o-hero o-hero--regular left flex pt-32 lg:pt-48 pb-12 lg:pb-16 o-hero--royal_blue justify-end"> <div class="o-hero__container"> <div class="o-hero__inner"> <div class="o-hero__content"> <div class="o-hero__breadcrumbs"> <nav aria-label="Breadcrumb" class="a-breadcrumbs a-breadcrumbs-- flex"> <div class="flex items-center w-full"> <ol class="a-breadcrumbs__list items-center flex"> <li class="a-breadcrumbs__list-item flex lg:text-base"> <a href="/" class="hocus:underline"> <svg class="svg fill-current text-current w-6 h-6"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#home"></use> </svg> </a> </li> <span class="a-breadcrumbs__separator mx-6 flex"> <svg class="svg fill-current text-current w-4 h-4"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> <li class="a-breadcrumbs__list-item flex lg:text-base"> <a href="/support-us" class="hocus:underline">Support us</a> </li> <span class="a-breadcrumbs__separator mx-4 flex"> <svg class="svg fill-current text-current w-4 h-4"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> <li class="a-breadcrumbs__list-item flex lg:text-base"> <a href="/support-us/support-memory" class="hocus:underline">Support in memory</a> </li> </ol> </div> </nav> </div> <div class="o-hero__title mt-5 mb-4"> <h1 class="">Breath of Life tribute page</h1> </div> <div class="o-hero__description"> <div class=""> <div class="prose prose-lg"> <p><span>Create an online tribute page to remember and celebrate the life of a loved one in a special online space. Family and friends can share their memories and raise money to help transform lung health together.</span></p> </div> </div> </div> </div> </div> </div> </div> <div data-drupal-messages-fallback class="hidden"></div> <article class="t-toc-page bg-warm_grey"> <div class="t-toc-page__content container lg:pt-6 "> <div> <div> <div class="container mx-auto pb-12 lg:pb-16 pt-12 lg:pt-16"> <div class="paragraph--id--14629 paragraph paragraph--type--text paragraph--view-mode--default lg:w-8/12 lg:max-w-prose prose"> <p>Once you have created a Breath of Life tribute page you can choose your background and add photos, music and stories to reflect your loved one鈥檚 personality and life.</p> <p>It is also easy to share your page via email and social media or include it on the order of service at the funeral. This way everyone can be part of raising money in memory of your loved one.</p> <p>Return as often as you like to remember them and celebrate milestone's with their friends and family.</p> </div> </div> </div> <div> <section class="paragraph--id--14631 paragraph paragraph--type--signposting paragraph--view-mode--default m-signposting m-signposting--royal_blue" data-layout="left" data-media-type="image"> <div class="overflow-hidden"> <div class="container relative md:grid md:grid-cols-2 md:gap-12"> <div class="m-signposting__copy flex flex-col justify-center pt-8 pb-2 md:py-32"> <h2 class="pb-4 md:pb-8 text-4xl md:text-6xl"> Create your lasting tribute </h2> <div class="pb-4 md:pb-8 text-base md:text-lg"> <div class=""> <div class="prose"> <p>Remember your loved one by setting up a personalised tribute page that friends and family can donate to and remember them together.</p> </div> </div> </div> <div class="m-signposting__actions"> <a href="/support-us/support-memory/breath-life-tribute-page/create-tribute-page" class="a-button a-button--light a-button--primary" title="Create a tribute page"> Create a tribute page </a> </div> </div> <div class="m-signposting__media flex flex-col justify-center"> <div class="bg-cover bg-center min-h-[245px] md:h-full md:w-[50vw] signposting_image_14631"></div> </div> </div> </div> </section> </div> <div> <div class="paragraph--id--14611 paragraph paragraph--type--embed paragraph--view-mode--default a-embed pb-12 lg:pb-16 pt-12 lg:pt-16"> <div class="container"> <div class=""> <style type="text/css"> .ml-tributesearch { margin-bottom: 24px; } .ml-tributesearch-searchbox{ max-width: 280px; width: 100%; vertical-align: middle; margin: 10px; padding: 1rem; border: 2px solid #e6dcd2; border-radius: 6px; } .ml-tributesearch-btn-search{ display:inline-block; margin: 0 15px 0 10px; vertical-align: middle; background-image: none; background-color: #ff6900; border: 0; border-radius: 0.2em; line-height: 1.5; vertical-align: middle; height: auto; color: #000; padding: 10px 12px; font-size: 16px; line-height: 1.42857143; position: relative; font-family: 'Soehne','Arial',sans-serif; } .ml-tributesearch-resultscontainer{ margin-bottom:12px; } .ml-tributesearch-summary{ margin:20px 0 20px 0; } .ml-tributesearch-thumbnail{ width:50px; position:absolute; left: 0; top: 0; } .ml-tributesearch-thumbnail img{ width:50px; } .ml-tributesearch-result{ position :relative; padding-left: 65px; margin-bottom:40px; min-height:50px; } .ml-tributesearch-result a{ display:inline-block; } .ml-tributesearch-result h3{ positon: relative; margin: 0; padding: 10px 0; } .ml-tributesearch-result h3 a{ text-decoration: none; color: #222; } .ml-tributesearch-pager{ position: relative; width:500px; min-height:30px; margin:auto; text-align:center; } .ml-tributesearch-pager-summary{ display:inline-block; padding: 0.4em 1em 0.4em 1em; } .ml-tributesearch-btn-next{ position: absolute; top:0; right:0; background-image: none; background-color: #ff6900; border: 2px solid #782b90; height: auto; color: #fff; padding: 10px 12px; font-size: 16px; font-family: Fira Sans,Helvetica,sans-serif; line-height: 1.42857143; border-radius: 5px; } .ml-tributecreate-btn-next{ position: absolute; top:0; right:0; background-image: none; background-color: #ff6900; border: 2px solid #ff6900; height: auto; color: #0000; padding: 10px 12px; font-size: 16px; font-family: Fira Sans,Helvetica,sans-serif; line-height: 1.42857143; border-radius: 5px; } .ml-tributesearch-btn-previous{ position: absolute; top:0; left:0; } .ml-tributesearch-btn-next, .ml-tributesearch-btn-previous { min-width: 85px; margin:0; } @media screen and (max-width: 478px) and (min-width: 0px){ .ml-tributesearch-searchbox{ margin: 10px 0 10px 0; } .ml-tributesearch-pager{ width:100%; margin:0; } } </style><div class="paragraph paragraph--type--text paragraph--view-mode--default lg:w-8/12 lg:max-w-prose prose flex flex-col"> <div class="ml-tributesearch"> <h2>Find an existing Breath of Life tribute page</h2> <p>To find an existing tribute page, search for the name of the person being remembered.</p> <p> <input class="ml-tributesearch-searchbox" placeholder="Search for a tribute fund" type="text"> <input class="a-button a-button--dark a-button--primary" type="button" value="Search"></p> <div class="ml-tributesearch-resultscontainer"> </div> </div> </div> <script> !function (d, s, id,widgetId,options) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? "http" : "https"; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.setAttribute("data-widgetid",widgetId); js["ml-widget-options"]=options || {}; js.src = p + "://www.muchloved.com/client/widgets/tributesearch.widget.min.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "muchloved-tributesearch-widget-js","21273866"); </script> </div> </div> </div> </div> <div> <div class="container mx-auto pb-12 lg:pb-16 pt-12 lg:pt-16"> <div class="paragraph--id--14518 paragraph paragraph--type--text paragraph--view-mode--default lg:w-8/12 lg:max-w-prose prose"> <h2>Raising money through your Breath of Life tribute page</h2> <p>There are many ways to use your Breath of Life tribute page to raise money in memory of your loved one. You, your family and friends can:</p> <ul> <li>add donations to the page</li> <li>collect donations in lieu of flowers</li> <li>set up a regular donation</li> <li>organise fundraising events</li> <li>take on a challenge together</li> </ul> <p>All the money you raise will be displayed on your page so that everyone who has contributed can be proud of what you鈥檝e achieved together.</p> </div> </div> </div> <div> <article class="paragraph--id--14572 paragraph paragraph--type--key-info paragraph--view-mode--default bg-warm_grey o-key-info pb-12 lg:pb-16 pt-12 lg:pt-16"> <div class="o-key-info__wrapper"> <div class="container"> <div class="o-key-info__header"> <h3 class="pb-8 text-4xl md:text-6xl text-black_heading"> How it works </h3> <div class="pb-8 text-lg leading-relaxed text-black_heading"></div> </div> <div class="o-key-info__items grid auto-rows-max gap-4 md:gap-8" data-layout="3" data-theme="warm_grey"> <article class="paragraph--id--14569 paragraph paragraph--type--key-info-item paragraph--view-mode--default h-auto sm:h-full m-key-info-item"> <div class="h-auto sm:h-full"> <div class="flex flex-col h-full"> <h3 class="m-key-info-item__title bg-grey-300 border-grey-300 p-4 md:px-6 md:py-4 border-x-3 border-t-3 border-b-0 rounded-t-2xl text-md md:text-xl text-black_heading"> Enter your details </h3> <div class="m-key-info-item__text h-full flex-1 border-grey-300 p-4 md:p-6 border-x-3 border-t-0 border-b-3 rounded-b-2xl bg-off_white text-base md:text-lg prose !leading-relaxed text-black_body"> <p>Enter a few simple details and who the tribute is for. It only takes a few minutes.</p> </div> </div> </div> </article> <article class="paragraph--id--14570 paragraph paragraph--type--key-info-item paragraph--view-mode--default h-auto sm:h-full m-key-info-item"> <div class="h-auto sm:h-full"> <div class="flex flex-col h-full"> <h3 class="m-key-info-item__title bg-grey-300 border-grey-300 p-4 md:px-6 md:py-4 border-x-3 border-t-3 border-b-0 rounded-t-2xl text-md md:text-xl text-black_heading"> Personalise your page </h3> <div class="m-key-info-item__text h-full flex-1 border-grey-300 p-4 md:p-6 border-x-3 border-t-0 border-b-3 rounded-b-2xl bg-off_white text-base md:text-lg prose !leading-relaxed text-black_body"> <p>Make the page personal to you by uploading a photo and story about your loved one to the page.</p> </div> </div> </div> </article> <article class="paragraph--id--14571 paragraph paragraph--type--key-info-item paragraph--view-mode--default h-auto sm:h-full m-key-info-item"> <div class="h-auto sm:h-full"> <div class="flex flex-col h-full"> <h3 class="m-key-info-item__title bg-grey-300 border-grey-300 p-4 md:px-6 md:py-4 border-x-3 border-t-3 border-b-0 rounded-t-2xl text-md md:text-xl text-black_heading"> Share with others </h3> <div class="m-key-info-item__text h-full flex-1 border-grey-300 p-4 md:p-6 border-x-3 border-t-0 border-b-3 rounded-b-2xl bg-off_white text-base md:text-lg prose !leading-relaxed text-black_body"> <p>Invite your family and friends to make a donation and share memories with each other.</p> </div> </div> </div> </article> </div> </div> </div> </article> </div> <div> <section class="paragraph--id--14699 paragraph paragraph--type--testimonial paragraph--view-mode--default bg-light_grey o-testimonial pb-6 lg:pb-10 pt-6 lg:pt-10 text-black_heading w-full"> <div class="container"> <div class="c-size"> <div class="flex flex-col md:flex-row md:justify-around py-8"> <div class="md:block w-auto lg:w-3/12 flex order-first md:order-last mb-4 md:mb-0 pl-20 md:pl-0"> <div class="o-testimonial__image flex md:block md:mb-4 mr-2 w-auto"> <img src="/sites/default/files/Neeshma%201.jpg" alt="" loading="lazy"/> </div> <div class="w-10/12 sm:w-10/12 md:w-auto"> <div class="mb-1 md:mb-2 text-md md:text-2xl font-bold"> Neeshma </div> <div class="text-black_body font-light text-base md:text-lg"></div> </div> </div> <div class="o-testimonial__body order-last md:order-first self-center w-full lg:w-9/12 md:pl-36 md:pt-12 md:pr-8"> <blockquote class="relative md:flex md:items-center text-3xl md:text-4xl font-light pb-16 md:pb-24 md:pb-0 md:min-h-64"> <img src="/themes/custom/asthma-lung-uk/images/quote--large.png" alt="" loading="lazy"/> <div class="o-testimonial__body-copy"> <p>We as a family are passionate about the Breath of Life page we started for our grandad. It still receives donations on birthdays or special occasions and is a way for us to remember our dada.</p> </div> <img src="/themes/custom/asthma-lung-uk/images/quote--large.png" alt="" loading="lazy"/> </blockquote> <div class=" text-lg pt-8 font-bold"> <a href="/blog/we-set-breath-life-page-honour-our-grandad" class="a-button a-button--dark a-button--link-chevron-aluk" title="Read Neeshma's story"> Read Neeshma's story <svg class="svg fill-current text-blue w-5 h-4"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron-aluk"></use> </svg> </a> </div> </div> </div> </div> </div> </section> </div> <div> <section class="paragraph--id--14541 paragraph paragraph--type--text-with-image paragraph--view-mode--default m-text-with-image text-black w-full"> <div class="grid md:grid-cols-2"> <div class="m-text-with-image__copy py-12 w-full md:h-[50vw] lg:h-[35vw] xl:h-[30vw]"> <div class="content-wrapper relative md:h-full"> <div class="pb-4 self-center md:absolute md:top-1/2 md:-translate-y-1/2 w-screen"> <div class="container"> <div class="md:max-w-xs lg:max-w-sm xl:max-w-md"> <h2 class="lg:text-6xl text-4xl mb-2 relative"> Our thank you </h2> <div class="prose"> <p>As a way of saying thank you for your continued support and to help their memory live on, we offer to dedicate a tree in memory of your loved one if your Breath of Life tribute page raises 拢2,000.</p> </div> <div class="pt-4 flex-none self-center lg:text-right sm:flex"> </div> </div> </div> </div> </div> </div> <div class="m-text-with-image__image "> <div class="bg-cover h-[60vw] md:h-full md:bg-center text_with_image_image_14541"></div> </div> </div> </section> </div> </div> </div> </article> </div> </main> <div id="block-asthmalunguksitefooter"> <footer class="o-footer bg-royal_blue body-font text-white"> <div class="sm:py-8 py-4"> <div class="relative container"> <div class="list-reset w-full grid lg:grid-cols-4 sm:grid-cols-2"> <div class="flex lg:block mb-10 lg:m-0"> <div class="w-32 flex-shrink-0 mt-3 sm:mx-0 text-white mr-3 lg:mr-5 lg:m-0"> <a href="/" title="Homepage"> <img alt="" src="/sites/default/files/2023-01/footer-logo%20%281%29.png" /> </a> </div> <div class="a-follow mt-12 ml-8 sm:ml-16 lg:ml-0"> <div class="mb-3 lg:mb-5 text-xl lg:text-3xl text-off_white font-sans-bold font-bold">Follow us</div> <div class="inline-flex align-text-bottom bg-royal_blue pr-3 lg:pr-4 last:pr-0 rounded-full"> <a href="https://www.instagram.com/asthmaandlunguk" target="_blank"> <svg class="svg fill-current text-off_white w-6 h-6"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#instagram"></use> </svg> </a> </div> <div class="inline-flex align-text-bottom bg-royal_blue pr-3 lg:pr-4 last:pr-0 rounded-full"> <a href="https://youtube.com/channel/UCTnLqNZvKl59GyrREHLKzyA" target="_blank"> <svg class="svg fill-current text-off_white w-6 h-6"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#youtube"></use> </svg> </a> </div> <div class="inline-flex align-text-bottom bg-royal_blue pr-3 lg:pr-4 last:pr-0 rounded-full"> <a href="https://www.facebook.com/asthmalunguk" target="_blank"> <svg class="svg fill-current text-off_white w-6 h-6"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#facebook"></use> </svg> </a> </div> <div class="inline-flex align-text-bottom bg-royal_blue pr-3 lg:pr-4 last:pr-0 rounded-full"> <a href="https://twitter.com/asthmalunguk" target="_blank"> <svg class="svg fill-current text-off_white w-6 h-6"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#twitter"></use> </svg> </a> </div> </div> </div> <nav role="navigation" class="bg-royal_blue sm:mr-5" aria-label="Who we are footer menu" x-data="{footerIsOpen: true}" x-init="footerIsOpen = !Breakpoint.isMobile" @resize.window.debounce="footerIsOpen = !Breakpoint.isMobile"> <div class="menu__heading text-off_white mb-5 text-xl lg:text-3xl font-sans-bold font-bold cursor-pointer sm:cursor-default relative pb-2" @click="footerIsOpen = !(footerIsOpen && Breakpoint.isMobile)"> Who we are <span class="sm:hidden absolute right-0 -bottom-1.5"> <button class="a-menu-item__link a-menu-item__link--primary !flex-grow-0" :class="footerIsOpen && 'a-menu-item__link--active'" > <span class="transition-all pointer-events-none origin-center" :class="{'-rotate-90': footerIsOpen, 'rotate-90': !footerIsOpen}" > <svg class="svg fill-current text-current w-3.5 h-3.5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> </span> </div> <ul class="list-reset mb-8 w-full" x-show="footerIsOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95 -translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95 -translate-y-4"> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/about-us/who-we-are" target=""> Who we are </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/about-us/our-impact" target=""> Our impact </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/about-us/our-leadership-team" target=""> Our leadership team </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/work-us" target=""> Jobs </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/about-us/contact-us" target=""> Contact us </a> </li> </ul> </nav> <nav role="navigation" class="bg-royal_blue sm:mr-5" aria-label="Get support footer menu" x-data="{footerIsOpen: true}" x-init="footerIsOpen = !Breakpoint.isMobile" @resize.window.debounce="footerIsOpen = !Breakpoint.isMobile"> <div class="menu__heading text-off_white mb-5 text-xl lg:text-3xl font-sans-bold font-bold cursor-pointer sm:cursor-default relative pb-2" @click="footerIsOpen = !(footerIsOpen && Breakpoint.isMobile)"> Get support <span class="sm:hidden absolute right-0 -bottom-1.5"> <button class="a-menu-item__link a-menu-item__link--primary !flex-grow-0" :class="footerIsOpen && 'a-menu-item__link--active'" > <span class="transition-all pointer-events-none origin-center" :class="{'-rotate-90': footerIsOpen, 'rotate-90': !footerIsOpen}" > <svg class="svg fill-current text-current w-3.5 h-3.5"> <use xlink:href="/wingsuit/asthma-lung-uk/images/spritemap.svg#chevron"></use> </svg> </span> </button> </span> </div> <ul class="list-reset mb-8 w-full" x-show="footerIsOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95 -translate-y-4" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95 -translate-y-4"> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/helpline" target=""> Our helpline </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/groups-support" target=""> Support groups </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/conditions" target=""> About your lung condition </a> </li> <li class="mt-2 mr-2 grid md:mr-0" > <a class="mb-2 text-off_white text-base lg:text-lg hocus:underline " href="/living-with" target=""> Living with a lung condition </a> </li> </ul> </nav> <div class="prose text-white text-sm sm:mr-5"> <p>Asthma and Lung UK is a company limited by guarantee 01863614 (England and Wales). VAT number 648 8121 18.</p> <p>Registered charity in England and Wales (326730), Scotland (SC038415) and the Isle of Man (1177). Registered office: The White Chapel Building, 10 Whitechapel High Street, London, E1 8QS</p> <div class="w-40 flex-shrink-0 mt-3 sm:mx-0 text-white"> <a href="https://www.fundraisingregulator.org.uk"> <img alt="" src="/sites/default/files/2023-01/reg-logo%20%281%29.png" /> </a> <a href=""> <img alt="" src="" /> </a> <a href=""> <img alt="" src="" /> </a> </div> </div> </div> </div> </div> <div class="py-4 bg-purple-600"> <div class="container lg:flex"> <div class="sm:text-left flex flex-col sm:flex-row"> <nav id="footer-legal" role="navigation" aria-label="Legal footer"> <ul class="list-reset mb-2 lg:mb-0"> <li class="inline-flex mr-4"> <a class="text-off_white hocus:underline not-italic text-base lg:text-lg lg:leading-normal " href="/privacy-policy" target=""> Privacy </a> </li> <li class="inline-flex mr-4"> <a class="text-off_white hocus:underline not-italic text-base lg:text-lg lg:leading-normal " href="/terms/cookie-policy" target=""> Cookies </a> </li> <li class="inline-flex mr-4"> <a class="text-off_white hocus:underline not-italic text-base lg:text-lg lg:leading-normal " href="/fundraising-promise" target=""> Fundraising promise </a> </li> <li class="inline-flex mr-4"> <a class="text-off_white hocus:underline not-italic text-base lg:text-lg lg:leading-normal " href="/policies" target=""> Policies </a> </li> </ul> </nav> </div> <p class="text-copyright text-base text-off_white lg:text-lg lg:ml-auto"> Copyright 2024 Asthma + Lung UK </p> </div> </div> </footer> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/6708","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"sitewideAlert":{"refreshInterval":60000,"automaticRefresh":false},"user":{"uid":0,"permissionsHash":"8276177dda9dcdb677f0956e7bfdcc5e8bad68887f6c8597882270dfb5ed285d"}}</script> <script src="/sites/default/files/js/js_-Na7QxSO7bPZ9H_bw37ljzCZLHz7KiS1Jw3Sp6eBhtw.js?scope=footer&delta=0&language=en&theme=asthma_lung_uk&include=eJxVyUkOg0AMBMAPkcyTLCdYTItZkN2G7yc3xK2k0pa7JNFAWJRkfx0aweozt7roX12l5dgk98L5XRJyKGk-olTT1fz9saonpj-u28h7ArQLq4k2cxYM8AfkmjDW"></script> <script src="/wingsuit/asthma-lung-uk/wingsuit/../behaviors/header.js?sncmyi" defer></script> <script src="/sites/default/files/js/js_fudUD09SegMJ-lSBVKkE-vWLgZX4j08NpMnNXh5Am_4.js?scope=footer&delta=2&language=en&theme=asthma_lung_uk&include=eJxVyUkOg0AMBMAPkcyTLCdYTItZkN2G7yc3xK2k0pa7JNFAWJRkfx0aweozt7roX12l5dgk98L5XRJyKGk-olTT1fz9saonpj-u28h7ArQLq4k2cxYM8AfkmjDW"></script> <script src="/wingsuit/asthma-lung-uk/wingsuit/../behaviors/menu--primary.js?sncmyi" defer></script> <script src="/sites/default/files/js/js_sOnUwevkJ6Ea6qe2pwWpEoGUVQQLspTw_ER7QV3VwJQ.js?scope=footer&delta=4&language=en&theme=asthma_lung_uk&include=eJxVyUkOg0AMBMAPkcyTLCdYTItZkN2G7yc3xK2k0pa7JNFAWJRkfx0aweozt7roX12l5dgk98L5XRJyKGk-olTT1fz9saonpj-u28h7ArQLq4k2cxYM8AfkmjDW"></script> </body> </html>

CINXE.COM

Breath of Life tribute page | Asthma + Lung UK