<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ACCORD Hospice | Providing end of life care</title> <meta name="description" content="Our compassionate approach supports patients and their families, medically and in other ways, in the community, in our hospice and at home." /> <meta name="keywords" content="" /> <meta name="image" content="https://www.accordhospice.org.uk" property="og:image" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://www.accordhospice.org.uk" /> <meta name="twitter:title" content="ACCORD Hospice | Providing end of life care" /> <meta name="twitter:description" content="Our compassionate approach supports patients and their families, medically and in other ways, in the community, in our hospice and at home." /> <link rel="canonical" href="https://www.accordhospice.org.uk"> <!-- Google tag (gtag.js) --><script nonce='8rsuzyyYqTssWu9TQQdDo7V/+58=' async src="https://www.googletagmanager.com/gtag/js?id=G-3ZEF3CS2T8"></script><script nonce='8rsuzyyYqTssWu9TQQdDo7V/+58='> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3ZEF3CS2T8');</script> <!-- Google Tag Manager --> <script nonce='8rsuzyyYqTssWu9TQQdDo7V/+58='> (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-PLDB7NF'); </script> <!-- End Google Tag Manager --> <link rel="apple-touch-icon" title="Icon 120x120" href="/media/bcvakv34/favicon.png?format=webp&quality=100&ver=4"> <link rel="icon" title="Icon 16x16" href="/media/bcvakv34/favicon.png?format=webp&quality=100&ver=4"> <link rel="icon" title="Icon 32x32" href="/media/bcvakv34/favicon.png?format=webp&quality=100&ver=4"> <link rel="stylesheet" href="/css/bootstrap.css"> <script type="text/javascript" src="/lib/jquery/jquery.min.js?v=2"></script> <script type="text/javascript" src="/lib/jquery-validate/jquery.validate.min.js?v=2"></script> <script type="text/javascript" src="/scripts/Vendor/jQuery/jquery.validate.unobtrusive.min.js?v=2"></script> <script src="/App_Plugins/UmbracoForms/Assets/promise-polyfill/dist/polyfill.min.js" type="application/javascript"></script><script src="/App_Plugins/UmbracoForms/Assets/aspnet-client-validation/dist/aspnet-validation.min.js" type="application/javascript"></script> <script nonce="8rsuzyyYqTssWu9TQQdDo7V/+58=">(function (n, t, i, r) { var u, f; n[i] = n[i] || {}, n[i].initial = { accountCode: "BLUEB11193", host: "BLUEB11193.pcapredict.com" }, n[i].on = n[i].on || function () { (n[i].onq = n[i].onq || []).push(arguments) }, u = t.createElement("script"), u.async = !0, u.src = r, f = t.getElementsByTagName("script")[0], f.parentNode.insertBefore(u, f) })(window, document, "pca", "//BLUEB11193.pcapredict.com/js/sensor.js")</script><script nonce="8rsuzyyYqTssWu9TQQdDo7V/+58=">window.PCA = {};PCA.key="FX77-RC21-CR97-GF19";</script><link rel="stylesheet" type="text/css" href="//services.postcodeanywhere.co.uk/css/address-3.91.css" /><script type="text/javascript" src="//services.postcodeanywhere.co.uk/js/address-3.91.js"></script></head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PLDB7NF" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <header class=" nav-standard"> <div class="hr-wrp"> <!-- Top level navigation (if exists) --> <!-- Maximum 8 links, 10 characteres --> <!-- Only shows for desktop --> <div class="hr-top-level"> <div class="container"> <div class="hr-top-level-inr"> <div class="hr-top-level-lhs"> <a href="https://facebook.com/ACCORDHospice/" title="Facebook [opens in a new window]" target="_blank"> <svg src="" width="24" height="24" viewBox="0 0 24 24"> <path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm2.984,12.422H13.032v6.959H10.139V12.422H8.764V9.963h1.375V8.372a2.713,2.713,0,0,1,2.92-2.92L15.2,5.46V7.848H13.646a.589.589,0,0,0-.613.67V9.964h2.2Z" /> </svg> </a> <a href="https://twitter.com/accordhospice" title="X [opens in a new window]" target="_blank"> <svg viewBox="0 0 256 256"> <polygon class="cls-1" points="129.22 117.63 96.88 71.37 79.63 71.37 119.71 128.69 124.75 135.89 124.74 135.89 159.05 184.96 176.3 184.96 134.26 124.83 129.22 117.63" /> <path class="cls-1" d="m128,0C57.31,0,0,57.31,0,128s57.31,128,128,128,128-57.31,128-128S198.69,0,128,0Zm25.74,193.02l-34.7-50.5-43.44,50.5h-11.22l49.68-57.74-49.68-72.3h37.89l32.85,47.81,41.13-47.81h11.23l-47.36,55.05h.01s-.02,0-.02,0l51.53,74.99h-37.9Z" /> </svg> </a> </div> <a href="" title="Accessibility Tools " class=""> Accessibility Tools </a> </div> </div> </div> <div class="container"> <!-- Navigation --> <div class="hr-inr"> <div class="hr-lhs"> <a href="/home" title="Accord Hospice"> <!-- Mandatory --> <img alt="Accord Hospice" src="/media/ofwbrfmb/accord-logo.png?format=webp&quality=100&ver=4" /> </a> </div> <div class="hr-rhs"> <div class="hr-rhs-init"> <!-- Main Nav has 4 slots, can be 4 links with dropdown or a mix between dropdown direct links and buttons --> <!-- Maximum 2 buttons can be added --> <!-- Buttons and links need to limit the characteres up to 20 --> <div class="rhs-init-el subnav "> <!-- Subnav Render node id in ID so the JQuery can open the subnav --> <a href="#" title="How we can help you " id="5605" class="click-open text-color-white"> Supporting you </a> </div> <div class="rhs-init-el subnav "> <!-- Subnav Render node id in ID so the JQuery can open the subnav --> <a href="#" title="How we can help you " id="5622" class="click-open text-color-white"> Supporting us </a> </div> <!-- Direct Link --> <div class="rhs-init-el direct-link hidden-md hidden-sm hidden-xs"> <a href="/supporting-you/healthcare-professionals/access-and-referral" title="Refer " class="text-color-white"> Refer </a> </div> <!-- Action Button Custom colour and background --> <div class="rhs-init-el button-act"> <a href="/your-donation" class="bg-color-three text-color-white" title="Donate "> Donate </a> </div> <!-- Action Button Custom colour and background --> <div class="rhs-init-el button-act"> <a href="/supporting-us/regular-giving" class="bg-color-one text-color-white" title="Give Monthly "> Give Monthly </a> </div> </div> <div class="hr-rhs-lst"><form action="/" enctype="multipart/form-data" id="form75899c71c1fd4932bed1ce0317691d5e" method="post"> <!-- Search --> <div class="hr-rhs-lst-search"> <span class="hp-icon-search first-icon" title="Search"></span> <div class="hr-rhs-lst-search-wrp"> <div class="hr-rhs-lst-search-inr"> <span id="btnSearch" class="hp-icon-search"></span> <input type="text" name="q" id="txtSearch" placeholder="Search" /> <button type="submit" id="searchFormSubmit" class="hr-rhs-lst-search-btn">Search</button> <span class="hp-icon-cross-small" title="Close search"></span> </div> </div> </div><input name="__RequestVerificationToken" type="hidden" value="CfDJ8A1q0X5ImwhEiqOotYQ57Lh_EDgL0UMyncyGqp_W6k0Nonj3P9ykMpKKkDjcpklxaM7a46lhNTfqupMf5BRUBvh2ZwAmmNMYcMyynHCB2U4J1lVKn-6nZEv82CdTqZdHYS0AEY6xfurKbMeqYOiz36M" /><input name="ufprt" type="hidden" value="CfDJ8A1q0X5ImwhEiqOotYQ57LhjIk0MJchl5kdIG1tPob9JNu7PpTBafc24C8ioPgOUAhaxh60YGoT4Mt8CykLuGb1wpdOAwlQDZCeqP65QOLnyXMVD8vM82flXKzU-VJP41HNDP77AY60ZKXJ0t1FHGvk" /></form> <!-- Basket --> <div class="hr-rhs-icon-basket"> <span class="hp-icon-shopping-cart" title="Basket"> <!--Only if basket has items--> <span class="basket-icon hidden"></span> </span> <div class="hr-rhs-basket-wrp" id="minibasket" data-mobilelink="/basket"> </div> <span class="has-items"></span> </div> <!-- Hamburger Menu --> <div class=""> <div class="hr-rhs-hamburger" title="Hamburger Menu"> <span class="hr-rhs-hamburger-icon"></span> <span class="hr-rhs-hamburger-icon"></span> <span class="hr-rhs-hamburger-icon"></span> </div> </div> </div> </div> </div> </div> <!-- If nav item is subnav --> <!-- Rendering subnav elements and its id (1st level)--> <!-- Columns with 4 links per each 1st column always the name and text --> <!-- Maximum of 4 columns --> <div class="hr-subnav" id="subnav-5605"> <div class="container"> <!-- First Layer --> <div class="hr-subnav-layout first-layer"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-title"> Supporting you </span> <span class="hr-subnav-subtitle"> You will find information designed to support individuals and their families and also for Health Care professionals </span> <a href="/supporting-you" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <!-- If it has subnav render id --> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-5779" title="For individuals and families"> For individuals and families </a> </div> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-5606" title="For Healthcare professionals"> For Healthcare professionals </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <!-- Second Layer -> Children of subnav in the first layer --> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-5779"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> For individuals and families </span> <span class="hr-subnav-subtitle"> You will find information on services the Hospice provides to individuals and their families at home and in the Hospice </span> <a href="/supporting-you/for-individuals-and-families" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-you/for-individuals-and-families/inpatient-unit" class="hr-subnav-link" title="Inpatient Unit "> Inpatient Unit </a> </div> <div class="hr-subnav-element"> <a href="/supporting-you/for-individuals-and-families/services-and-therapies" class="hr-subnav-link" title="Services and Therapies "> Services and Therapies </a> </div> <div class="hr-subnav-element"> <a href="/supporting-you/for-individuals-and-families/participation-and-feedback" class="hr-subnav-link" title="Participation and feedback "> Participation and feedback </a> </div> <div class="hr-subnav-element"> <a href="/supporting-you/for-individuals-and-families/download-centre" class="hr-subnav-link" title="Download Centre "> Download Centre </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-5606"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> For Healthcare professionals </span> <span class="hr-subnav-subtitle"> If you are an external health and social care professional, the hospice clinical staff are on hand to advise. </span> <a href="/supporting-you/healthcare-professionals" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-you/healthcare-professionals/learning-and-development" class="hr-subnav-link" title="Learning and Development "> Learning and Development </a> </div> <div class="hr-subnav-element"> <a href="/supporting-you/healthcare-professionals/echo" class="hr-subnav-link" title="Echo "> Echo </a> </div> <div class="hr-subnav-element"> <a href="/supporting-you/healthcare-professionals/access-and-referral" class="hr-subnav-link" title="Access and referral "> Access and referral </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> </div> </div> <div class="hr-subnav" id="subnav-5622"> <div class="container"> <!-- First Layer --> <div class="hr-subnav-layout first-layer"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-title"> Supporting us </span> <span class="hr-subnav-subtitle"> You will find information here about how you can support the charity in many different ways. </span> <a href="/supporting-us" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <!-- If it has subnav render id --> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-6068" title="Donate"> Donate </a> </div> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-5661" title="Fundraise"> Fundraise </a> </div> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub lot" href="/events" title="Events "> Events </a> </div> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-5623" title="Shop"> Shop </a> </div> <div class="hr-subnav-element"> <a class="hr-subnav-link subnav-sub" id="second-subnav-6262" title="Volunteering at ACCORD"> Volunteering at ACCORD </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <!-- Second Layer -> Children of subnav in the first layer --> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-6068"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> Donate </span> <span class="hr-subnav-subtitle"> We are very reliant upon the goodwill of our supporters like you in raising the monies required and are grateful for every donation we receive. </span> <a href="/supporting-us/donate" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-us/donate/make-a-donation" class="hr-subnav-link" title="Make a Donation "> Make a Donation </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/regular-giving" class="hr-subnav-link" title="Regular Giving "> Regular Giving </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/donate/why-support-us" class="hr-subnav-link" title="Why Support us "> Why Support us </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/donate/leave-a-gift-in-your-will" class="hr-subnav-link" title="Leave A Gift In Your Will "> Leave A Gift In Your Will </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/donate/gift-aid" class="hr-subnav-link" title="Gift Aid "> Gift Aid </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-5661"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> Fundraise </span> <span class="hr-subnav-subtitle"> When it comes to raising money, there are so many different ways that you can get involved. </span> <a href="/supporting-us/fundraise" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-us/fundraise/ideas-inspiration" class="hr-subnav-link" title="Ideas & Inspiration "> Ideas & Inspiration </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/fundraise/organise-your-own-fundraiser" class="hr-subnav-link" title="Organise your own fundraiser "> Organise your own fundraiser </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/fundraise/how-to-pay-your-fundraising" class="hr-subnav-link" title="How to pay your fundraising "> How to pay your fundraising </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/fundraise/corporate-fundraising" class="hr-subnav-link" title="Corporate Fundraising "> Corporate Fundraising </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-5623"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> Shop </span> <span class="hr-subnav-subtitle"> ACCORD has a total of 6 shops throughout the local area which sell a good range of quality second-hand goods </span> <a href="/supporting-us/shop" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-us/shop/request-a-collection" class="hr-subnav-link" title="Request a Collection "> Request a Collection </a> </div> <div class="hr-subnav-element"> <a href="/shop-online" class="hr-subnav-link" title="Shop Online "> Shop Online </a> </div> <div class="hr-subnav-element"> <a href="/supporting-us/accord-amazon-wishlist" class="hr-subnav-link" title="ACCORD Amazon Wishlist "> ACCORD Amazon Wishlist </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <div class="hr-subnav-layout second-layer" id="layer-second-subnav-6262"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-back-btn">Back</span> <span class="hr-subnav-title"> Volunteering at ACCORD </span> <span class="hr-subnav-subtitle"> It’s no exaggeration to say that we would not be able to run successfully without our generous volunteers! </span> <a href="/supporting-us/volunteer" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <div class="hr-subnav-element"> <a href="/supporting-us/volunteer/volunteer-vacancies" class="hr-subnav-link" title="Volunteer Vacancies "> Volunteer Vacancies </a> </div> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> </div> </div> <div class="hr-subnav" id="subnav-5591"> <div class="container"> <!-- First Layer --> <div class="hr-subnav-layout first-layer"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-title"> Refer </span> <span class="hr-subnav-subtitle"> </span> <a href="/supporting-you/healthcare-professionals/access-and-referral" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <!-- If it has subnav render id --> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <!-- Second Layer -> Children of subnav in the first layer --> </div> </div> <div class="hr-subnav" id="subnav-3022"> <div class="container"> <!-- First Layer --> <div class="hr-subnav-layout first-layer"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-title"> Donate </span> <span class="hr-subnav-subtitle"> </span> <a href="/your-donation" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <!-- If it has subnav render id --> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <!-- Second Layer -> Children of subnav in the first layer --> </div> </div> <div class="hr-subnav" id="subnav-9272"> <div class="container"> <!-- First Layer --> <div class="hr-subnav-layout first-layer"> <div class="row"> <div class="col-md-2"> <span class="hr-subnav-title"> Give Monthly </span> <span class="hr-subnav-subtitle"> We are very reliant upon the goodwill of our supporters like you in raising the monies required and are grateful for every donation we receive. </span> <a href="/supporting-us/regular-giving" class="hr-subnav-link" title="Find out more "> Find out more </a> </div> <!-- Links Column --> <div class="col-md-3 col-md-offset-1"> <!-- If it has subnav render id --> </div> <!-- Links Column --> <div class="col-md-3"> </div> <!-- Links Column --> <div class="col-md-3"> </div> </div> <span class="close-subnav" title="Close">Close</span> </div> <!-- Second Layer -> Children of subnav in the first layer --> </div> </div> <!-- Slide Hamburger menu --> <div class="hr-side-menu "> <div class="container"> <div class="hr-side-menu-list"> <ul class="menu-list-main"> <li class="menu-list-item"> <a id="6375" title="Get in touch " href=/about/contact class="menu-list-el"> Get in touch <!-- If it has nested child submenu --> </a> <ul class="menu-list-child" id="child-6375"> </ul> </li> <li class="menu-list-item"> <a id="0" target="_blank" title="Join our hospice lottery [opens in a new window]" href=https://lottery.accordhospice.org.uk/lottery class="menu-list-el"> Join our hospice lottery <!-- If it has nested child submenu --> </a> <ul class="menu-list-child" id="child-0"> </ul> </li> <li class="menu-list-item"> <a id="5185" title="Current Vacancies " href=/vacancies class="menu-list-el"> Current Vacancies <!-- If it has nested child submenu --> </a> <ul class="menu-list-child" id="child-5185"> </ul> </li> <li class="menu-list-item"> <a id="6374" title="Who we are " class="menu-list-el"> Who we are <!-- If it has nested child submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-child" id="child-6374"> <li class="menu-list-child-item"> <a id="grandchild-6374" class="menu-child-el" href=/about title="About us "> About us <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6374"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-6904" class="menu-child-el" href=/about/support-services-at-accord title="Support Services at ACCORD "> Support Services at ACCORD <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6904"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-6964" class="menu-child-el" href=/about/meet-the-team title="Meet the team "> Meet the team <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6964"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-7002" class="menu-child-el" href=/about/governance title="Governance "> Governance <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-7002"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-7110" class="menu-child-el" href=/about/quality-feedback title="Quality feedback "> Quality feedback <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-7110"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-7137" class="menu-child-el" href=/about/membership-of-accord title="Membership of ACCORD "> Membership of ACCORD <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-7137"> </ul> </li> </ul> </li> <li class="menu-list-item"> <a id="5623" title="Shop " class="menu-list-el"> Shop <!-- If it has nested child submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-child" id="child-5623"> <li class="menu-list-child-item"> <a id="grandchild-4940" class="menu-child-el" href=/shop-online title="Shop Online "> Shop Online <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-4940"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-6615" class="menu-child-el" href=/supporting-us/shop/request-a-collection title="Request a Collection "> Request a Collection <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6615"> </ul> </li> </ul> </li> <li class="menu-list-item"> <a id="5092" title="Latest News & Stories " href=/latest class="menu-list-el"> Latest News & Stories <!-- If it has nested child submenu --> </a> <ul class="menu-list-child" id="child-5092"> </ul> </li> <li class="menu-list-item visible-xs visible-sm visible-md"> <a id="5605" title="Supporting you " class="menu-list-el"> Supporting you <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-child" id="child-5605"> <li class="menu-list-child-item"> <a id="grandchild-5779" class="menu-child-el" title="For individuals and families "> For individuals and families <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-5779"> <li class="menu-list-grandchild-item"> <a href="/supporting-you/for-individuals-and-families/inpatient-unit" title="Inpatient Unit "> Inpatient Unit </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-you/for-individuals-and-families/services-and-therapies" title="Services and Therapies "> Services and Therapies </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-you/for-individuals-and-families/participation-and-feedback" title="Participation and feedback "> Participation and feedback </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-you/for-individuals-and-families/download-centre" title="Download Centre "> Download Centre </a> </li> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-5606" class="menu-child-el" title="For Healthcare professionals "> For Healthcare professionals <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-5606"> <li class="menu-list-grandchild-item"> <a href="/supporting-you/healthcare-professionals/learning-and-development" title="Learning and Development "> Learning and Development </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-you/healthcare-professionals/echo" title="Echo "> Echo </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-you/healthcare-professionals/access-and-referral" title="Access and referral "> Access and referral </a> </li> </ul> </li> </ul> </li> <li class="menu-list-item visible-xs visible-sm visible-md"> <a id="5622" title="Supporting us " class="menu-list-el"> Supporting us <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-child" id="child-5622"> <li class="menu-list-child-item"> <a id="grandchild-6068" class="menu-child-el" title="Donate "> Donate <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6068"> <li class="menu-list-grandchild-item"> <a href="/supporting-us/donate/make-a-donation" title="Make a Donation "> Make a Donation </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/regular-giving" title="Regular Giving "> Regular Giving </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/donate/why-support-us" title="Why Support us "> Why Support us </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/donate/leave-a-gift-in-your-will" title="Leave A Gift In Your Will "> Leave A Gift In Your Will </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/donate/gift-aid" title="Gift Aid "> Gift Aid </a> </li> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-5661" class="menu-child-el" title="Fundraise "> Fundraise <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-5661"> <li class="menu-list-grandchild-item"> <a href="/supporting-us/fundraise/ideas-inspiration" title="Ideas & Inspiration "> Ideas & Inspiration </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/fundraise/organise-your-own-fundraiser" title="Organise your own fundraiser "> Organise your own fundraiser </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/fundraise/how-to-pay-your-fundraising" title="How to pay your fundraising "> How to pay your fundraising </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/fundraise/corporate-fundraising" title="Corporate Fundraising "> Corporate Fundraising </a> </li> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-4939" class="menu-child-el" href=/events title="Events "> Events <!-- If it has grandchild nested submenu --> </a> <ul class="menu-list-grandchild" id="sub-grandchild-4939"> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-5623" class="menu-child-el" title="Shop "> Shop <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-5623"> <li class="menu-list-grandchild-item"> <a href="/supporting-us/shop/request-a-collection" title="Request a Collection "> Request a Collection </a> </li> <li class="menu-list-grandchild-item"> <a href="/shop-online" title="Shop Online "> Shop Online </a> </li> <li class="menu-list-grandchild-item"> <a href="/supporting-us/accord-amazon-wishlist" title="ACCORD Amazon Wishlist "> ACCORD Amazon Wishlist </a> </li> </ul> </li> <li class="menu-list-child-item"> <a id="grandchild-6262" class="menu-child-el" title="Volunteering at ACCORD "> Volunteering at ACCORD <!-- If it has grandchild nested submenu --> <span class="hp-icon-angle-small-down menu-list-el-arrow"></span> </a> <ul class="menu-list-grandchild" id="sub-grandchild-6262"> <li class="menu-list-grandchild-item"> <a href="/supporting-us/volunteer/volunteer-vacancies" title="Volunteer Vacancies "> Volunteer Vacancies </a> </li> </ul> </li> </ul> </li> <li class="menu-list-item visible-xs visible-sm visible-md"> <a href="/supporting-you/healthcare-professionals/access-and-referral" class="menu-list-el" title="Refer "> Refer </a> </li> <li class="menu-list-item visible-xs visible-sm visible-md"> <a href="/your-donation" class="menu-list-el" title="Donate "> Donate </a> </li> <li class="menu-list-item visible-xs visible-sm visible-md"> <a href="/supporting-us/regular-giving" class="menu-list-el" title="Give Monthly "> Give Monthly </a> </li> <hr class="visible-xs visible-sm visible-md" /> <li class="menu-list-item"> <a id="0" title="Accessibility Tools " href="" class="menu-list-el visible-xs visible-sm visible-md"> Accessibility Tools </a> </li> </ul> </div> </div> </div> <!-- Buttons from main nav replicated only for Mobile --> <div class="hr-rhs-init mobile"> <div class="rhs-init-el button-act"> <a href="/supporting-you" class=" text-color-white" title="Supporting you "> Supporting you </a> </div> <div class="rhs-init-el button-act"> <a href="/supporting-you/healthcare-professionals/access-and-referral" class=" text-color-white" title="Refer "> Refer </a> </div> <div class="rhs-init-el button-act"> <a href="/your-donation" class="bg-color-three" title="Donate "> Donate </a> </div> <div class="rhs-init-el button-act"> <a href="/supporting-us/regular-giving" class="bg-color-one text-color-white" title="Give Monthly "> Give Monthly </a> </div> </div> </div> </header> <div id="main-body"> <script src="/App_Plugins/UmbracoForms/Assets/promise-polyfill/dist/polyfill.min.js" type="application/javascript"></script><script src="/App_Plugins/UmbracoForms/Assets/aspnet-client-validation/dist/aspnet-validation.min.js" type="application/javascript"></script> <div class=" lazy-section" id=""> <!--Impact Banner--><div class="infographic-widget infographic-wrp "> <div class="swiper-container infographic-d-swiper"> <!--TODO: User can select background image on/off, if user selects no background image then by default there should be no overlay - however user cal turn overlay on/off if background image has been selected.--> <img class="infographic-bg-img hidden-xs" src="/media/xctpjldh/header-bd-shape.png?format=webp&quality=100&ver=4&width=1920&rnd=133546302793030000" alt="background image"> <img class="infographic-bg-img visible-xs" src="/media/xctpjldh/header-bd-shape.png?format=webp&quality=100&ver=4&width=390&rnd=133546302793030000" alt="background image"> <!--TODO: User can select overlay on/off--> <div class="swiper-wrapper infographic-wrp"> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong><span style="color: #474d53;">Supporting You </span></strong></h1><h2><strong><span style="color: #474d53;">Providing palliative and end-of-life care to people living with or affected by a life-limiting illness.</span></strong></h2> </span> <!--TODO: User can toggle this below text on/off--> <div class="infographic-text"> <h4 class="text-default">Covering Renfrewshire and parts of East Renfrewshire.</h4> </div> <div class="btn-wrp"> <a class="btn-custom spacing-left bg-color-one text-color-white" href="/supporting-you" title="How we can support you ">How we can support you</a> <a class="btn-custom spacing-left bg-color-one text-color-white" href="/about/contact" title="Get in touch ">Get in touch</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/yqentdoa/supporting-you.png?format=webp&quality=100&ver=4&width=950&rnd=133546322024700000" alt="slide image"> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong><span style="color: #474d53;">Every donation counts</span></strong></h1><h2><strong><span style="color: #474d53;">Every pound we receive helps to make every moment matter for patients and their families.</span></strong></h2> </span> <!--TODO: User can toggle this below text on/off--> <div class="infographic-text"> <h4 class="text-default">You can make a real difference today.</h4> </div> <div class="btn-wrp"> <a class="btn-custom spacing-left bg-color-one text-color-white" target="_blank" href="/your-donation" title="Make a donation [opens in a new window]">Make a donation</a> <a class="btn-custom spacing-left bg-color-one text-color-white" target="_blank" href="/events" title="Get involved [opens in a new window]">Get involved</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/3fyjpdql/donate-2.png?format=webp&quality=100&ver=4&width=950&rnd=133603289188730000" alt="slide image"> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong><span style="color: #474d53;">Community Services</span></strong></h1><h2><strong><span style="color: #474d53;">We know that, sometimes all you want to do is get on with your life in the best way that you can.</span></strong></h2> </span> <!--TODO: User can toggle this below text on/off--> <div class="infographic-text"> <h4 class="text-default">Our Community Hub Team is here to support you.</h4> </div> <div class="btn-wrp"> <a class="btn-custom spacing-left bg-color-one text-color-white" href="/supporting-you/for-individuals-and-families" title="Community Hub Services ">Community Hub Services</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/yg4e40xg/community-hub.png?format=webp&quality=100&ver=4&width=950&rnd=133546321923870000" alt="slide image"> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong><span style="color: #474d53;">Play your part</span></strong></h1><h2><strong><span style="color: #474d53;">Our volunteers are at the heart of everything we do; they give their time to help support the hospice. </span></strong></h2> </span> <!--TODO: User can toggle this below text on/off--> <div class="infographic-text"> <h4 class="text-default">Want to join us?</h4> </div> <div class="btn-wrp"> <a class="btn-custom spacing-left bg-color-one text-color-white" href="/supporting-us/volunteer/volunteer-vacancies" title="Apply Today ">Apply Today</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/bpbj5guu/volunteer.png?format=webp&quality=100&ver=4&width=950&rnd=133546321864830000" alt="slide image"> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong><span style="color: #474d53;">It Starts with You</span></strong></h1><h2><strong><span style="color: #474d53;">Join us, be a part of something special and make an impact. </span></strong></h2> </span> <!--TODO: User can toggle this below text on/off--> <div class="infographic-text"> <h4 class="text-default">Our event calendar has something for everyone! </h4> </div> <div class="btn-wrp"> <a class="btn-custom spacing-left bg-color-one text-color-white" href="/events" title="View our events calendar ">View our events calendar</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/gbzijeug/starts-with-you.png?format=webp&quality=100&ver=4&width=950&rnd=133603289181830000" alt="slide image"> </div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="infographic-body-wrp"> <div class="container"> <div class="infographic-body"> <div class="row d-flex"> <div class="col-xs-12 col-sm-6 col-lg-5"> <span class="infographic-title"> <h1><strong>Create moments that matter with a gift in your Will</strong></h1> </span> <!--TODO: User can toggle this below text on/off--> <div class="btn-wrp"> <a class="btn-custom spacing-left" href="/supporting-us/donate/leave-a-gift-in-your-will" title="Leave A Gift In Your Will ">Leave A Gift In Your Will</a> </div> </div> <div class="col-xs-6 col-sm-offset-0"> <!--TODO: The user can select no image--> <img loading="lazy" class="infographic-d-img" src="/media/xqqjszul/static_hero_3_1_1.jpg?format=webp&quality=100&ver=4&width=950&rnd=133850512196630000" alt="slide image"> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="infographic-d-nav-wrp infographic-nav-wrp"> <div class="infographic-d-nav"> <div class="infographic-d-nav-prev"> <span class="infographic-nav-icon hp-icon-angle-square-left text-color-two"></span> </div> <div class="infographic-d-nav-next"> <span class="infographic-nav-icon hp-icon-angle-square-right text-color-two"></span> </div> </div> </div> </div> </div></div> </div> <div id="parentDiv_1" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <!-- Extra-large space --><div class="xl-space"></div> <h1 style="text-align: center;"><strong>Every year we care for <span style="color: #ef6d4d;">over 1,800 patients</span> here at the hospice and in the comfort of patients’ homes.</strong></h1><p><strong></strong></p><div class="fr-view"><h3 style="text-align: center;">We aim to provide the best care possible, and without our supporters, it wouldn’t be possible.</h3><h3 style="text-align: center;"><span><strong>Thank you</strong>.</span></h3></div> <!-- Small space --><div class="sm-space"></div> </div> </div> </div> </div> <div class=" lazy-section" id=""> <div class="standard-img-container"> <!--Custom image--> <img loading="lazy" class="custom-img full-width" src="/media/5e0ind5o/grey-top.png?format=webp&quality=100&ver=4" alt="separator"> </div> </div> <div id="parentDiv_3" class="row-bg-color-grey"> <div class="container lazy-section"> <div class="row " id=""> <div class="col-sm-6 "> <!-- Small space --><div class="sm-space"></div> <!--Video widget--><div class="video-inr "> <iframe style="width:100%;" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/mJ_1qcOxEIc?si=N_4VdZJ9Nt1JG_FR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <!-- Small space --><div class="sm-space"></div> </div> <div class="col-sm-6 "> <!-- Small space --><div class="sm-space"></div> <h1><strong>What we do</strong></h1><h3>ACCORD is here to provide palliative and end of life care to people living with or affected by a life limiting illness in Renfrewshire and parts of East Renfrewshire.</h3><p>Our compassionate approach supports patients and their families in the community, at home, and in the hospice. </p><p><strong>All of our care is free.</strong></p> <!--Buttons widget--><!--!This is a 1 col widget only--><!--*FULL MARKUP*--><!--TODO: If user selects center or right aligned buttons, add center-align or right-align to btns-wrp--><div class="btns-wrp left-align"> <a class="btn-custom bg-color-one text-color-white" href="/supporting-you" title="How we can support you ">How we can support you</a> </div> </div> </div> </div> </div> <div class=" lazy-section" id=""> <div class="standard-img-container"> <!--Custom image--> <img loading="lazy" class="custom-img full-width" src="/media/nmqfvfcs/grey-bottom-1.png?format=webp&quality=100&ver=4" alt="separator"> </div> <!-- Extra-large space --><div class="xl-space"></div> </div> <div id="parentDiv_5" class="row-bg-color-white"> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <!-- Small space --><div class="sm-space"></div> <div class="quote-text"><h1 style="text-align: center;"><span style="color: #f2a900;"><strong>"While we cannot add days to life, we can put life into days"</strong></span></h1><h4 style="text-align: center;"><span style="color: #f2a900;"><strong>Dame Cicely Saunders</strong></span></h4></div> <!-- Small space --><div class="sm-space"></div> </div> </div> </div> </div> <div id="parentDiv_6" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <!-- Extra-large space --><div class="xl-space"></div> <div class="statement-graphic-b d-flex"> <img loading="lazy" class="statement-graphic-img" src="/media/ryjlsr0f/text-impact-hightlight-image.png?format=webp&quality=100&ver=4&width=495&height=420&rnd=133554012797130000" alt="Supporting"> <div class="row"> <div class="col-xs-12"> <h1 class="statement-graphic-text text-color-two center-align">Supporting <span class="text-color-three"> you </span></h1> <h4 class="statement-graphic-sub text-color-two center-align" >Learn more about the services provided in the community and at the Hospice. </h4> </div> </div> </div> </div> </div> </div> </div> <div id="parentDiv_7" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-sm-3 "> <!--fact cards--><!--Two separate widgets on this page, not two versions of the same widget--><!--*Widget 1 full layout--><!--TODO: User can customise the background colour via a drop down in the CMS with their available variables--> <a href="/supporting-you/for-individuals-and-families/inpatient-unit"> <div class="fact-card rounded-corners "> <!--TODO: user is able to toggle on/off the svg and p below elements, as shown in the examples below--> <img class="fact-card-icon" src="/media/mjucx1oo/home.png?format=webp&quality=100&ver=4&width=64&height=64&rnd=133546269544500000" alt="Inpatient Unit" /><h3 class="fact-card-title text-default">Inpatient Unit</h3><span class="fact-card-text text-default">Learn more about the care provided in our eight bedded Inpatient Unit at ACCORD</span> </div> </a> </div> <div class="col-sm-3 "> <!--fact cards--><!--Two separate widgets on this page, not two versions of the same widget--><!--*Widget 1 full layout--><!--TODO: User can customise the background colour via a drop down in the CMS with their available variables--> <a href="/supporting-you"> <div class="fact-card rounded-corners "> <!--TODO: user is able to toggle on/off the svg and p below elements, as shown in the examples below--> <img class="fact-card-icon" src="/media/x5fjzfgg/respect-icon.png?format=webp&quality=100&ver=4&width=64&height=64&rnd=133547183963800000" alt="Services Information" /><h3 class="fact-card-title text-default">Services Information</h3><span class="fact-card-text text-default">Learn about the various services we offers to patients and their families.</span> </div> </a> </div> <div class="col-sm-3 "> <!--fact cards--><!--Two separate widgets on this page, not two versions of the same widget--><!--*Widget 1 full layout--><!--TODO: User can customise the background colour via a drop down in the CMS with their available variables--> <a href="/supporting-you/healthcare-professionals/access-and-referral"> <div class="fact-card rounded-corners "> <!--TODO: user is able to toggle on/off the svg and p below elements, as shown in the examples below--> <img class="fact-card-icon" src="/media/qi1c2bu0/help-icon.png?format=webp&quality=100&ver=4&width=64&height=64&rnd=133547184823400000" alt="Access and referral" /><h3 class="fact-card-title text-default">Access and referral</h3><span class="fact-card-text text-default">Learn how referrals are made to the Hospice. You can also fill in our referral form here</span> </div> </a> </div> <div class="col-sm-3 "> <!--fact cards--><!--Two separate widgets on this page, not two versions of the same widget--><!--*Widget 1 full layout--><!--TODO: User can customise the background colour via a drop down in the CMS with their available variables--> <a href="/supporting-you/healthcare-professionals/learning-and-development"> <div class="fact-card rounded-corners "> <!--TODO: user is able to toggle on/off the svg and p below elements, as shown in the examples below--> <img class="fact-card-icon" src="/media/nn1ff005/knowledge.png?format=webp&quality=100&ver=4&width=64&height=64&rnd=133546269546670000" alt="Learn and develop" /><h3 class="fact-card-title text-default">Learn and develop</h3><span class="fact-card-text text-default">Learn about the education around palliative care we provide to health care professionals.</span> </div> </a> </div> </div> </div> </div> <div class=" lazy-section" id=""> <div class="standard-img-container"> <!--Custom image--> <img loading="lazy" class="custom-img full-width" src="/media/5e0ind5o/grey-top.png?format=webp&quality=100&ver=4" alt="separator"> </div> </div> <div class="row-bg-color-grey lazy-section" id=""> <div class="container"><h3>We aim to be with them every step of the way</h3><h1><span style="color: #ef6d4d;"><strong>Making every moment count</strong></span></h1> </div> <div class="fact-card-slider-wrp"> <div class="fact-card-slider-body"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-6 col-lg-3"><h3>Why support us</h3> <p class="fact-card-slider-text text-default">ACCORD provides FREE palliative and end of life care to 1,800 patients and their families in community each year, both at home and in the Hospice</p> <a class="fact-card-link" href="/supporting-us" title="Learn more"> <h5>Learn more</h5> <span class="hp-icon-angle-circle-right"></span> </a> <div class="fact-card-swiper-nav"> <div class="fact-card-swiper-prev"> <span class="hp-icon-angle-small-left"></span> </div> <div class="fact-card-swiper-next"> <span class="hp-icon-angle-small-right"></span> </div> </div> <div class="fact-card-swiper-pagination"></div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-offset-6 col-sm-6 col-lg-8 col-lg-offset-4"> <div class="swiper-container fact-card-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">1800</h2> <div class="card-text text-color-white">Patients and Families who are supported by the ACCORD each year in the hospice, at home and in the community<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">£7,700</h2> <div class="card-text text-color-white">Is how much it costs each day to care for people with life limiting illnesses<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">120</h2> <div class="card-text text-color-white">Over 120 patients are admitted to our Inpatient Unit each year to receive round the clock specialist treatment and support.<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">300</h2> <div class="card-text text-color-white">How many amazing volunteers the Hospice is supported by each year! Come and join #TeamACCORD<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">67%</h2> <div class="card-text text-color-white">How much of the funding the Hospice needs to care for people which is raised through Fundraising activities. Our supporters make an incredible impact on the lives of patients and families in our care.<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> <div class="swiper-slide"> <div class="slider-fact-card bg-color-three"> <h2 class="card-title text-color-white">8</h2> <div class="card-text text-color-white">Inpatient Unit beds we have at the Hospice<br></div> <span class="bottom-accent-bar bg-color-three"></span> </div> </div> </div> </div> </div> </div> </div> <div class="fact-card-swiper-pagination mob"></div> </div> </div> <div class=" lazy-section" id=""> <div class="standard-img-container"> <!--Custom image--> <img loading="lazy" class="custom-img full-width" src="/media/nmqfvfcs/grey-bottom-1.png?format=webp&quality=100&ver=4" alt="separator"> </div> </div> <div id="parentDiv_11" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <h1 class="sec-4col-heading"><strong>Ways to get involved</strong></h1><p>We have been working hard to develop our services with the compassion and quality you know. The money you raise or the time you donate goes towards ensuring we can deliver those services to people who need it in our community.</p> </div> </div> </div> </div> <div id="parentDiv_12" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-sm-3 "> <!--CTA cards--><!--ALL MARKUP IS THE SAME WITH CLASSES ADDED/REMOVED DEPENDING ON USER SELECTIONS IN CMS--><!----------------------------------------------------------------><!--Default background with selected background colour, no image--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--> <div class="cta-card img-top text-color-white bg-color-three "> <img loading="lazy" class="cta-card-img-top" src="/media/0ntkmyr0/fundraising.png?format=webp&quality=100&ver=4&width=363&height=180&rnd=133547175167630000" alt="Fundraise "> <div class="cta-card-content bg-color-three"> <h2 class="cta-card-title text-color-white">Fundraise </h2> <a class="cta-card-link text-color-white" href="/supporting-us/fundraise" title="Learn more"><h4>Learn more</h4><span class="hp-icon-arrow-circle-right"></span></a> </div> </div> <!----------------------------------------------------------------><!--Image background--><!----------------------------------------------------------------><!--text color added from default text color, or white--><!--<div class="cta-card text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-top class added when user selects cms image top option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-left class added when user selects cms image left option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-left bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--> </div> <div class="col-sm-3 "> <!--CTA cards--><!--ALL MARKUP IS THE SAME WITH CLASSES ADDED/REMOVED DEPENDING ON USER SELECTIONS IN CMS--><!----------------------------------------------------------------><!--Default background with selected background colour, no image--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--> <div class="cta-card img-top text-color-white bg-color-three "> <img loading="lazy" class="cta-card-img-top" src="/media/2n0io3t0/lottery-4.png?format=webp&quality=100&ver=4&width=363&height=180&rnd=133547172202200000" alt="Play our lottery"> <div class="cta-card-content bg-color-three"> <h2 class="cta-card-title text-color-white">Play our lottery</h2> <a class="cta-card-link text-color-white" target="_blank" href="https://lottery.accordhospice.org.uk/" title="Learn more"><h4>Learn more</h4><span class="hp-icon-arrow-circle-right"></span></a> </div> </div> <!----------------------------------------------------------------><!--Image background--><!----------------------------------------------------------------><!--text color added from default text color, or white--><!--<div class="cta-card text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-top class added when user selects cms image top option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-left class added when user selects cms image left option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-left bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--> </div> <div class="col-sm-3 "> <!--CTA cards--><!--ALL MARKUP IS THE SAME WITH CLASSES ADDED/REMOVED DEPENDING ON USER SELECTIONS IN CMS--><!----------------------------------------------------------------><!--Default background with selected background colour, no image--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--> <div class="cta-card img-top text-color-white bg-color-three "> <img loading="lazy" class="cta-card-img-top" src="/media/o1xbdcyw/donate_363x180.png?format=webp&quality=100&ver=4&cc=0,0,0,0&width=363&height=180&rnd=133547175504630000" alt="Donate"> <div class="cta-card-content bg-color-three"> <h2 class="cta-card-title text-color-white">Donate</h2> <a class="cta-card-link text-color-white" href="/your-donation" title="Make a donation"><h4>Make a donation</h4><span class="hp-icon-arrow-circle-right"></span></a> </div> </div> <!----------------------------------------------------------------><!--Image background--><!----------------------------------------------------------------><!--text color added from default text color, or white--><!--<div class="cta-card text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-top class added when user selects cms image top option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-left class added when user selects cms image left option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-left bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--> </div> <div class="col-sm-3 "> <!--CTA cards--><!--ALL MARKUP IS THE SAME WITH CLASSES ADDED/REMOVED DEPENDING ON USER SELECTIONS IN CMS--><!----------------------------------------------------------------><!--Default background with selected background colour, no image--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--> <div class="cta-card img-top text-color-white bg-color-three "> <img loading="lazy" class="cta-card-img-top" src="/media/v0lh32qn/shop_363x180.png?format=webp&quality=100&ver=4&cc=0,0,0,0&width=363&height=180&rnd=133547175582330000" alt="Shop"> <div class="cta-card-content bg-color-three"> <h2 class="cta-card-title text-color-white">Shop</h2> <a class="cta-card-link text-color-white" href="/supporting-us/shop" title="Learn more"><h4>Learn more</h4><span class="hp-icon-arrow-circle-right"></span></a> </div> </div> <!----------------------------------------------------------------><!--Image background--><!----------------------------------------------------------------><!--text color added from default text color, or white--><!--<div class="cta-card text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-top class added when user selects cms image top option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-left class added when user selects cms image left option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-left bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--> </div> </div> </div> </div> <div id="parentDiv_13" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <!-- Extra-large space --><div class="xl-space"></div> <h2 style="text-align: center;"><strong>Our calendar of Events</strong></h2> <!-- Pretty much the same as the event cards the only difference is the Swiper wrapper, also is only suitable for 1 column layout --> <div class="swiper-container event-card-t1-swiper"> <div class="event-card-t1-controls"> <div class="controls-left"> <h1><strong></strong></h1> </div> <div class="controls-right hidden-xs"> <div class="event-card-t1-left"> <span class="hp-icon-angle-square-left"></span> </div> <div class="event-card-t1-right"> <span class="hp-icon-angle-square-right"></span> </div> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one fundraise-event"> <div class="card-event-top"> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Campaign</span> <h3><strong>Light Up a Life 2025</strong></h3> <p></p> <div class="card-event-button-wrp"> <a href="/events/light-up-a-life-2025" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/b0tivlh4/3.png?format=webp&quality=100&ver=4&width=495&height=245&rnd=133613771303800000" alt="3" /> <span class="card-event-top-date">01 Jan 25 - 31 Dec 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>White Collar Boxing with ACCORD</strong></h3> <p>Learn to Box with ACCORD</p> <div class="card-event-button-wrp"> <a href="/events/white-collar-boxing-with-accord" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/rnekcsfc/run-for-charity-listing.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133827279836470000" alt="Run For Charity Listing" /> <span class="card-event-top-date">01 Jan 25 - 31 Dec 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>Organised Challenge Events</strong></h3> <p>Find your Challenge here!</p> <div class="card-event-button-wrp"> <a href="/events/organised-challenge-events" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one normal-event"> <div class="card-event-top"> <img loading="lazy" src="/media/3myjwisi/1000041195.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133546461832300000" alt="1000041195" /> <span class="card-event-top-date">05 Sept 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Event</span> <h3><strong>ACCORD Golf Day sponsored by IFAC</strong></h3> <p>Support our Golf Day to make a real difference to those living with life limiting illnesses.</p> <div class="card-event-button-wrp"> <a href="/events/accord-golf-day" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/uhppku1s/thumb_725_647_400_0_0_crop.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133644784836700000" alt="Thumb 725 647 400 0 0 Crop" /> <span class="card-event-top-date">11 Sept 25 - 21 Sept 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>Kilimanjaro Trek 2025</strong></h3> <p></p> <div class="card-event-button-wrp"> <a href="/events/kilimanjaro-trek-2025" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one normal-event"> <div class="card-event-top"> <img loading="lazy" src="/media/bymds5ms/kiltwalk_20230917_1js8245_js.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133910075374470000" alt="KILTWALK 20230917 1JS8245 JS" /> <span class="card-event-top-date">14 Sept 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Event</span> <h3><strong>Edinburgh Kiltwalk</strong></h3> <p>Join #TeamACCORD at the Edinburgh Kiltwalk</p> <div class="card-event-button-wrp"> <a href="/events/edinburgh-kiltwalk" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one normal-event"> <div class="card-event-top"> <img loading="lazy" src="/media/lj2nhmoz/listings-image.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133910008019630000" alt="Listings Image (2)" /> <span class="card-event-top-date">04 Oct 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Event</span> <h3><strong>Ladies Day 2025</strong></h3> <p>Ladies Day 2025</p> <div class="card-event-button-wrp"> <a href="/events/ladies-day-2025" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one normal-event"> <div class="card-event-top"> <img loading="lazy" src="/media/g2ni5m3z/314e5735cba678e8761b47a1946d27ab.jpg?format=webp&quality=100&ver=4&cc=0,0,0,0.3400673400673401&width=495&height=245&rnd=133546517047430000" alt="314E5735cba678e8761b47a1946d27ab" /> <span class="card-event-top-date">05 Oct 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Event</span> <h3><strong>The Great Scottish Run</strong></h3> <p>The Bank of Scotland Great Scottish Run welcomes thousands of runners to Glasgow every year.</p> <div class="card-event-button-wrp"> <a href="/events/the-great-scottish-run" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one fundraise-event"> <div class="card-event-top"> <img loading="lazy" src="/media/o1qo3qcr/hospice-care-week.png?format=webp&quality=100&ver=4&width=495&height=245&rnd=133973277098500000" alt="Hospice Care Week" /> <span class="card-event-top-date">06 Oct 25 - 12 Oct 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Campaign</span> <h3><strong>Hospice Care Week</strong></h3> <p></p> <div class="card-event-button-wrp"> <a href="/events/hospice-care-week" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/30ikzdst/listings-size-2.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133826423579900000" alt="Listings Size (2)" /> <span class="card-event-top-date">11 Oct 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>160ft Bungee Jump _ October 2025</strong></h3> <p>Bungee Jump for ACCORD</p> <div class="card-event-button-wrp"> <a href="/events/160ft-bungee-jump-_-october-2025" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/230ch44d/supernova-nov-listing.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133827019027770000" alt="Supernova Nov Listing" /> <span class="card-event-top-date">01 Nov 25</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>Supernova 5K - Forth Road Bridge</strong></h3> <p>Supernova 5k - Forth Road Bridge</p> <div class="card-event-button-wrp"> <a href="/events/supernova-5k-forth-road-bridge" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> <div class="swiper-slide"> <!-- Event type A --> <!-- The colour is based in the class challenge-event, normal-event, support-event or fundraise-event --> <div class="card-event-type-one challenge-event"> <div class="card-event-top"> <img loading="lazy" src="/media/jd4bedhq/a0ccdf52-124a-479b-bbeb-ff0f5af26727.jpg?format=webp&quality=100&ver=4&width=495&height=245&rnd=133644929753870000" alt="A0ccdf52 124A 479B Bbeb Ff0f5af26727 (1)" /> <span class="card-event-top-date">01 Jan 26 - 31 Jan 26</span> </div> <div class="card-event-btm"> <span class="card-event-btm-type">Challenge</span> <h3><strong>HomeRun for the Hospice</strong></h3> <p></p> <div class="card-event-button-wrp"> <a href="/events/homerun-for-the-hospice" title="Read more" class="btn-read-more"> Read more </a> </div> </div> </div> </div> </div> <div class="event-card-t1-controls-mobile visible-xs"> <div class="controls-right"> <div class="event-card-t1-left"> <span class="hp-icon-angle-square-left"></span> </div> <div class="event-card-t1-right"> <span class="hp-icon-angle-square-right"></span> </div> </div> </div> </div> <!-- Extra-large space --><div class="xl-space"></div> </div> </div> </div> </div> <div class=" lazy-section" id=""> <div class="swiper-container text-slider-swiper "> <img loading="lazy" class="text-slider-bg-img" src="/media/ah0hggse/paisley-banner-6.png?format=webp&quality=100&ver=4&width=1900&height=600&rnd=133555867812270000" alt="Background Image"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="container"> <div class="text-slider-slide-body"> <div class="lhs"> <h1 class="text-slider-main-text text-color-white">“Adelle shares her story of why she's supporting the Hospice.”</h1> <div class="text-slider-sub-text-wrp"> <div class="text-slider-sub-text"> </div> </div> <a class="btn-custom bg-color-three text-color-white" href="" title="Read Story">Read Story</a> </div> <div class="rhs"> <img loading="lazy" class="text-slider-main-img" src="/media/i1khhyvy/f15cc54e-0561-4cc2-9b15-1357a84873b8.jpg?format=webp&quality=100&ver=4&width=495&height=495&rnd=133546329453470000" alt="placeholder"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="container"> <div class="text-slider-slide-body"> <div class="lhs"> <h1 class="text-slider-main-text text-color-white">“One of our Community Nurse Specialists Susan tells us about life at ACCORD”</h1> <div class="text-slider-sub-text-wrp"> <div class="text-slider-sub-text"> </div> </div> <a class="btn-custom bg-color-three text-default" href="" title="Read Story">Read Story</a> </div> <div class="rhs"> <img loading="lazy" class="text-slider-main-img" src="/media/yydlqy30/img_1281.jpg?format=webp&quality=100&ver=4&width=495&height=495&rnd=133546329899870000" alt="placeholder"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="container"> <div class="text-slider-slide-body"> <div class="lhs"> <h1 class="text-slider-main-text text-color-white">“Jenna came to ACCORD for some well-deserved rest and relaxation time and found herself walking on air (or close enough) ”</h1> <div class="text-slider-sub-text-wrp"> <div class="text-slider-sub-text"> </div> </div> <a class="btn-custom bg-color-three text-color-one" href="" title="Read Story">Read Story</a> </div> <div class="rhs"> <img loading="lazy" class="text-slider-main-img" src="/media/rnilh2bb/received_696061898792861.jpeg?format=webp&quality=100&ver=4&cc=0,0.2503748125937032,0,0&width=495&height=495&rnd=133546330281830000" alt="placeholder"> </div> </div> </div> </div> </div> <div class="text-slider-swiper-nav-wrp"> <div class="container"> <div class="text-slider-swiper-nav"> <div class="text-slider-nav-prev"> <span class="hp-icon-angle-left text-color-white"></span> </div> <div class="text-slider-nav-next"> <span class="hp-icon-angle-right text-color-white"></span> </div> </div> </div> </div> </div> </div> <div id="parentDiv_15" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-lg-12 "> <!-- Large space --><div class="lg-space"></div> </div> </div> </div> </div> <div id="parentDiv_16" class=""> <div class="container lazy-section"> <div class="row " id=""> <div class="col-sm-6 "> <!--TODO: User can customise the background colour via a drop down in the CMS with their available variables--><!--Newsletter widget--><!--Full Markup--> <form action="/" id="newslettersignupform" method="post"><input id="Description" name="Description" type="hidden" value="Be first in the queue for hospice news, events and opportunities to get involved." /><input id="Title" name="Title" type="hidden" value="Stay up to date" /><input id="ListID" name="ListID" type="hidden" value="" /><input id="ApiKey" name="ApiKey" type="hidden" value="" /><input id="Provider" name="Provider" type="hidden" value="" /><input id="FormGuid" name="FormGuid" type="hidden" value="c0295be0-0472-419b-b482-93015ff1ef6b" /><input data-val="true" data-val-required="The InsertIntoForms field is required." id="InsertIntoForms" name="InsertIntoForms" type="hidden" value="True" /><input id="ThankyouPageUrl" name="ThankyouPageUrl" type="hidden" value="" /><input id="ThankyouText" name="ThankyouText" type="hidden" value="Thank you for registering to receive updates on hospice news, events, and ways to engage!" /><input id="ImageUrl" name="ImageUrl" type="hidden" value="" /><input id="TextColour" name="TextColour" type="hidden" value="text-color-white" /><input id="IconUrl" name="IconUrl" type="hidden" value="" /><input id="BackgroundColour" name="BackgroundColour" type="hidden" value="bg-color-four" /><input id="ButtonColour" name="ButtonColour" type="hidden" value="bg-color-one" /><input id="Button" name="Button" type="hidden" value="/privacy-policy" /> <div id="divNewsletterWidget" class="newsletter-widget bg-color-four match-height"> <div class="newsletter-body"> <div class="newsletter-form-entry"> <div class="newsletter-title"><h3 class="newsletter-title-text text-color-white">Stay up to date</h3> </div> <p class="text-color-white"> Be first in the queue for hospice news, events and opportunities to get involved.</p> <div class="form-fields form-newsletter"> <label class="ff-input-label ff-label-required text-color-white"> Email </label> <div class="newsletter-input-wrp"> <div class="ff-input-wrp"> <input class="ff-input" type="text" name="EmailAddress" placeholder="Email Address" data-val="true" data-val-required="The EmailAddress field is required." id="EmailAddress" value="" /> </div> <button class="submit-button btn-custom bg-color-one" type="submit">Submit</button> <span class="newsletter-submitting hp-icon-spinner-alt"></span> </div> <span class="ff-validation field-validation-valid" data-valmsg-for="SubscriptionError" data-valmsg-replace="true"></span> </div> <a class="use-info text-color-one" href="/privacy-policy" title="How we use this information"> <span class="hp-icon-lock use-info-icon text-color-one"></span> <h6 class="use-info-text text-color-one">How we use this information</h6> </a> </div> <div class="newsletter-form-thank-you hidden"> <h3 class="text-color-white"><strong></strong></h3> <br /> <a title="reset form" class="reset-form"> <span class="hp-icon-refresh reset-form-icon"></span> <p class="reset-form-text">Reset form</p> </a> </div> </div> </div><input name="__RequestVerificationToken" type="hidden" value="CfDJ8A1q0X5ImwhEiqOotYQ57Lh_EDgL0UMyncyGqp_W6k0Nonj3P9ykMpKKkDjcpklxaM7a46lhNTfqupMf5BRUBvh2ZwAmmNMYcMyynHCB2U4J1lVKn-6nZEv82CdTqZdHYS0AEY6xfurKbMeqYOiz36M" /></form> </div> <div class="col-sm-6 "> <!--CTA cards--><!--ALL MARKUP IS THE SAME WITH CLASSES ADDED/REMOVED DEPENDING ON USER SELECTIONS IN CMS--><!----------------------------------------------------------------><!--Default background with selected background colour, no image--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--> <div class="cta-card text-color-white match-height"> <img loading="lazy" class="cta-card-bg-img" src="/media/uogdhjsp/shona-ishbel-ailsa.jpg?format=webp&quality=100&ver=4&cc=0,0.3197607625644506,0,0.18575800123245892&width=755&height=280&rnd=133546287790170000" alt=" Donations change lives"> <div class="cta-card-overlay"></div> <div class="cta-card-content "> <h2 class="cta-card-title text-color-white"> Donations change lives</h2> <p class="cta-card-desc text-color-white">Amazing people like you help us support those who need it most. “Everyone has been so generous, and the final total raised is testament to how adored my mum was at ACCORD hospice”</p> <a class="cta-card-link text-color-white" href="/your-donation" title="Make a donation"><h4>Make a donation</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div> <!----------------------------------------------------------------><!--Image background--><!----------------------------------------------------------------><!--text color added from default text color, or white--><!--<div class="cta-card text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-top class added when user selects cms image top option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Image left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--img-left class added when user selects cms image left option--><!--<div class="cta-card img-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon top--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-top bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--><!----------------------------------------------------------------><!--Icon left--><!----------------------------------------------------------------><!--Default background colour added from user selected option--><!--text color added from default text color, or white--><!--icon-top class added when user selects cms icon top option--><!--<div class="cta-card icon-left bg-color-one text-color-white">--><!--create option and show below img and overlay if user selects background image option--><!--<img class="cta-card-bg-img" src="img/placeholder-img.png" alt="background image"><div class="cta-card-overlay"></div>--><!--create option and show below img if user selects default background ONLY, with top image option--><!--<img class="cta-card-img-top" src="img/placeholder-img.png" alt="top image">--><!--create option and show below img if user selects default background ONLY, with left image option--><!--<img class="cta-card-img-left" src="img/placeholder-img.png" alt="left image">--><!--create option and show below icon if user selects icon left--><!--<span class="cta-card-icon hp-icon-chart-pie"></span><div class="cta-card-content">--><!--create option and show the below icon if the user selects icon top--><!--<span class="cta-card-icon hp-icon-chart-pie text-color-white"></span> <h2 class="cta-card-title">Lorem ipsum dolor sit amet</h2> <p class="cta-card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a class="cta-card-link text-color-white" href="#" title="Learn more about"><h4>Learn more about lorem ipsum</h4><span class="hp-icon-arrow-circle-right"></span></a> </div></div>--> </div> </div> </div> </div> <div class=" lazy-section" id=""> <!-- Extra-large space --><div class="xl-space"></div> <div class="get-in-touch-widget left-align full-width wo-bg " style="background:;"> <img loading="lazy" class="get-in-touch-bg-img" src="/media/1mpnjs0h/contact-banner.png?format=webp&quality=100&ver=4&width=1900&height=600&rnd=133553572195670000" alt="background image"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="get-in-touch-body-wrp"> <div class="get-in-touch-body "> <h1 class="get-in-touch-title text-default ">Would you like to get in touch with a member of the Hospice Team?</h1> <p class="get-in-touch-text text-default">You can call or email our general enquiry numbers below:</p> <div class="contact-details"> <h4 class="get-in-touch-number-1 text-default"> <!--TODO: User can choose between icon or title shown in the two spans below, in each case hide one and show the other--> <span class="get-in-touch-number-title text-default">Email:</span> <a class="contact-link text-default" href="mailto:info@accord.org.uk">info@accord.org.uk</a> </h4> <h4 class="get-in-touch-number-2 text-default"> <!--TODO: User can choose between icon or title shown in the two spans below, in each case hide one and show the other--> <span class="get-in-touch-number-title text-default">Phone:</span> <a class="contact-link text-default" href="tel:0141 581 2000">0141 581 2000</a> </h4> <h4 class="get-in-touch-email text-default"> <!--TODO: User can choose between icon or title shown in the two spans below, in each case hide one and show the other--> </h4> </div> <div class="git-social-media-links"> <a class="facebook-link" href="https://facebook.com/ACCORDHospice/" title="Facebook"> <svg class="sm-icon svg-color-one" width="24" height="24" viewBox="0 0 24 24"> <path d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm2.984,12.422H13.032v6.959H10.139V12.422H8.764V9.963h1.375V8.372a2.713,2.713,0,0,1,2.92-2.92l2.144.008V7.848H13.646a.589.589,0,0,0-.613.67V9.964h2.2Z" /> </svg> </a> <a class="twitter-link" href="https://twitter.com/accordhospice" title="Twitter"> <svg class="sm-icon svg-color-one" width="24" height="24" viewBox="0 0 256 256"> <polygon class="cls-1" points="129.22 117.63 96.88 71.37 79.63 71.37 119.71 128.69 124.75 135.89 124.74 135.89 159.05 184.96 176.3 184.96 134.26 124.83 129.22 117.63" /> <path class="cls-1" d="m128,0C57.31,0,0,57.31,0,128s57.31,128,128,128,128-57.31,128-128S198.69,0,128,0Zm25.74,193.02l-34.7-50.5-43.44,50.5h-11.22l49.68-57.74-49.68-72.3h47.89l32.85,47.81,41.13-47.81h11.23l-47.36,55.05h.01s-.02,0-.02,0l51.53,74.99h-37.9Z" /> </svg> </a> </div> </div> </div> </div> </div> </div></div> </div> </div> <footer> <div class="ft-wrp"> <div class="ft-btm"> <div class="container"> <div class="row"> <div class="col-xs-6 col-md-2"> <!-- Mandatory --> <a href="/home" title="Accord Hospice"> <img loading="lazy" alt="Accord Hospice" class="client-logo" src="/media/ofwbrfmb/accord-logo.png?format=webp&quality=100&ver=4&width=240&rnd=133546242618670000" /> </a> <span class="ftr-free-text"> </span> <div class="cqc-mobile visible-xs"> </div> </div> <div class="col-xs-6 col-md-3 col-md-push-7"> <!-- 3 slots can be 3 buttons. 3 social medias or 3 contact info --> <!-- I added 1 example of each --> <div class="ft-btm-rhs"> <!-- social media example --> <!-- Using svgs as the background color will change in css --> <div class="ft-btm-rhs-media"> <a href="https://facebook.com/ACCORDHospice/" title="Facebook [opens in a new window]" target="_blank"> <svg src="" width="24" height="24" viewBox="0 0 24 24"> <path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm2.984,12.422H13.032v6.959H10.139V12.422H8.764V9.963h1.375V8.372a2.713,2.713,0,0,1,2.92-2.92L15.2,5.46V7.848H13.646a.589.589,0,0,0-.613.67V9.964h2.2Z" /> </svg> </a> <a href="https://twitter.com/accordhospice" title="Twitter [opens in a new window]" target="_blank"> <svg viewBox="0 0 256 256"> <polygon class="cls-1" points="129.22 117.63 96.88 71.37 79.63 71.37 119.71 128.69 124.75 135.89 124.74 135.89 159.05 184.96 176.3 184.96 134.26 124.83 129.22 117.63" /> <path class="cls-1" d="m128,0C57.31,0,0,57.31,0,128s57.31,128,128,128,128-57.31,128-128S198.69,0,128,0Zm25.74,193.02l-34.7-50.5-43.44,50.5h-11.22l49.68-57.74-49.68-72.3h37.89l32.85,47.81,41.13-47.81h11.23l-47.36,55.05h.01s-.02,0-.02,0l51.53,74.99h-37.9Z" /> </svg> </a> </div> <a href="https://dreamscape.solutions/charity-web-design" title="Hapi [opens in a new window]" target="_blank"> <!-- Hapi logo --> <svg class="hapi-logo" viewBox="0 0 142.15 81.93"> <path class="cls-1" d="m10.54,24.9c3.59-2.15,6.32-3.01,9.69-3.01s6.89,1.29,9.26,3.52c2.58,2.37,3.59,5.24,3.59,9.83v17.22c0,2.51-.07,3.16-.72,4.38-.79,1.58-2.66,2.66-4.52,2.66s-3.8-1.08-4.59-2.66c-.65-1.22-.72-1.79-.72-4.38v-14.21c0-4.52-2.22-7.25-5.88-7.25s-6.1,2.8-6.1,6.53v2.67c0,2.51-.07,3.16-.72,4.38-.79,1.58-2.65,2.66-4.52,2.66s-3.8-1.08-4.59-2.66c-.65-1.22-.72-1.79-.72-4.38V12c0-2.51.07-3.16.72-4.38.79-1.58,2.65-2.66,4.59-2.66s3.73,1.08,4.52,2.66c.65,1.22.72,1.79.72,4.38v12.9h0Z" /> <path class="cls-1" d="m73.32,53.25c0,3.73-2.15,6.24-5.31,6.24-2.51,0-4.23-1.36-5.31-4.16-2.65,3.3-4.81,4.38-8.68,4.38s-7.39-1.36-10.41-4.02c-4.16-3.66-6.24-8.68-6.24-15.07,0-5.81,1.72-10.19,5.52-13.92,3.16-3.16,6.89-4.81,10.98-4.81,3.73,0,5.96,1.08,8.97,4.16,1.15-2.8,2.73-3.95,5.24-3.95,2.94,0,5.24,2.37,5.24,5.38v25.76h0Zm-25.4-12.56c0,5.53,2.87,9.19,7.32,9.19s7.25-3.73,7.25-9.11-2.94-9.04-7.32-9.04-7.25,3.66-7.25,8.97h0Z" /> <path class="cls-1" d="m79.42,28.35c0-3.87,1.94-6.24,5.09-6.24,2.44,0,3.73,1,5.09,4.02,2.8-3.09,5.38-4.23,9.4-4.23,8.75,0,15.57,8.11,15.57,18.59s-6.96,19.23-16.22,19.23c-3.3,0-5.31-.72-8.4-3.09v18.27c0,2.58-.07,3.23-.72,4.38-.79,1.58-2.65,2.65-4.52,2.65s-3.8-1.08-4.59-2.65c-.65-1.22-.72-1.79-.72-4.38V28.35h.02Zm10.26,12.34c0,5.45,2.87,9.19,7.1,9.19s7.25-3.95,7.25-9.11-3.16-9.04-7.25-9.04-7.1,3.73-7.1,8.97h0Z" /> <path class="cls-1" d="m119.67,25.1c0-2.51.07-3.16.72-4.38.79-1.58,2.65-2.65,4.59-2.65s3.73,1.08,4.52,2.65c.65,1.22.72,1.79.72,4.38v15.1c0,2.51-.07,3.16-.72,4.38-.79,1.58-2.65,2.66-4.52,2.66s-3.8-1.08-4.59-2.66c-.65-1.22-.72-1.79-.72-4.38,0,0,0-15.1,0-15.1Z" /> <path class="cls-1" d="m141.44,14.02l-3.45,1.99c-.28.15-.48.39-.6.69l-1.44,3.71c-.19.5-.57.77-1.02.86-.55.11-1.18-.13-1.47-.74l-4.43-9.08-.65-1.33-.1-.2c-.43-.85.14-1.78.97-1.94.2-.04.43-.05.65.04l.31.1.98.28,10.01,3.14c1.13.37,1.3,1.91.26,2.49h-.02Z" /> <path class="cls-1" d="m131.39,5.17c.08.43.13.86.11,1.29l-.91-.28-.11-.04c-.52-.16-1.08-.19-1.61-.09-.1.02-.22.04-.31.07-.88.26-1.62.87-2.05,1.71-.29.58-.39,1.2-.32,1.81.02.36.11.71.28,1.05,0,.02.04.06.04.08l.78,1.58c-.3.14-.62.22-.94.28-3.45.66-6.77-1.61-7.44-5.05-.66-3.45,1.58-6.79,5.02-7.46s6.8,1.6,7.46,5.05h0Z" /> <text class="cls-2" transform="translate(18.97 12.6)"><tspan x="0" y="0">Built using</tspan></text> </svg> </a> </div> </div> <div class="col-xs-12 col-md-7 col-md-pull-3"> <div class="ft-btm-mid"> <div class="row"> <div class="col-xs-4 col-sm-3 hidden-xs"> <div class="ft-btm-mid-link"> <a href="/accessibility-policy" title="Accessibility Policy"> Accessibility Policy </a> </div> <div class="ft-btm-mid-link"> <a href="/privacy-policy" title="Privacy Policy"> Privacy Policy </a> </div> <div class="ft-btm-mid-link"> <a href="/cookie-policy" title="Cookie Policy"> Cookie Policy </a> </div> </div> <div class="col-xs-4 col-sm-3 hidden-xs"> <div class="ft-btm-mid-link"> <a href="/terms-and-conditions" title="Terms and Conditions"> Terms and Conditions </a> </div> <div class="ft-btm-mid-link"> <a href="/sitemap" title="Sitemap"> Sitemap </a> </div> </div> <div class="col-xs-4 col-sm-3 hidden-xs"> </div> <!-- If has CQC --> <div class="col-xs-6 col-sm-3"> <div class="cqc-wrp"> <div class="cqc-inr hidden-xs"> </div> </div> </div> </div> </div> </div> </div> <div class="accreditations-wrp"> <div class="row"> <!-- Maximum 6 accreditations --> <div class="col-xs-4 col-sm-2"> <a title="GC "> <img loading="lazy" src="/media/t5ldrclv/gambling-commission-logo-transparent.png?format=webp&quality=100&ver=4" class="ft-btm-accreditation" alt="GC" /> </a> </div> <div class="col-xs-4 col-sm-2"> <a title="HWL "> <img loading="lazy" src="/media/trwhohjs/healthy-working-lives.png?format=webp&quality=100&ver=4" class="ft-btm-accreditation" alt="HWL" /> </a> </div> <div class="col-xs-4 col-sm-2"> <a title="HUK "> <img loading="lazy" src="/media/nz5dsppx/hospice-uk.png?format=webp&quality=100&ver=4" class="ft-btm-accreditation" alt="HUK" /> </a> </div> <div class="col-xs-4 col-sm-2"> <a title="OSCR "> <img loading="lazy" src="/media/hgyjk5j2/oscr.png?format=webp&quality=100&ver=4" class="ft-btm-accreditation" alt="OSCR" /> </a> </div> <div class="col-xs-4 col-sm-2"> <a title="SP "> <img loading="lazy" src="/media/lfkdfpxg/scottish-partnership.png?format=webp&quality=100&ver=4" class="ft-btm-accreditation" alt="SP" /> </a> </div> </div> </div> <div class="visible-xs"> <div class="mob-footer-links"> <div class="ft-btm-link"> <a href="/accessibility-policy" title="Accessibility Policy"> Accessibility Policy </a> </div> <div class="ft-btm-link"> <a href="/privacy-policy" title="Privacy Policy"> Privacy Policy </a> </div> <div class="ft-btm-link"> <a href="/cookie-policy" title="Cookie Policy"> Cookie Policy </a> </div> <div class="ft-btm-link"> <a href="/terms-and-conditions" title="Terms and Conditions"> Terms and Conditions </a> </div> <div class="ft-btm-link"> <a href="/sitemap" title="Sitemap"> Sitemap </a> </div> </div> </div> <p class="copyright-text">© Accord Hospice 2025. Copyright ACCORD Hospice Registered Charity No SC013682</p> </div> </div> </div></footer> <!-- Require --> <script id="requireJsScript" type="text/javascript" data-main="/scripts/Main.js?v=4" src="/scripts/Vendor/RequireJS/require.min.js"></script> <!-- Latest Stable Version --><script type="text/javascript" src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js"></script> <script nonce="8rsuzyyYqTssWu9TQQdDo7V/+58="> var config = { apiKey: "2e49b7f5f55a4b413c9c86415a3a59c9ac12bc82", product: "PRO", necessaryCookies: "UMB_PREVIEW UMB-WEBSITE-PREVIEW-ACCEPT umb_installId UMB_UPDCHK UMB-XSRF-V UMB-XSRF-TOKEN TwoFactorRememberBrowser UMB_SESSION IsFundraising TributePage IsTributePage vendr-* .AspNetCore.Antiforgery.*".replace(" ", " ").trim().split(" "), optionalCookies: [{ name: "analytics", label: "Analytics", description: "Analytical cookies help us to improve our website by collecting and reporting information on its usage.", cookies: "_ga _gid _gat __utma __utmt __utmb __utmc __utmz __utmv ".replace(" ", " ").trim().split(" "), onAccept: function() { if (typeof gtag !== 'undefined' && typeof gtag === 'function') { gtag("consent", "update", { analytics_storage: "granted" }); } }, onRevoke: function() { if (typeof gtag !== 'undefined' && typeof gtag === 'function') { gtag("consent", "update", { analytics_storage: "denied" }) } } }, { name: "marketing", label: "Marketing", description: "We use marketing cookies to help us improve the relevancy of advertising campaigns you receive.", cookies: "VisitorStatus Source Campaign Content TrackedCampaigns ".replace(" ", " ").trim().split(" "), onAccept: function() { if (typeof gtag !== 'undefined' && typeof gtag === 'function') { gtag("consent", "update", { ad_storage: "granted" }) } }, onRevoke: function() { if (typeof gtag !== 'undefined' && typeof gtag === 'function') { gtag("consent", "update", { ad_storage: "denied" }) } } }], position: "LEFT", theme: "DARK", initialState: "NOTIFY", notifyOnce: true, layout: "SLIDEOUT", toggleType: "SLIDER", branding: { // Civic Theme - // Panel Position - // // Font Colour // Background Colour // Toggle Text Colour // Toggle Button Colour // Toggle Background Colour // Accept Button Background Colour // Accept Button Text Colour // Reject Button Background Colour // Reject Button Text Colour fontFamily: 'Lato, sans-serif', // Main Font Family fontColor: "#FFFFFF", notifyFontColor: "#FFFFFF", alertText: "#FFFFFF", fontSizeTitle: "30px", // H2 fontSizeIntro: "18px", // P fontSizeHeaders: "26px", // H3 fontSize: "18px", // P backgroundColor: "#474d53", toggleText: "#FFFFFF", toggleColor: "#474d53", toggleBackground: "#ef6d4d", acceptBackground: "#ef6d4d", acceptText: "#FFFFFF", rejectBackground: "#f2a900", rejectText: "#474d53", buttonIcon: null, buttonIconWidth: "64px", buttonIconHeight: "64px", removeIcon: !1, removeAbout: !0 }, excludedCountries: ["all"] }; CookieControl.load(config);</script> <script nonce='8rsuzyyYqTssWu9TQQdDo7V/+58='> var serviceUrl = "//api.reciteme.com/asset/js?key="; var serviceKey = "1df40878c0e9d9e9a7e482b11e2c001dc7a5271f"; var options = {}; // Options can be added as needed var autoLoad = false; var enableFragment = "#reciteEnable"; var loaded = [], frag = !1; window.location.hash === enableFragment && (frag = !0); function loadScript(c, b) { var a = document.createElement("script"); a.type = "text/javascript"; a.readyState ? a.onreadystatechange = function () { if ("loaded" == a.readyState || "complete" == a.readyState) a.onreadystatechange = null, void 0 != b && b() } : void 0 != b && (a.onload = function () { b() }); a.src = c; document.getElementsByTagName("head")[0].appendChild(a) } function _rc(c) { c += "="; for (var b = document.cookie.split(";"), a = 0; a < b.length; a++) { for (var d = b[a]; " " == d.charAt(0);)d = d.substring(1, d.length); if (0 == d.indexOf(c)) return d.substring(c.length, d.length) } return null } function loadService(c) { for (var b = serviceUrl + serviceKey, a = 0; a < loaded.length; a++)if (loaded[a] == b) return; loaded.push(b); loadScript(serviceUrl + serviceKey, function () { "function" === typeof _reciteLoaded && _reciteLoaded(); "function" == typeof c && c(); Recite.load(options); Recite.Event.subscribe("Recite:load", function () { Recite.enable() }) }) } "true" == _rc("Recite.Persist") && loadService(); if (autoLoad && "false" != _rc("Recite.Persist") || frag) document.addEventListener ? document.addEventListener("DOMContentLoaded", function (c) { loadService() }) : loadService(); var hrTopLevel = document.getElementsByClassName("hr-top-level-inr")[0];var links = hrTopLevel.getElementsByTagName("a");var recitemelink = null;for(var i=0;i<links.length;i++){if(links[i].innerText.includes("Accessibility Tools")) {recitemelink = links[i];} } if(recitemelink != null) { if (document.addEventListener) { document.addEventListener("DOMContentLoaded", function (event) { recitemelink.addEventListener("click", function (e) { e.preventDefault(); loadService(); return false; }); }); } else { recitemelink.attachEvent("onclick", function (e) {e.preventDefault(); loadService(); return false; }); }} </script> <script nonce="8rsuzyyYqTssWu9TQQdDo7V/+58="> window.addEventListener("beforeunload", function (e) { window.parent.postMessage({ hjsevt: "pageunload", data: { url: window.frameElement?.src } }, "*"); }); document.addEventListener("DOMContentLoaded", function () { if (window.parent && window.parent.postMessage) { window.parent.postMessage({ hjsevt: "resize", data: { width: document.body.scrollWidth, height: document.body.scrollHeight } }, "*"); const divElem = document.getElementById("main-body"); const resizeObserver = new ResizeObserver((entries) => { for (const entry of entries) { window.parent.postMessage({ hjsevt: "resize", data: { width: entry.contentRect.width, height: entry.contentRect.height } }, "*"); } }); resizeObserver.observe(divElem); } }); </script></body></html>
