CINXE.COM
Our ambassadors | Humanity & Inclusion UK
<!DOCTYPE html> <html lang="en"> <head> <!-- OneTrust removed --> <!-- Extenso no indexation --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5BWNTN');</script> <!-- End Google Tag Manager --> <!-- Matomo Tag Manager --> <script type="text/javascript"> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/hi.matomo.cloud/container_Ykp3KsnF.js'; s.parentNode.insertBefore(g,s); </script> <!-- End Matomo Tag Manager --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Our ambassadors | Humanity & Inclusion UK</title> <meta name="description" content="Meet our ambassadors, a group of truly inspiring individuals who are using their influence to support Humanity & Inclusion's work." /> <meta name="keywords" content="Humanity & Inclusion is an independent charity supporting disabled and vulnerable people in situations of poverty and exclusion, conflict and disaster. The new name of Handicap International." /> <meta name="generator" content="Humanity & Inclusion" /> <meta name="robots" content="index, follow"> <!-- GEO LOCALISATION --> <meta name="DC.title" content="" /> <meta name="geo.region" content="" /> <meta name="geo.placename" content="" /> <meta name="geo.position" content="" /> <meta name="ICBM" content="" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Our ambassadors" /> <meta property="og:description" content="Meet our ambassadors, a group of truly inspiring individuals who are using their influence to support Humanity & Inclusion's work." /> <meta property="og:url" content="https://www.humanity-inclusion.org.uk/en/our-ambassadors" /> <meta property="og:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/page/jack-and-ross-2255.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="https://www.humanity-inclusion.org.uk/en/our-ambassadors" /> <meta name="twitter:title" content="Our ambassadors" /> <meta name="twitter:description" content="Meet our ambassadors, a group of truly inspiring individuals who are using their influence to support Humanity & Inclusion's work." /> <meta name="twitter:image" content="https://www.humanity-inclusion.org.uk/sn_uploads/page/jack-and-ross-2255.jpg" /> <meta name="sednove_lg" content="en"> <meta name="sednove_uid" content="390"> <meta name="sednove_url" content="https://www.humanity-inclusion.org.uk/en/our-ambassadors"> <meta name="sednove_date" content="2025-01-28"> <link rel="canonical" href="https://www.humanity-inclusion.org.uk/en/our-ambassadors" > <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="/extenso/module/sed/core/js/jquery-3.5.1.min.js">\x3C/script>')</script> <script type="text/javascript" src="/en/assets/js/sed_site.js"></script> <link href="/en/assets/css/sed_site.css" rel="stylesheet"> <style type="text/css"> [data-sn-id="11434"] a:not(.btn) { color: #ffffff;} [data-sn-id="11434"] a:not(.btn):hover { color: #ffffff;} @media(min-width:992px){#w_11434 .link-level-3{color:#ffffff; } #w_11434.sticky .link-level-3{color:#ffffff; } .children-level-3{padding-left:20px;} #w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:15px !important; padding-bottom:15px !important; padding-left:18px !important; padding-right:18px !important; border-radius:12px;} #w_11434 > div > div > nav > ul > li.level-1.donate_btn.d-none.d-lg-block{margin-left:60px;} #w_11434 > div > div > nav > ul > li:nth-child(2){margin-left:60px;} } @media(max-width:991px){#w_11434 .donate_btn>a{ background-color: #d34607 !important; padding-top:12px !important; padding-bottom:12px !important; padding-left:10px !important; padding-right:10px !important; border-radius : 12px;} #w_11434 .level-1.has-children{ margin-top:10px; margin-bottom:20px;} #w_11434 .level-1.has-children.open{ text-align:center; margin-bottom:10px; } #w_11434 .level-1.has-children.open > ul{ text-align:left; } #w_11434 .level-1.has-children{ text-align:center; } #w_11434 .level-1.has-children > ul{ text-align:left; } .children-level-3{ padding-left:20px;} } .fa-heart{ padding-right:5px; font-size:20px;} .sn-element[data-sn-id="7701"] { margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 280px;} .sn-element[data-sn-id="11197"] { margin-top: 15px; margin-bottom: 15px; max-width: 200px;} .spacer_header{ height:124px} @media(max-width:1199px){ .spacer_header{ height:119px } } .sn-element[data-sn-id="7278"] { z-index: 999;} .sn-element[data-sn-id="7282"] { margin-top: -20px; margin-left: auto; margin-right: auto;} #widget_donate{ padding:15px 0;} @media(min-width:992px){ #widget_donate{ padding:115px 0 0; height:120px; z-index:56; } } @media(min-width:1200px){ #widget_donate{ padding:120px 0 0; } } .sn-element[data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff"] { z-index: 55; background-color: #0077c8;} .sn-element[data-sn-id="6256"] { z-index: 4;} .sn-element[data-sn-id="b4409e17b6f94cd9b71642764d185c5c"] { margin-top: 93px;} .sn-element[data-sn-id="11915"] { margin-top: 40px;} .sn-element[data-sn-id="6264"] h1,.sn-element[data-sn-id="6264"] h2,.sn-element[data-sn-id="6264"] h3,.sn-element[data-sn-id="6264"] h4,.sn-element[data-sn-id="6264"] h5,.sn-element[data-sn-id="6264"] h6{ color: #004f71;} .sn-element[data-sn-id="6264"] { margin-top: 15px; margin-bottom: 15px; color: #004f71;} .sn-element[data-sn-id="6265"] { margin-top: 30px;} .sn-element[data-sn-id="6266"] { margin-top: 15px; margin-bottom: 15px;} .sn-element[data-sn-id="6267"] { margin-bottom: 30px;} .sn-element[data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee"] { padding-left: 0px; padding-right: 0px;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h1,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h2,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h3,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h4,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h5,.sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] h6{ color: #ffffff;} .sn-element[data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2"] { margin-top: 40px; background-color: #0077c8; color: #ffffff;} .sn-element[data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf"] { background-color: #002e43;} .sn-element[data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3"] { margin-top: 20px;} .sn-element[data-sn-id="6585"] { padding-top: 10px; padding-right: 80px;} .sn-element[data-sn-id="6586"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="6589"] { padding-top: 10px;} [data-sn-id="8041"] a:not(.btn) { color: #ffffff;} [data-sn-id="8041"] a:not(.btn):hover { color: #e35205;} .sn-element[data-sn-id="8041"] h1,.sn-element[data-sn-id="8041"] h2,.sn-element[data-sn-id="8041"] h3,.sn-element[data-sn-id="8041"] h4,.sn-element[data-sn-id="8041"] h5,.sn-element[data-sn-id="8041"] h6{ color: #ffffff;} .sn-element[data-sn-id="8041"] { color: #ffffff;} .sn-element[data-sn-id="6593"] { padding-top: 10px; background-color: #004f71;} .sn-element[data-sn-id="7281"] { margin-bottom: 20px;} .sn-element[data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722"] { background-color: #002e43;} .sn-element[data-sn-id="6587"] h1,.sn-element[data-sn-id="6587"] h2,.sn-element[data-sn-id="6587"] h3,.sn-element[data-sn-id="6587"] h4,.sn-element[data-sn-id="6587"] h5,.sn-element[data-sn-id="6587"] h6{ color: #5bc2e7;} .sn-element[data-sn-id="6587"] { padding-top: 20px; color: #5bc2e7;} .sn-element[data-sn-id="6588"] { margin-top: 25px; margin-bottom: 25px;} .sn-element[data-sn-id="6244"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a"] { max-width: 100%;} .sn-element[data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e"] { background-color: #002e43;} .sn-element[data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3"] { margin-top: 20px;} .sn-element[data-sn-id="11435"] { padding-top: 10px;} .sn-element[data-sn-id="11436"] { padding-right: 80px;} .sn-element[data-sn-id="11437"] { margin-top: 25px; margin-bottom: 25px; max-width: 200px;} .sn-element[data-sn-id="11438"] { padding-top: 10px;} [data-sn-id="11439"] a:not(.btn) { color: #ffffff;} [data-sn-id="11439"] a:not(.btn):hover { color: #ffffff;} .sn-element[data-sn-id="11439"] h1,.sn-element[data-sn-id="11439"] h2,.sn-element[data-sn-id="11439"] h3,.sn-element[data-sn-id="11439"] h4,.sn-element[data-sn-id="11439"] h5,.sn-element[data-sn-id="11439"] h6{ color: #ffffff;} .sn-element[data-sn-id="11439"] { color: #ffffff;} .sn-element[data-sn-id="11440"] { padding-top: 10px;} .sn-element[data-sn-id="11441"] { margin-bottom: 20px;} .sn-element[data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d"] { background-color: #002e43;} .sn-element[data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d"] { padding-top: 20px;} .sn-element[data-sn-id="11444"] h1,.sn-element[data-sn-id="11444"] h2,.sn-element[data-sn-id="11444"] h3,.sn-element[data-sn-id="11444"] h4,.sn-element[data-sn-id="11444"] h5,.sn-element[data-sn-id="11444"] h6{ color: #0077c8;} .sn-element[data-sn-id="11444"] { margin-top: 25px; margin-bottom: 25px; color: #0077c8;} span.fa.fa-external-link{ display:none;} .sn-element[data-sn-id="11445"] { padding-top: 15px; padding-bottom: 15px;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] { min-height: 1500px!important; background-color: #002e43;} .sn-element[data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4"] > .sn-background-container > .sn-background-image { background-image: url('/sn_uploads/fck/SOUDAN_SUD_Peter_Bol_DT3-footer-1600px.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center top;} .sn-element[data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490"] { padding-top: 20px;} .sn-element[data-sn-id="11446"] { border-radius: 20px; margin-top: 20px; margin-bottom: 7%; margin-left: auto; margin-right: auto; max-width: 180px; background-color: #ffffff;} @import url('https://fonts.googleapis.com/css?family=Bitter'); .usine_donate_now .donate_header { max-width: 250px; margin: 0 0 10px; color: #fff; font-weight: bold; line-height: 1.2em; background: #d34607; padding: 20px 10px 25px 10px; text-align: center; border: 5px solid #fff; } .usine_donate_now .size-md{ font-size:26px; } .usine_donate_now .donate_header a { color: #fff; } .usine_donate_now .donate_header a strong{ font-size: 26px; text-transform:uppercase; margin:10px 0; line-height:.7; display:block; } .usine_donate_now .donate_header p { color: #000; font-weight: normal; } .usine_donate_now .donate_header #donate_result p { margin-top: 15px; } .usine_donate_now .donate_header .fa{ font-size: 36px; font-weight: inherit; vertical-align:middle; } .usine_donate_now .donate_header .form { margin-top: 30px; } .usine_donate_now .donate_header .form .amount_detail{ color: #d34607; background: #fff; padding: 12px 6px; border-radius: 5px; font-size:21px; } @media(max-width:1199px) AND (min-width:992px){ .usine_donate_now .donate_header .form .amount_detail{ font-size:17px; } } .usine_donate_now .donate_header .form .radio_f{ cursor:pointer; display:block; } .usine_donate_now .donate_header .form .radio_f:last-child{ padding-right:0; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail{ color: #fff; background: #d2492A ; position: relative; } .usine_donate_now .donate_header .form .radio_f input:checked + .amount_detail:before { position: absolute; content: ''; width: 0; height: 0; top:0; left:50%; transform:translate(-50%,0); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d34607; } .usine_donate_now .donate_header .form .other_amount input{ border: none; width: 80%; font-weight: normal; } .usine_donate_now .donate_header .form .other_amount input:focus{ outline: 0; } .usine_donate_now .donate_header .donate_btn { font-size:24px; color: #fff; background: #d2492A ; padding: 12px; border: none; border-radius: 5px; margin-top: 20px; margin-bottom: 10px; position: relative; font-weight:bold; } .usine_donate_now .donate_header .donate_btn:after{ position: absolute; content: '\f105'; font-family: "Font Awesome 5 Pro"; font-size: 1.5em; right: 20px; } @media screen and (max-width: 992px){ .usine_donate_now{ background: #d34607; text-align: center; } .usine_donate_now .donate_header { margin: auto; padding: 10px 10px 10px 10px; border: none; } .usine_donate_now .donate_header .mobile_icon img { width: 26px; vertical-align:unset; } } /*donate urgent*/ .usine_donate_urgent{ margin:0 -15px; background:#bf2100; } .usine_donate_urgent .w_height{ min-height:116px; } .usine_donate_urgent .widget_label{ font-family: 'Bitter', serif; color:#FFF; font-size:30px; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); font-style:italic; } .usine_donate_urgent .w_height > *{ padding-right:10px; } .usine_donate_urgent .w_height > *:last-child{ padding-right:0; } .usine_donate_urgent form fieldset > *, .usine_donate_urgent form > *{ display:inline-block; vertical-align:middle; margin:2px 0; } .usine_donate_urgent form fieldset > label{ margin:0; } .usine_donate_urgent form fieldset > label > .amount_detail{ width: 63px; color: #8e0000; background:#FFF; font-size:20px; font-weight:bold; padding: 9px 0; text-align: center; border-radius:6px; cursor:pointer; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail{ background:#8e0000; color:#FFF; position:relative; } .usine_donate_urgent form fieldset > label > input:checked + .amount_detail:before{ position:absolute; top:0; left:50%; transform:translateX(-50%); content:''; border-left:7px transparent solid; border-top:6px #bf2100 solid; border-right:7px transparent solid; } .usine_donate_urgent .amount_detail .input-group{ max-width:190px; } .usine_donate_urgent .amount_detail input{ padding-right:0; box-shadow:none; border-right:none; } .usine_donate_urgent .amount_detail input:focus + .input-group-addon{ border-color: #66afe9; } .usine_donate_urgent .amount_detail .input-group-addon{ border-left:0; background:#FFF; color:#8e0000; font-weight:bold; border-top-right-radius:6px; border-bottom-right-radius:6px; } .usine_donate_urgent .donate_btn{ background:#8e1600; color:#FFF; font-weight:bold; font-size:27px; display:inline-block; padding:4px 30px; position:relative; white-space:nowrap; border-top-right-radius:4px; border-bottom-right-radius:4px; } .usine_donate_urgent .donate_btn:after{ content: "\f105"; display: block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:50%; transform:translateY(-50%); } .usine_donate_urgent .donate_btn:before{ content:''; background:url(/sn_uploads/widgets/hand_red2.png) center bottom no-repeat; background-size:auto 100%; height:120%; width:60px; position:absolute; right: 100%; bottom:0; transform:translateX(46%); } .usine_donate_urgent .dcell_form .help-block{ color:#FFF; font-weight:bold; } @media (max-width:767px){ .usine_donate_urgent .w_height, .usine_donate_urgent .w_height > *{ display:block; } .usine_donate_urgent .w_height > *{ padding:10px 0; text-align:center; } .usine_donate_urgent .w_height .dcell_form{ padding:0; } .usine_donate_now .donate_header a{ text-decoration:none; vertical-align:text-top; } .usine_donate_now .donate_header a strong{ display:inline-block; margin:0; } .usine_donate_now .donate_header .fa{ vertical-align:unset; } .usine_donate_now .donate_header{ max-width:initial; } .usine_donate_now{ margin:0 -15px; } } .country_page_header .dcell h2 { white-space: nowrap; } .country_page_header .dcell{ vertical-align: bottom; } .country_page_header .dcell.more_link { padding-bottom: 10px; text-align: right; } .country_page_header .dcell.more_link a { color: #0077c8; } .country_page_header .dcell.more_link .fa { font-size: 2em; vertical-align: middle; padding-left: 5px; } .lastest_story_detail .tag { color: #0077c8; white-space: nowrap; font-family: inherit; margin-left: 5px; padding-left: 5px; border-left: 1px solid #d6dee4; } .lastest_story_detail .tag:first-of-type { margin-left: 0; padding-left: 0; border-left: 0; } .lastest_story_detail .col{ margin-bottom:30px; } @media screen and (max-width:767px){ .lastest_story_detail .news_title{ min-height:initial; } .country_page_header .dtable, .country_page_header .dcell { display: block; } .country_page_header .dcell.more_link { text-align: left; } } #sn_widget_11434 .sticky_container{ background-color : #0077c8; padding : 8px 15px 8px 15px; } #sn_widget_11434 .menu_container{ justify-content : center;align-items : center;flex-wrap : nowrap;} #sn_widget_11434 .sticky .sticky_container{ background-color : #0077c8; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .sticky_container{ background-color : #0077c8; } #sn_widget_11434 .menu_container{ justify-content : center;} } #sn_widget_11434 .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .logo_styling{ width : 150px; } #sn_widget_11434 .sticky .logo_container{ text-align : left;padding : 3px 0px 3px 10px; flex-grow : 1;} #sn_widget_11434 .sticky .logo_styling{ width : 150px; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .logo_container{ text-align : left;padding : 3px 0px 3px 0px; } #sn_widget_11434 .mobile_is_open .logo_styling{ width : 130px; } } #sn_widget_11434 .main_menu{ align-items : center;flex-wrap : wrap;flex-direction : row;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .main_menu{ justify-content : center;align-items : center;flex-direction : column;} #sn_widget_11434 .mobile_is_open .open_search_container{ display : none;} } #sn_widget_11434 .level-1{ margin : 0px 20px 0px 10px; } #sn_widget_11434 .link-level-1{ font-size : 22px; color : #ffffff; } #sn_widget_11434 .link-level-1:hover, #sn_widget_11434 .link-level-1[aria-expanded=true]{ color : #ffffff; } #sn_widget_11434 .has-children > .link-level-1:after{ content : '\f078'; font-family: 'Font Awesome 5 Pro';; font-weight : 900;margin : 0px 0px 0px 5px; } #sn_widget_11434 .sticky .link-level-1{ color : #ffffff; } #sn_widget_11434 .sticky .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .link-level-1{ color : #fff; } #sn_widget_11434 .mobile_is_open .link-level-1:hover, #sn_widget_11434 .mobile_is_open .link-level-1[aria-expanded=true]{ text-decoration : underline #0077c8 ; -webkit-text-decoration : underline #0077c8 ; } #sn_widget_11434 .mobile_is_open .has-children > .link-level-1:after{ content : ; font-family: 'Font Awesome 5 Pro';; font-weight : 900;} } #sn_widget_11434 .children-level-2{ padding : 5px 10px 10px 10px; background-color : #0077c8; width : 250px; } #sn_widget_11434 .link-level-2{ padding : 10px 0px 5px 5px; color : #fff; } #sn_widget_11434 .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } #sn_widget_11434 .sticky .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .sticky .link-level-2{ padding : 10px 0px 5px 5px; color : #ffffff; } @media(max-width:991px){ #sn_widget_11434 .mobile_is_open .children-level-2{ background-color : #0077c8; } #sn_widget_11434 .mobile_is_open .link-level-2{ color : #ffffff; } #sn_widget_11434 .mobile_is_open .link-level-2:hover{ color : #ffffff; text-decoration : underline ; -webkit-text-decoration : underline ; } } #sn_widget_11434 .search_input_container{ background-color : rgba(255,255,255,.93);padding : 0px 15px 0px 15px; } #sn_widget_11434 .search_input{ font-size : 22px; } #sn_widget_11915 .breadcrumb_top{ background-color : #fff; padding : 0px; } #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;font-size : 14px; color : #0077c8; } #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} @media(max-width:1199px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:991px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:767px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } @media(max-width:575px){ #sn_widget_11915 a, #sn_widget_11915 .arrow{ font-family : nunito;} #sn_widget_11915 a:hover, #sn_widget_11915 .arrow:hover{ font-family : nunito;} } #sn_widget_6584 h1, #sn_widget_6584 h2, #sn_widget_6584 h3, #sn_widget_6584 h4, #sn_widget_6584 h5, #sn_widget_6584 h6, #sn_widget_6584 p{ color : #0099cde; } #sn_widget_8041 h1, #sn_widget_8041 h2, #sn_widget_8041 h3, #sn_widget_8041 h4, #sn_widget_8041 h5, #sn_widget_8041 h6, #sn_widget_8041 p{ color : #e35205; } #sn_widget_6593 h1, #sn_widget_6593 h2, #sn_widget_6593 h3, #sn_widget_6593 h4, #sn_widget_6593 h5, #sn_widget_6593 h6, #sn_widget_6593 p{ color : #5bc2e7; } #sn_widget_6587 h1, #sn_widget_6587 h2, #sn_widget_6587 h3, #sn_widget_6587 h4, #sn_widget_6587 h5, #sn_widget_6587 h6, #sn_widget_6587 p{ color : #ffffff; } #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_6244 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_6244 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_6244 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } #sn_widget_11436 h1, #sn_widget_11436 h2, #sn_widget_11436 h3, #sn_widget_11436 h4, #sn_widget_11436 h5, #sn_widget_11436 h6, #sn_widget_11436 p{ color : #ffffff; } #sn_widget_11439 h1, #sn_widget_11439 h2, #sn_widget_11439 h3, #sn_widget_11439 h4, #sn_widget_11439 h5, #sn_widget_11439 h6, #sn_widget_11439 p{ color : #fffff; } #sn_widget_11439 a:hover{ color : #fffff; } #sn_widget_11440 h1, #sn_widget_11440 h2, #sn_widget_11440 h3, #sn_widget_11440 h4, #sn_widget_11440 h5, #sn_widget_11440 h6, #sn_widget_11440 p{ color : #5bc2e7; } #sn_widget_11442 { font-weight : bold;text-align : center;} #sn_widget_11443 h1, #sn_widget_11443 h2, #sn_widget_11443 h3, #sn_widget_11443 h4, #sn_widget_11443 h5, #sn_widget_11443 h6, #sn_widget_11443 p{ color : #ffffff; } #sn_widget_11443 li::marker{ content : ; font-family: 'Font Awesome 5 Pro';; } #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : row;} #sn_widget_11445 .level-1{ margin : 0px 5px 0px 5px; } #sn_widget_11445 .link-level-1{ color : #ffffff; transition : all .3s cubic-bezier(.3,0,.2,1);} @media(max-width:767px){ #sn_widget_11445 .w_horizontal_menu_one_level > .menu_list{ justify-content : center;align-items : center;flex-flow : column;} } #sn_widget_8479 .service-img{ border : 0px ; border-radius : 0px 0 0 0; margin : 0px; } .sn-element[data-sn-id="8475"] { margin-left: auto; margin-right: auto;} .sn-element[data-sn-id="f73f92ae5ff940baa76a49fb701f11e8"] { margin-top: 20px;} .sn-element[data-sn-id="0e7c715fe9054636bcc7b557e86d9c15"] { padding-right: 10px;} .sn-element[data-sn-id="8454"] { padding-left: 10px;} .sn-element[data-sn-id="a7b27a7dbcf047fea4e349af425131ad"] { margin-top: 20px;} </style> <script> requirejs.config({ paths: { "google": "https://maps.googleapis.com/maps/api/js?key=AIzaSyCL5bNoB7znTiOQZZ5RTeau6JVoe98z-wk", "ace": "//cdnjs.cloudflare.com/ajax/libs/ace/1.4.9/", "slider" : "//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min", "jquery": "//code.jquery.com/jquery-3.5.1.min", "validate" : "//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min", "form": "//malsup.github.io/jquery.form", "owl-carousel2": "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min", "pinterest" : "//assets.pinterest.com/js/pinit", "share":"//w.sharethis.com/button/buttons", "geocomplete":"//cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete", "clndr":"/js/site_calendar/clndr", "under":"//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.11.0/underscore", "moment":"/js/site_calendar/moment", "js.cookie":"https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min", "touch-punch":"//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min", "chosen":"/en/assets/js/chosen" }, shim: { 'geocomplete': ['jquery'], } }); </script> </head> <body class="sed_site_page"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BWNTN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="sn-foreground-color sn-background"></div> <a class="sr-only sr-only-focusable" href="#main" id="top"><span class="sn_pencil" data-sn_uid="849">Goto main content</span></a> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="de5b31f0-3f42-4957-87e4-f1a41399589e" > <div class="sn-element row " data-sn-type="row" data-sn-id="b5cd8b71-e625-48b1-8900-1092e40c6c8c" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-10 col-xl-12 " data-sn-type="column" data-sn-id="e7a93139-7ed4-41f4-9af3-be265d8990d2" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11434" data-sn-code="w_site_sticky_menu" data-sn-name="Sticky menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11434"><style> #w_11434 .sticky_container{ transition:all .2s cubic-bezier(.3,0,.2,1); position:relative; z-index: 99; } #w_11434 .menu_container{ display:flex; } #w_11434 .main_menu{ list-style:none; margin:0; padding:0; } #w_11434 .main_menu ul{ list-style:none; margin:0; } #w_11434 .main_menu{ display:flex; } #w_11434 .link-level-1{ transition:all .25s cubic-bezier(.3,0,.2,1); } /*level 1*/ #w_11434 .main_menu > .level-1{ position:relative; } #w_11434 .link-level-1{ animation:all .2s cubic-bezier(.3,0,.2,1); } #w_11434 .has-children > .link-level-1:after{ font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /*level 2*/ #w_11434 .children-level-2{ display:none; position:absolute; top:100%; left:0; z-index:1; } #w_11434 .main_menu .level-2 > .link-level-2{ display:block; transition:all .25s cubic-bezier(.3,0,.2,1); } /*any levels after*/ #w_11434 .main_menu .active{ font-weight:bold; } /**/ #w_11434 .search_input_container{ z-index:1; display:none; position:absolute; top:0; left:0; height:100%; width:100%; animation: w_11434_fade_in 300ms cubic-bezier(.3,0,.2,1); flex-wrap: nowrap; align-items:center; } #w_11434 .search_input_container .input_container{ flex-grow:1; height:100%; } #w_11434 .search_input_container form{ height:100%; } #w_11434 .search_input{ background:none; border:none; outline:none; box-shadow:none; width:100%; height:100%; } @keyframes w_11434_fade_in{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes w_11434_menu_appear{ 0%{ opacity:0; top:-20px; } 100%{ opacity:1; top:0; } } /*mobile*/ #w_11434 .toggle_mobile_container{ display:none; transition:top .25s cubic-bezier(.3,0,.2,1); top:0; flex-shrink:1; } #w_11434 .close_mobile{ display:none; } #w_11434 .placeholder_row{ visibility:hidden; } @media(max-width:991px){ #w_11434 .toggle_mobile_container{ display:block; position:relative; z-index:1; } #w_11434 .logo_container{ z-index:1; } #w_11434 .placeholder_row, #w_11434 .menu_container .nav_container{ display:none; } #w_11434 .children-level-2{ position:static; width:auto; } #w_11434.mobile_is_open .menu_container .nav_container{ width:100%; display:block; order: 3; animation:w_11434_slide_right .2s cubic-bezier(.3,0,.2,1); position:relative; left:0; } #w_11434 .menu_container{ flex-wrap:wrap; } #w_11434.mobile_is_open > .sticky_container{ position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; } } @keyframes w_11434_slide_right{ 0%{ left:-10%; } 100%{ left:0; } } /**/ /*sticky*/ #w_11434 .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434.sticky .sticky_container{ position:fixed; top:0; left:0; right:0; } #w_11434 .logo{ display:block; } #w_11434.sticky .logo_sticky{ display:block; } #w_11434.sticky .logo{ display:none; } #w_11434 .logo_sticky{ display:none; } /**/ /*hidden_sticky_menu*/ #w_11434.hidden_sticky_menu{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; opacity: 0; */ -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #w_11434{ /* -webkit-transition: opacity 600ms linear; transition: opacity 600ms linear; */ opacity: 1; visibility: visible; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; } </style><div id="w_11434"> <div class="sticky_container"> <div class="menu_container"> <div class="logo_container d-flex"><a class="d-block" href="/en/index" target=""> <img class="logo logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> <img class="logo_sticky logo_styling img-fluid" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_white_rgb.svg" alt="Humanity & Inclusion UK" title=""/> </a></div> <nav class="nav_container"> <ul class='main_menu'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">ABOUT US</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">Our Mission</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of Action</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where We Work</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 has-children "> <a href="/en/news/index" class="link-level-2"><span class="link_text">Latest News</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 "> <a href="/en/press/index" class="link-level-2"><span class="link_text">Press Office</span></a> <ul class="children-level-3"> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/stories/index"><span class="link_text">Photo stories</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/finances"><span class="link_text">Finances</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/about-us/our-uk-team"><span class="link_text">UK team</span></a> </li> <li class="level-2 "> <a class="link-level-2" href="/en/work-with-us"><span class="link_text">Work With Us</span></a> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">TAKE ACTION</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/appeals/index" class="link-level-2"><span class="link_text">EMERGENCY APPEALS</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=60&amount=5000&frequency=once&lang=en_EN"><span class="link_text">Lebanon crisis</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">WAYS TO DONATE</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/children-christmas-appeal"><span class="link_text">Christmas Appeal</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/index"><span class="link_text">Fundraising events</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in Memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give In Your Will</span></a> </li> </ul> </li> <li class="level-2 "> <a class="link-level-2" href="/en/partnerships/index"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">CAMPAIGN WITH US</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/prosthetics-for-life"><span class="link_text">Prosthetics For Life</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 donate_btn d-lg-block d-none homepage"><a class="link-level-1" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=750&frequency=regular&lang=en_EN"><span class="link_text"><span aria-hidden="true" class="icon fa-regular fa-heart"></span> DONATE</span></a></li> </ul> </nav> <div class="toggle_mobile_container"> <a href="javascript:void(0)" class="btn btn-link link-level-1 open_mobile" title="Open menu"> <span class="far fa-bars" aria-hidden="true"></span> </a> <a href="javascript:void(0)" class="btn btn-link link-level-1 close_mobile" title="Close menu"> <span class="fal fa-times" aria-hidden="true"></span> </a> </div> </div> </div></div><script> /*sticky*/ $(window).on('scroll.w_11434',function(event){ if($(this).scrollTop() > 0){ if(!$('#w_11434').hasClass('sticky')){ $('#w_11434').addClass('sticky').attr('data-stickied-top', true); } }else{ $('#w_11434').removeClass('sticky').removeAttr('data-stickied-top'); } }); /**/ require(["/en/toolbox/module/sed/site_menu/widget/w_site_sticky_menu/sed_site_sticky_menu.js"], function(app) { if(app){ app.init({ wuid: '11434', menu_level_3_collapsed : 'no' }); } }); </script></div> </div> </div> </div> </div> <div class="sn-element container hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="1603c903-5a59-4c19-815c-a7934f4ef0b3" > <div class="sn-element row " data-sn-type="row" data-sn-id="1a839f3a-96cd-420b-82e2-a4777c5e2b91" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 " data-sn-type="column" data-sn-id="9571f357-de8a-4448-a811-3dc4257a2a8d" > <div class="sn-element row " data-sn-type="row" data-sn-id="eff0d83d-d073-48d9-8323-703ce5bdfaad" > <div class="sn-element col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 " data-sn-type="column" data-sn-id="64f3d0ef-8eee-4530-9809-654a38535712" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-md-none " data-sn-type="widget" data-sn-id="7701" data-sn-code="usine_mega_drop_down_navigation" data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7701"> <style> #w_7180 ul{ list-style:none; padding:0; margin:0; } #w_7180 > ul{ display:table; width:66.6667%; } #w_7180 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_7180 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_7180 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_7180 > ul > li:first-child > a > span{ padding-left:0; } #w_7180 > ul > li:first-child > a{ border-left:none; } #w_7180 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_7180 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_7180 > ul > li.open > ul{ display:block; } #w_7180 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_7180 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_7180 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_7180 > ul > li > ul > li:first-child{ border:none; } #w_7180 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_7180 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_7180 > ul > li > ul > li > ul{ padding-left:10px; } #w_7180 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_7180 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_7180 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_7180 > ul{ width:100%; } } @media(max-width:767px){ #w_7180 .btn_mobile_menu_container{ display:block; text-align:right; } #w_7180 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_7180 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_7180 > ul{ display:none; } #w_7180 > ul.mobile_open{ display:block; } #w_7180 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_7180 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_7180 > ul > li > a > span, #w_7180 > ul > li > a{ padding:0; border:none; } #w_7180 > ul > li > ul > li:first-child, #w_7180 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_7180 > ul > li > ul > li.close_dropdown{ display:none; } #w_7180 > ul > li > a{ color:#0077c8; } #w_7180 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_7180"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> <a href="/en/index-old"><img class="mobile_logo" src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg?maxw=600" alt="Humanity & Inclusion logo" /></a> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_7180'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_7180 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_7180 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_7180 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_7180 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_7180 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_7180 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_7180', function(event){ if(!$(event.target).closest('.menu_w_7180').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_7180'); } }); }else{ close(); } }); })(); </script></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-none d-md-block " data-sn-type="widget" data-sn-id="11197" data-sn-code="sed_media_image_v2" data-sn-name="Image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11197"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11197 img{ max-width: 100%; } /*#w_11197 .img-circle { border-radius: 50%; }*/ #w_11197.img-container{ display: flex; /*justify-content:;*/ } </style> <div id="w_11197" class="img-container"> <div style="width:100%;"> <a href="/en/index-old" target=_self> <img loading="lazy" class="service-img img-max-100 d-none d-lg-block" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-md-block d-lg-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-none d-sm-block d-md-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> <img loading="lazy" class="service-img img-max-100 d-sm-none" style="width:5000px"; src="/sn_uploads/fck/Logo_Hi_Small_EN_Horiz_blue_rgb.svg" alt="Humanity & Inclusion logo" title=""> </a> </div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 " data-sn-type="column" data-sn-id="ec96ffc9-9c7e-4846-8a17-3543cc4bd7c3" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget spacer_header d-none d-md-block " data-sn-type="widget" data-sn-id="7280" data-sn-code="sed_essential_spacer" data-sn-name="Spacer" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7280"><style type="text/css"> .wdg_spacer { clear:both; } .space6937.wdg_spacer.custom { height:115px; } </style><div class="wdg_spacer space6937 custom"> </div></div> </div> </div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 " data-sn-type="column" data-sn-id="3d94408c-e986-4dd3-b660-43de05850d8f" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget d-none d-lg-block " data-sn-type="widget" data-sn-id="7278" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7278"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7282" data-sn-code="usine_donation_now" data-sn-name="Donation now" data-sn-nbview="4" id="widget_donate" > <div class="sn-element-content" id="sn_widget_7282"> <div class="usine_donate_now" id="w_6938"> <div class="donate_header"> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" > <span class="mobile_icon d-lg-none"> <img src="/sn_uploads/widgets/hand.png" alt=""> </span> <span class="size-md"><span class="sn_pencil" data-sn_uid="1440">Please</span></span> <strong><span class="sn_pencil" data-sn_uid="1229">Donate</span></strong> </a> </div></div><script type="text/javascript"> (function () { function get_donation_result(amount, limit){ amount = parseFloat(amount); limit = parseFloat(limit); var result; if(amount > limit) { result = Math.round(amount - (limit * 0.75 + (amount - limit)*0.66)); } else { result = amount * 0.25; } $("#donate_result p span#donation").text(result.toFixed(2).replace(".", ",")); $("#donate_result").removeClass("d-none"); } $(".donate_detail_toggle").each(function(){ $(this).click(function(){ $("#donation_detail").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-down").toggleClass("d-none"); $(".usine_donate_now .donate_header .fa-angle-up").toggleClass("d-none"); }); }); var form = $(".usine_donate_now .donate_header .form-inline"); form.find(".radio_f input").each(function(){ $(this).click(function () { get_donation_result($(this).val(), 531); }); }); form.find(".other_amount input").keyup(function () { if(!isNaN($(this).val()) && $(this).val() > 0){ get_donation_result($(this).val(), 531); } else { get_donation_result(0, 531); } }); })(); </script></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print hidden-xs d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="495e53e1-321b-4894-821c-f8ca5b2c9aff" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="6dc5bb3f-77c8-4569-b279-eca28c16bda0" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="9b94d6af-565c-4c54-b933-380bcdd74acd" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6256" data-sn-code="usine_mega_drop_down_navigation" data-sn-share data-sn-name="Mega drop down navigation" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6256"> <style> #w_6201 ul{ list-style:none; padding:0; margin:0; } #w_6201 > ul{ display:table; width:66.6667%; } #w_6201 > ul > li{ display:table-cell; vertical-align:middle; padding:12px 0; } /*link level 1*/ #w_6201 > ul > li > a{ color:#FFF; font-size: 26px; display:table; width:100%; text-align:center; text-transform:uppercase; } #w_6201 > ul > li > a > span{ display:table-cell; vertical-align:middle; padding:0 20px; } #w_6201 > ul > li:first-child > a > span{ padding-left:0; } #w_6201 > ul > li:first-child > a{ border-left:none; } #w_6201 > ul > li:last-child > a > span{ padding-right:0; } /**/ /*mega dropdown*/ #w_6201 > ul > li > ul{ display:none; position:absolute; top:100%; left:0; width:100%; background:#34495e; z-index:99; padding-top:40px; } #w_6201 > ul > li.open > ul{ display:block; } #w_6201 > ul > li > ul:after{ content:''; display:table; clear:both; } #w_6201 > ul > li > ul > li{ float:left; width:25%; margin:0 0 40px; padding:0 20px; border-left:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ border:none; padding:0px; margin:0; float:none; width:auto; position:absolute; bottom:0; right:0; } #w_6201 > ul > li > ul > li.close_dropdown > a{ padding:7px 12px; display:block; background:#2c3e53; color:#009cde; font-size:12px; position:relative; } #w_6201 > ul > li > ul > li:first-child{ border:none; } #w_6201 > ul > li > ul > li:nth-child(4n+1){ clear:both; border:none; } /**/ /*link level-2*/ #w_6201 > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:18px; display:block; padding-bottom:12px; text-decoration:none; } /*link level-3*/ #w_6201 > ul > li > ul > li > ul{ padding-left:10px; } #w_6201 > ul > li > ul > li > ul > li > a{ color:#FFF; font-weight:700; font-size:16px; display:block; position:relative; } #w_6201 > ul > li > ul > li > ul > li > a:before{ content:''; position:absolute; left:-10px; top:8px; width:4px; height:4px; border-radius:50%; background:#009cde; } /**/ #w_6201 .btn_mobile_menu_container{ display:none; } @media(max-width:991px){ #w_6201 > ul{ width:100%; } } @media(max-width:767px){ #w_6201 .btn_mobile_menu_container{ display:block; text-align:right; } #w_6201 .btn_mobile_menu_container > a{ font-size:28px; color:#0077c8; transition:all .2s cubic-bezier(.3,0,.2,1); } #w_6201 .btn_mobile_menu_container > a.open{ color:#FFF; background:#0077c8; } #w_6201 > ul{ display:none; } #w_6201 > ul.mobile_open{ display:block; } #w_6201 > ul > li{ display:block; border-bottom:1px solid #ececef; position:relative; left:-100%; transition:left .3s cubic-bezier(.3,0,.2,1); } #w_6201 > ul > li > ul{ position:relative; padding:20px 0 10px; } #w_6201 > ul > li > a > span, #w_6201 > ul > li > a{ padding:0; border:none; } #w_6201 > ul > li > ul > li:first-child, #w_6201 > ul > li > ul > li{ float:none; width:auto; border:none; padding:20px 0; margin:0 20px; border-bottom:2px solid #2c3e53; } #w_6201 > ul > li > ul > li.close_dropdown{ display:none; } #w_6201 > ul > li > a{ color:#0077c8; } #w_6201 .mobile_logo{ max-width:280px; width:100%; height:auto; } } </style> <nav id="w_6201"> <div class="dtable hidden-sm hidden-md hidden-lg"> <div class="dcell"> </div> <div class="dcell dcell-minwidth"> <div class="btn_mobile_menu_container ml-sm"> <a href="javascript:void(0)" class="btn btn-link btn_mobile_menu"> <span aria-hidden="true" class="fa fa-bars"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1217">Navigation</span></span> </a> </div> </div> </div> <ul class='menu_w_6201'> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">About us</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/about-us/index" class="link-level-2"><span class="link_text">About HI</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/our-history"><span class="link_text">History</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/awards"><span class="link_text">Awards</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/finances"><span class="link_text">Finances</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/action/index" class="link-level-2"><span class="link_text">Areas of action</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/action/rehabilitation"><span class="link_text">Rehabilitation</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/emergencies"><span class="link_text">Emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/explosive-weapons"><span class="link_text">Explosive weapons</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/health-and-prevention"><span class="link_text">Health and prevention</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/inclusion"><span class="link_text">Inclusion</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-rights"><span class="link_text">Disability rights</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/action/disability-the-global-picture"><span class="link_text">Disability worldwide</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">People</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/about-us/our-uk-team"><span class="link_text">Our UK team</span></a> </li> <li class="level-3 active"> <a class="link-level-3" href="/en/our-ambassadors"><span class="link_text">Ambassadors</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/our-fundraising-superstars"><span class="link_text">Our supporters</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/the-amazing-people-we-support"><span class="link_text">The people we support</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/work-with-us"><span class="link_text">Work with us</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">Our impact</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="/en/country/index" class="link-level-2"><span class="link_text">Where we work</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/country/index"><span class="link_text">Countries we work in</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/country/united-kingdom"><span class="link_text">UK activities</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/projects/index" class="link-level-2"><span class="link_text">Special projects</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/projects/rehabilitation-in-emergencies"><span class="link_text">Rehabilitation in emergencies</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/inclusive-futures"><span class="link_text">Inclusive Futures</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/peoples-postcode-lottery"><span class="link_text">People's Postcode Lottery</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/disability-data-in-humanitarian-action"><span class="link_text">Disability Data in Humanitarian Action</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/projects/growing-together-inclusive-safe-spaces-to-play-for-vulnerable-children"><span class="link_text">Growing together</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">News</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/news/index"><span class="link_text">Latest news</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/press-office"><span class="link_text">Press releases</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/reports/index"><span class="link_text">Reports</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/stories/ukraine-crisis-psychological-impact"><span class="link_text">Photo stories</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/hi-from-the-field"><span class="link_text">HI from the field</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sign-up-for-email-updates"><span class="link_text">Email newsletter</span></a> </li> </ul> </li> </ul> </li> <li class="level-1 has-children "> <a href="javascript:void(0)" class="link-level-1"><span class="link_text">How you can help</span></a> <ul class="children-level-2"> <li class="level-2 has-children "> <a href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN" class="link-level-2"><span class="link_text">Donate</span></a> <ul class="children-level-3"> <li class="level-3 "><a class="link-level-3" target="" href="https://donate.humanity-inclusion.org.uk/b?cid=1&amount=850&frequency=regular&lang=en_EN"><span class="link_text">Make a donation today</span></a></li> <li class="level-3 "> <a class="link-level-3" href="/en/gaza-crisis"><span class="link_text">Gaza crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/sudan-crisis"><span class="link_text">Sudan crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/ukraine-emergency"><span class="link_text">Ukraine crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/yemen-crisis"><span class="link_text">Yemen crisis</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/supporter-promise"><span class="link_text">Our promise to you</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/campaign/index" class="link-level-2"><span class="link_text">Campaign</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/after-the-news"><span class="link_text">After the News</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/campaign/stop-bombing-civilians"><span class="link_text">Stop Bombing Civilians</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="/en/fundraise/index" class="link-level-2"><span class="link_text">Fundraise</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/challenge-yourself"><span class="link_text">Your own challenge</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/make-every-step-count-with-a-fundraising-walk"><span class="link_text">Fundraising walks</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/fundraise/quiz-for-humanity-inclusion"><span class="link_text">Host a quiz</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/take-action-in-your-school"><span class="link_text">Take action in your school</span></a> </li> </ul> </li> <li class="level-2 has-children "> <a href="javascript:void(0)" class="link-level-2"><span class="link_text">More ways to help</span></a> <ul class="children-level-3"> <li class="level-3 "> <a class="link-level-3" href="/en/partnerships/partnerships-and-philanthropy"><span class="link_text">Partnerships & Philanthropy</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/give-in-your-will"><span class="link_text">Give in your will</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/donate-in-memory-of-a-loved-one"><span class="link_text">Donate in memory</span></a> </li> <li class="level-3 "> <a class="link-level-3" href="/en/volunteer-your-time"><span class="link_text">Volunteer</span></a> </li> </ul> </li> </ul> </li> </ul> </nav> <script> (function(){ var timeout_hover; $('#w_6201 > ul > li > ul').prev('a').attr('aria-haspopup', true).attr('aria-expanded', false) .parent('li').hover(function(){ if(window.innerWidth > 767){ clearTimeout(timeout_hover); $("#donation_detail").addClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-down").removeClass("hidden"); $(".usine_donate_now .donate_header .fa-angle-up").addClass("hidden"); $(this).siblings().removeClass('open').children('a').attr('aria-expanded', false); $(this).addClass('open').children('a').attr('aria-expanded', true); } }, function(){ if(window.innerWidth > 767){ var $this = $(this); timeout_hover = setTimeout(function(){ $this.removeClass('open').children('a').attr('aria-expanded', false); },200); } }); $('#w_6201 > ul > li > ul').prev('a').on('click', function(){ var $li = $(this).parent('li'); if($(this).next('ul').css('display') == 'none'){ $li.siblings().removeClass('open').children('a').attr('aria-expanded', false); $li.addClass('open').children('a').attr('aria-expanded', true); }else{ $li.removeClass('open').children('a').attr('aria-expanded', false); } }); //link on second level are always group, focus on their first child link on click (or enter key press) $('#w_6201 > ul > li > ul > li > a').on('click', function(){ $(this).next('ul').children('li').first().children('a').focus(); }); $('#w_6201 > ul > li > ul').append('<li class="close_dropdown"><a href="javascript:void(0)">CLOSE NAVIGATION <span aria-hidden="true" class="fa fa-times"></span></a></li>') .find('.close_dropdown').on('click', function(){ $(this).parent().closest('li').removeClass('open').children('a').attr('aria-expanded', false); }); $('#w_6201 .btn_mobile_menu_container > a').attr('aria-haspopup', true).attr('aria-expanded', false).on('click', function(){ var $ul = $('#w_6201 > ul'); var $this = $(this); function open(){ $this.addClass('open').attr('aria-expanded', true); $ul.slideDown(200, function(){ $(this).removeAttr('style').addClass('mobile_open'); }); function anim_li_open($li){ $li.css('left', 0); if($li.next('li').length){ setTimeout(function(){ anim_li_open($li.next('li')); },80); } } anim_li_open($ul.children('li').first()); } function close(){ function anim_li_close($li){ $li.css('left', ''); if($li.prev('li').length){ setTimeout(function(){ anim_li_close($li.prev('li')); },60); }else{ $this.removeClass('open').attr('aria-expanded', false);; $ul.slideUp(200, function(){ $(this).removeAttr('style').removeClass('mobile_open'); }); } } anim_li_close($ul.children('li').last()); } if($ul.css('display') == 'none'){ open(); $(document).on('click.w_6201', function(event){ if(!$(event.target).closest('.menu_w_6201').length && !$(event.target).closest('.btn_mobile_menu').length){ close(); $(document).off('click.w_6201'); } }); }else{ close(); } }); })(); </script></div> </div> </div> </div> </div> <div id="main" class="sn-element container " data-sn-type="container" data-sn-id="b4409e17b6f94cd9b71642764d185c5c" tabindex="0" > <div class="sn-element row " data-sn-type="row" data-sn-id="5c82c4906f9e4d359add3094dfb64221" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="27149e30f79b4a0eba3d76d49e1d6112" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11915" data-sn-code="hi_breadcrumb_auto" data-sn-name="Breadcrumb auto" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11915"><div class="container"> <nav id="siteBreadcrumb"> <ol class="breadcrumb breadcrumb_top"> <li> <a href="/">Home</a> <span class="arrow"> > </span> <a href="/en/" id="folder" style="text-transform:capitalize;">folderValue</a> <span id="separator" class="arrow"> > </span> <a href="our-ambassadors">Our ambassadors</a> </li> </ol> </nav></div> <script>var folderValue = "/en/";/*Display no folder if the folder is only the language one*/if (folderValue === "/fr/" || folderValue === "/de/" || folderValue === "/en/" || folderValue === "/nl/") { document.getElementById("folder").style.display = "none"; document.getElementById("separator").style.display = "none";} /*Trim the name to remove /lg/ and the end "/" */else{ folderValue = folderValue.substring(4, folderValue.length - 1); document.getElementById("folder").textContent = folderValue // Update the folderValue link text } </script><style> #siteBreadcrumb{ margin-left:-15px; margin-right:-15px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6264" data-sn-code="sed_site_page_title" data-sn-name="the title of the site%27s page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6264"> <div class="page-header6209 bck-bleu-pale section-title center" > <h1 style="color:#004f71 !important;">Our ambassadors</h1> </div> <style> .page-header6209.section-title h1, .page-header6209.section-title h2, .page-header6209.section-title h3, .page-header6209.section-title h4, .page-header6209.section-title h5, .page-header6209.section-title h6 { margin-top:2px; margin-bottom:2px; } </style></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6265" data-sn-code="usine_page_text_content" data-sn-name="Text content in the page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6265"> <div class="page_summary mb-md mt-md"> <p>Meet our ambassadors, a group of truly inspiring individuals who are using their influence to support Humanity & Inclusion's work.</p> </div> <style> .text_content .fa {font-weight:normal!important;} </style></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget d-print-none " data-sn-type="widget" data-sn-id="6266" data-sn-code="sed_social_share_this_page" data-sn-name="Share this page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6266"> <span class='st_facebook_large' displayText='Facebook'></span><span class='st_twitter_large' displayText='Tweet'></span><span class='st_linkedin_large' displayText='LinkedIn'></span><span class='st_email_large' displayText='Email'></span> <script type='text/javascript'>var switchTo5x=false;</script> <script type='text/javascript'> require(['share'], function() { stLight.options({publisher: '9c37de8e-e299-41d0-ab02-ac90eea43a68', lang:'en', doNotHash: false, doNotCopy: false, hashAddressBar: false}); }); </script></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6267" data-sn-code="usine_cover_image" data-sn-name="Cover image" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6267"> <img style="width:100%" class="img-fluid mt-lg" src="/sn_uploads/page/jack-and-ross-2255.jpg?maxw=1110" alt="Jack Hunter-Spivey and Ross Wilson, Humanity & Inclusion Ambassadors" title=""/> <p class="legend"><span class="capitalize">© Neil Thomas/HI</span></p> </div> </div> </div> </div> </div> <div class="sn-element container-fluid main main " data-sn-type="container" data-sn-id="acc1a2c196d541f0af53cecd8cca801e" > <div class="sn-element row " data-sn-type="row" data-sn-id="51e43db0576f4500a347a9a04def6d72" > <div class="sn-element control_full_width col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 control_full_width " data-sn-type="column" data-sn-id="2f5f1a8d2f674dc5bafcf2c44691c5ee" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6508" data-sn-code="sed_site_grid" data-sn-name="Use to instantiate a grid in a master page" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6508"> <div class="sn-grid" data-body-id="a72f95c0e7f24d269e1fc9e794229749" data-sn-id="2300" data-sn-parent="sed_site_page" data-sn-code="our-ambassadors" > <div class="sn-element container " data-sn-type="container" data-sn-id="3bcd6346e1fb49e5b60a7a9df693f22c" > <div class="sn-element row " data-sn-type="row" data-sn-id="1c4cdecb1efd47f89f8c0c7ea1fbbe48" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="f98a4ab1d7a74d37b259e78e62a059c2" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8475" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8475"><div id="ck7814 " class="wid-style box-element_gamila7814 "> <h2>Ross Wilson and Jack Hunter-Spivey</h2> </div><style type="text/css"> .box-element7814 { margin: 0px; padding:0px; } .box-element7814 img{ max-width:100%; } .newspaper7814 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7814' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8476" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8476"><div id="ck7815 " class="wid-style box-element_gamila7815 "> <p><strong>As ambassadors of Humanity & Inclusion UK, Ross Wilson (left) and Jack Hunter-Spivey (right) support Humanity & Inclusion's work alongside people with disabilities living in situations of poverty and exclusion, conflict, and natural disaster.</strong></p> <p>The two renowned table tennis players and Paralympians are currently focusing on qualifying for the 2020 Paralympic Games in Tokyo, Japan.</p> </div><style type="text/css"> .box-element7815 { margin: 0px; padding:0px; } .box-element7815 img{ max-width:100%; } .newspaper7815 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7815' );</script>--></div> </div> </div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="f73f92ae5ff940baa76a49fb701f11e8" > <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="0e7c715fe9054636bcc7b557e86d9c15" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8455" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8455"><div id="ck7794 " class="wid-style box-element_gamila7794 "> <h3>Ross Wilson</h3> <p>Currently ranked no.3 in the world, Ross Wilson showed an immediate talent for the game. His natural skill brought him success in abled bodied table tennis and as a junior he was ranked in the top ten in the country, winning two National doubles titles.</p> <p>In 2011, Ross was diagnosed with multiple epiphyseal dysplasia, which affects the growing ends of the bones. Soon after the diagnosis, he started training with the GB Paralympic team.</p> <p>In October 2018, Ross achieved his dream of becoming World Champion, beating the double Paralympic champion from China, Zhao Shuai, in the final of men’s class 8 to take the gold. He also won gold at the 2018 Commonwealth Games.</p> <p class="ck-exergue-line-left" style="border-left:6px solid #757575;font-size:130%;font-style:italic;line-height:160%;padding-left:25px;">“I’m really excited to help spread the word about Humanity & Inclusion’s amazing teams of physiotherapists, prosthetic specialists, deminers and many others. Too few people around the world are able to access vital support. I know that HI prioritises the most vulnerable whether that’s in the aftermath of an earthquake, a country where unexploded bombs still litter the ground, or in places where there are so many barriers for people with disabilities accessing health or education services.”</p> </div><style type="text/css"> .box-element7794 { margin: 0px; padding:0px; } .box-element7794 img{ max-width:100%; } .newspaper7794 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7794' );</script>--></div> </div> </div> <div class="sn-element col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 " data-sn-type="column" data-sn-id="f0a411fab53c49e29dce9dd12e8aa540" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8454" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8454"><div id="ck7793 " class="wid-style box-element_gamila7793 "> <h3>Jack Hunter-Spivey</h3> <p>Originally from Liverpool, Jack was born with cerebral palsy and was blind and deaf until he was nine months old. He discovered his passion for table tennis at an early age and was invited to his first GB development camp at the age of 11. He has been part of the performance squad since 2011.</p> <p>Currently ranked world no.7 and a ten-time British champion, Jack is the only player ever to win the Junior, Senior and Open British titles in the same year and also competes in able bodied table tennis at county level as well as with the GB Para team.</p> <p class="ck-exergue-line-left" style="border-left:6px solid #757575;font-size:130%;font-style:italic;line-height:160%;padding-left:25px;">“The overwhelming majority of people with disabilities around the world live in developing countries and it’s something we don’t think about enough. In places affected by conflict and natural disaster Humanity & Inclusion are often the only organisation focussing their work to support people with disabilities. This is one of the reasons why I’m so proud to be an Ambassador.”</p> </div><style type="text/css"> .box-element7793 { margin: 0px; padding:0px; } .box-element7793 img{ max-width:100%; } .newspaper7793 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7793' );</script>--></div> </div> </div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="a7b27a7dbcf047fea4e349af425131ad" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="16b0b7e2abd4432f82a2f10511aeeed3" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8478" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8478"><div id="ck7817 " class="wid-style box-element_gamila7817 "> <hr /> <p> </p> </div><style type="text/css"> .box-element7817 { margin: 0px; padding:0px; } .box-element7817 img{ max-width:100%; } .newspaper7817 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7817' );</script>--></div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="7cd0d4e08f1d46b29a955b9317f39cad" > <div class="sn-element row " data-sn-type="row" data-sn-id="de8ffeb8f69c495f9d5af3cf37c2b617" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="92f101f90a5d478e999a7b5f16e3e984" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8459" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8459"><div id="ck7798 " class="wid-style box-element_gamila7798 "> <h2>Jessica Cox</h2> </div><style type="text/css"> .box-element7798 { margin: 0px; padding:0px; } .box-element7798 img{ max-width:100%; } .newspaper7798 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7798' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8479" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_8479"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_8479 img{ max-width: 100%; } #w_8479 .img-circle { border-radius: 50%; } #w_8479{ display: flex; justify-content:; } </style><div id="w_8479"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/page/jessica-Cox-writes-on-a-chalkboard-at-a-school-in-Nepal.jpg" alt="Humanity & Inclusion Ambassador Jessica Cox" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/page/jessica-Cox-writes-on-a-chalkboard-at-a-school-in-Nepal.jpg" alt="Humanity & Inclusion Ambassador Jessica Cox" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/page/jessica-Cox-writes-on-a-chalkboard-at-a-school-in-Nepal.jpg" alt="Humanity & Inclusion Ambassador Jessica Cox" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/page/jessica-Cox-writes-on-a-chalkboard-at-a-school-in-Nepal.jpg" alt="Humanity & Inclusion Ambassador Jessica Cox" title=""> <p class="legend capitalize">© Amul Thapa/HI</p> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8480" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8480"><div id="ck7819 " class="wid-style box-element_gamila7819 "> <p><strong>Jessica Cox is a motivational speaker, pilot, wife, and disability rights advocate who was born without arms. Jessica and her husband Patrick are HI Ambassadors. Their mission: to advocate for the rights of people with disabilities and show the world what people with disabilities can accomplish when they can access their rights.</strong></p> <p class="ck-exergue-line-left" style="border-left:6px solid #757575;font-size:130%;font-style:italic;line-height:160%;padding-left:25px;">"Being born in the U.S., I’m granted access to the same rights and opportunities and as everyone else. People can tell me I can’t do something, but their words can’t prevent me from trying. It’s an injustice that this isn’t the case everywhere."</p> <p>"On a trip to Ethiopia I had the chance to speak at four schools where HI works. In a country where only 3% of children with disabilities go to school, HI was working to enroll and support hundreds of children with disabilities. I was overwhelmed by the enthusiastic welcomes I received. Children with disabilities who had been taught that they were worthless, and had been kept hidden at home, told me how their lives had changed since going to school. The power of a law and a change in society’s attitude allowed the students to envision a future of “I can:” having friends, going to university, getting a job, and even having a family of their own."</p> <p>Jessica writes a regular blog on the HI US website: <strong><a href="https://www.hi-us.org/jessica_cox_blog" target="_blank">The World at my Feet</a></strong>. It includes stories about her work with HI, lessons she has learned living as a woman without arms, and insights from other disability rights advocates.</p> </div><style type="text/css"> .box-element7819 { margin: 0px; padding:0px; } .box-element7819 img{ max-width:100%; } .newspaper7819 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7819' );</script>--></div> </div> </div> </div> </div> <div class="sn-element container-fluid " data-sn-type="container" data-sn-id="96df4a348d0d48dbae5396fdacdd05a7" > <div class="sn-element row " data-sn-type="row" data-sn-id="a43cfed9240a48d4805bccce8cf58433" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="47b66d33e4854972a3a74f1c9b5b4795" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8481" data-sn-code="usine_read_more" data-sn-name="Latest stories%2FNews" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8481"> <div class="country_page_header"> <h2 class="text-uppercase"><strong><span class="sn_pencil" data-sn_uid="1311">Read</span></strong> <span class="sn_pencil" data-sn_uid="1312">more</span></h2> </div> <div class="row lastest_story_detail" id="w_7820"> <div class="col-md-4 "> <a href="/en/the-amazing-people-we-support"> <img src="/sn_uploads/news/camb-kanha-027-1280x720.jpg?size=350x200&crop" alt="The amazing people we support" class="d-block img-fluid"> </a> <div class="legend"> © Eric Martin/Figaro/HI </div> <h4 class="news_title mt-md"><a href="/en/the-amazing-people-we-support">The amazing people we support</a></h4> <div class="summary" style="max-height:80px;"> <p>Inspirational stories from people around the world whose lives have changed thanks to support from Humanity & Inclusion's donors.</p> </div> </div> <div class="col-md-4 "> <a href="/en/our-fundraising-superstars"> <img src="/sn_uploads/page/rupert_and_al-uk-1280x720.jpg?size=350x200&crop" alt="Our fundraising superstars" class="d-block img-fluid"> </a> <div class="legend"> © Rupert Godesen/HI </div> <h4 class="news_title mt-md"><a href="/en/our-fundraising-superstars">Our fundraising superstars</a></h4> <div class="summary" style="max-height:80px;"> <p>Inspiring stories of our supporters taking on fundraising challenges in the UK.</p> </div> </div> <div class="col-md-4 "> <a href="/en/fundraise/index"> <img src="/sn_uploads/grid/hi_400_1.jpg?size=350x200&crop" alt="Fundraise with us" class="d-block img-fluid"> </a> <div class="legend"> © Bas Bogaerts / HI </div> <h4 class="news_title mt-md"><a href="/en/fundraise/index">Fundraise with us</a></h4> <div class="summary" style="max-height:80px;"> </div> </div> <script> $('#w_7820 .summary').truncate_text({ watch:'resize'/*, expandLink:'Read more', expandLinkCallBack:function($container){ $container.css('max-height',''); }*/ }); </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer" class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="e2a07280-7041-482f-8d50-9a2adf5f2ee2" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited " data-sn-type="row" data-sn-id="1c47dc50-f8e5-4157-8929-ffdfe4693d84" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="6fd881b9-f7e6-487c-9e05-85f73781a899" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6583" data-sn-code="usine_email_signup_form" data-sn-share data-sn-name="Email sign up form" data-sn-nbview="4" > <div class="sn-element-content" id="sn_widget_6583"> <style> .error{ color: #005cb9; font-size: 18px; display: block; padding: 7px 0; } .well { min-height: 20px; padding: 25px; margin-bottom: 20px; border: none; border-radius: 0px; box-shadow: none; } .form-inline .form-group{ margin-bottom:10% } #w_6473{ min-height:100px; } #w_6473 p{ margin:0; } #w_6473 > .dcell{ padding:10px 15px 10px 0; } #w_6473 > .dcell:last-child{ padding-right:0; } @media (max-width:767px){ #w_6473 > .dcell, #w_6473{ display:block; padding:10px; text-align:center; } } </style> <div class="dtable fullwidth" id="w_6473"> <div class="dcell"> <img src="/sn_uploads/mail_original_icon.png" alt=""/> </div> <div class="dcell"> <div class="sn_pencil" data-sn_uid="1321"><p><span style="font-size:24px;"><strong>Sign up to receive updates </strong></span><br /> <span style="font-size:18px;">on how your support is changing lives</span></p> </div> </div> <div class="dcell"> <form class="form-light" method="post" action=""> <div class="fullwidth"> <div> <label class="label-control sr-only" for="email6473"> <span class="sn_pencil" data-sn_uid="1216">Newsletter inscription</span> </label> </div> <div class="dtable fullwidth"> <div class="dcell"> <input type="email" name="email" id ="email6473" class="form-control input-lg" placeholder="Enter your email address"> </div> <div class="dcell dcell-minwidth form-group"> <button class="btn btn-primary2 ml-xs" type="submit"> <strong>OK</strong> </button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="sn-element row d-none d-none " data-sn-type="row" data-sn-id="41fe7b47-f29e-49ec-950b-10b03d067cdf" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e6a160bb-f317-4453-ac60-8e77b8b5b71b" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="746d0f8d-a317-41e4-9a56-aa25c74ee5c3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="5269fba6-6591-4207-9470-7a69e2de47ea" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6584" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6584"> <div id="ck6474 " class="wid-style box-element_gamila6474 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;"> US</span></span></p> </div> <style type="text/css"> .box-element6474 { margin: 0px; padding:0px; } .box-element6474 img{ max-width:100%; } .newspaper6474 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6474' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6585" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6585"> <div id="ck6475 " class="wid-style box-element_gamila6475 "> <p>Humanity & Inclusion UK<br /> Romero House<br /> 55 Westminster Bridge Road<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div> <style type="text/css"> .box-element6475 { margin: 0px; padding:0px; } .box-element6475 img{ max-width:100%; } .newspaper6475 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6475' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6586" data-sn-code="sed_media_image" data-sn-share data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_6586"> <style type="text/css"> /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_6586 img{ max-width: 100%; } #w_6586 .img-circle { border-radius: 50%; } #w_6586{ display: flex; justify-content:; } </style> <div id="w_6586"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div> </div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="a3a1a2b7-229b-4918-b0c4-61e4e8d795cf" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6589" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6589"> <div id="ck6478 " class="wid-style box-element_gamila6478 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE</b> INFORMATION</span></p> </div> <style type="text/css"> .box-element6478 { margin: 0px; padding:0px; } .box-element6478 img{ max-width:100%; } .newspaper6478 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6478' ); </script> --></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="8041" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_8041"><div id="ck7426 " class="wid-style box-element_gamila7426 "> <p>• <strong><a href="/en/supporter-promise">Supporter promise</a></strong></p> <p>• <a href="/en/finances"><strong>Finances</strong></a></p> <p>• <a href="/en/work-with-us"><strong>Jobs</strong></a></p> <p>• <a href="/en/press-office"><strong>Press office</strong></a></p> <p>• <a href="/en/contact"><strong>Contact us</strong></a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank"><strong>Report misconduct</strong></a></p> </div><style type="text/css"> .box-element7426 { margin: 0px; padding:0px; } .box-element7426 img{ max-width:100%; } .newspaper7426 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck7426' );</script>--></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="fbbe5942-9b7e-4a2b-bf26-b13d5d35778e" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6593" data-sn-code="sed_text_textck" data-sn-share data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_6593"> <div id="ck6482 " class="wid-style box-element_gamila6482 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div> <style type="text/css"> .box-element6482 { margin: 0px; padding:0px; } .box-element6482 img{ max-width:100%; } .newspaper6482 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style> <!-- <script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script> <script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6482' ); </script> --></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="7281" data-sn-code="usine_search_field" data-sn-share data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_7281"> <style> #w_6432 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_6432 input:focus{ outline: thin dotted red; box-shadow:none; } #w_6432 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_6432"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1237">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1237">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-none d-print-none d-none " data-sn-type="container" data-sn-id="8a07129e-f3fe-46d3-b146-0d9d91f21722" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="66ec830a-7a0d-40a7-8526-e53ac6efdeab" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="d90222a1-51a8-46c0-bf43-3bdc4f5b5f02" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6587" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6587"><div id="ck6422 " class="wid-style box-element_gamila6422 "> <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element6422 { margin: 0px; padding:0px; } .box-element6422 img{ max-width:100%; } .newspaper6422 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck6422' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6588" data-sn-code="sed_social_media" data-sn-share data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6588"> <div class="wdg_social_media6477_parent"> <div class="wdg_social_media6477" > <style> .wdg_social_media6477 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media6477 ul.large{ font-size:26px; } .wdg_social_media6477 ul.small{ font-size:13px; } .wdg_social_media6477 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media6477 li:last-child{ padding-right:0; } .wdg_social_media6477 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media6477 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media6477 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media6477 .circle a{ border-radius:50%; } .wdg_social_media6477 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media6477 .diamond a{ transform:rotate(45deg); } .wdg_social_media6477 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media6477 .diamond li:last-child{ padding:6px; } .wdg_social_media6477 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media6477 .diamond.large li:last-child{ padding:10px; } .wdg_social_media6477 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media6477 .diamond.small li:last-child{ padding:3px; } .wdg_social_media6477 .diamond img{ transform:rotate(-45deg); } .wdg_social_media6477 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media6477 .diamond i:before{ position:relative; top:25%; } .wdg_social_media6477 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media6477 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media6477 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media6477 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media6477 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media6477 .large a img{ height:50px; } .wdg_social_media6477 .small a img{ height:20px; } .wdg_social_media6477 { margin:0 auto; display:inline-block; } .wdg_social_media6477_parent:after { content: ""; display:table; clear:both; } .wdg_social_media6477_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="6244" data-sn-code="w_horizontal_menu_one_level" data-sn-share data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_6244"> <style> #w6204 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w6204 .link-level-1{ display:flex; height:100%; } </style> <nav id="w6204" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul> </nav></div> </div> </div> </div> </div> <div class="sn-element container " data-sn-type="container" data-sn-id="812b4c74-dec6-4504-934e-481e10c21b8a" > <div class="sn-element row " data-sn-type="row" data-sn-id="f222e416-d29b-4598-9f46-040ffcc0956e" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="e4a1a091-722b-4f73-ac45-d42061646a4c" > <div class="sn-element row row-limited footer_row2 footer_row2 " data-sn-type="row" data-sn-id="61cb3d0e-97ba-4e51-a9bd-974551112ba3" > <div class="sn-element footer_row2_col1 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col1 " data-sn-type="column" data-sn-id="da9f039e-d5c2-4535-9101-84a53647b957" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11435" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11435"><div id="ck10371 " class="wid-style box-element_gamila10371 "> <p><strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;">ABOUT</span></span></strong><span style="color:#009cde;"><span style="font-size: 22px; text-transform: uppercase;"> US</span></span></p> </div><style type="text/css"> .box-element10371 { margin: 0px; padding:0px; } .box-element10371 img{ max-width:100%; } .newspaper10371 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10371' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11436" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11436"><div id="ck10372 " class="wid-style box-element_gamila10372 "> <p>Humanity & Inclusion UK<br /> Romero House,<br /> 55 Westminster Bridge Road,<br /> London<br /> SE1 7JB</p> <p>UK registered charity no. 1082565</p> </div><style type="text/css"> .box-element10372 { margin: 0px; padding:0px; } .box-element10372 img{ max-width:100%; } .newspaper10372 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10372' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11437" data-sn-code="sed_media_image" data-sn-name="Add an image" data-sn-nbview="1" > <div class="sn-element-content" id="sn_widget_11437"> <style type="text/css"> /* Magnific Popup CSS */.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */.mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } #w_11437 img{ max-width: 100%; } #w_11437 .img-circle { border-radius: 50%; } #w_11437{ display: flex; justify-content:; } </style><div id="w_11437"> <div> <img class=" service-img img-max-100 d-none d-lg-block " style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-md-block d-lg-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-none d-sm-block d-md-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> <img class=" service-img img-max-100 d-sm-none" style="opacity:1;" src="/sn_uploads/fck/fr_reglogo_wo_hr.png" alt="Registered with Fundraising Regulator" title=""> </div> </div></div> </div> </div> <div class="sn-element footer_row2_col2 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col2 " data-sn-type="column" data-sn-id="212979d4-32bf-4beb-953b-37709e84913a" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11438" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11438"><div id="ck10374 " class="wid-style box-element_gamila10374 "> <p><span style="color:#e35205;font-size:18px;font-size:22px;text-transform:uppercase;"><b>MORE </b>INFORMATION</span></p> </div><style type="text/css"> .box-element10374 { margin: 0px; padding:0px; } .box-element10374 img{ max-width:100%; } .newspaper10374 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10374' );</script>--></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11439" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11439"><div id="ck10375 " class="wid-style box-element_gamila10375 "> <p>• <a href="/en/supporter-promise">Supporter promise</a></p> <p>• <a href="/en/finances">Annual report</a></p> <p>• <a href="/en/work-with-us">Jobs</a></p> <p>• <a href="/en/press-office">Press office</a></p> <p>• <a href="/en/contact">Contact us</a></p> <p>• <a href="https://hi.org/en/reporting-form" target="_blank">Report misconduct</a></p> </div><style type="text/css"> .box-element10375 { margin: 0px; padding:0px; } .box-element10375 img{ max-width:100%; } .newspaper10375 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10375' );</script>--></div> </div> </div> <div class="sn-element footer_row2_col3 col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 footer_row2_col3 " data-sn-type="column" data-sn-id="776530ef-d792-4c14-9526-8c7697cb616c" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11440" data-sn-code="sed_text_textck" data-sn-name="Add text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11440"><div id="ck10376 " class="wid-style box-element_gamila10376 "> <p style="font-size:22px;text-transform:uppercase;"><b>SEARCH</b></p> </div><style type="text/css"> .box-element10376 { margin: 0px; padding:0px; } .box-element10376 img{ max-width:100%; } .newspaper10376 { -webkit-column-count: 0; /* Chrome, Safari, Opera */ -moz-column-count: 0; /* Firefox */ column-count: 0; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; } </style><!--<script type="text/javascript" src="/extenso/module/sed/core/ckeditor/ckeditor.js"></script><script> // Turn off automatic editor creation first. CKEDITOR.inline( 'ck10376' );</script>--></div> </div><div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11441" data-sn-code="usine_search_field" data-sn-name=" %09Search field" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11441"> <style> #w_10377 input{ font-size:16px; border:1px #727578 solid; border-radius:0; padding:8px; height:38px; line-height:20px; } #w_10377 input:focus{ outline: thin dotted red; box-shadow:none; } #w_10377 .btn{ border:none; font-size:28px; padding:0 0 0 10px; color: #727578; } </style> <div id="w_10377"> <form onsubmit="submit_search(); return false;"> <div class="dtable fullwidth"> <div class="dcell dcell-maxwidth"> <label class="sr-only" for="search_text"><span class="sn_pencil" data-sn_uid="1237">Search</span></label> <input placeholder="Search the site" class="form-control" id="search_text" type="text"/> </div> <div class="dcell"> <a href="#" onclick="submit_search()"class="btn btn-link"> <span class="fa fa-search"></span><span class="sr-only"><span class="sn_pencil" data-sn_uid="1237">Search</span></span> </a> </div> </div> </form> </div> <script type="text/javascript"> function submit_search(){ window.location = '/en/search?kw=' + $('#search_text').val(); } </script></div> </div> </div> </div> </div> </div> <div class="sn-element row " data-sn-type="row" data-sn-id="52c0fa7b-72a8-4a3e-855e-ae6e14f66e3e" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="232eb39c-ab88-4c32-9093-41cf6b6b5ece" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11442" data-sn-code="sed_code" data-sn-name="Code in a widget" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11442"></div> </div> </div> </div> </div> <div class="sn-element container-fluid hidden-print d-print-none d-print-none " data-sn-type="container" data-sn-id="2bc8b84d-cd16-4368-b606-842848d0bb7d" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="9b97470d-a4c3-48ea-aef1-21d33cbe5cc4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="f230c0aa-1f57-4d66-aa00-9ba1e8fbea4d" > <div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11443" data-sn-code="sed_text_textck_v2" data-sn-name="Text" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11443"><div id="v2ck10379" class="wid-style" > <p style="text-align: center;"><span style="font-size:22px;"><strong>FOLLOW</strong> US</span></p> </div><style type="text/css"> .box-element10379 img{ max-width:100%; } </style> </div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11444" data-sn-code="sed_social_media" data-sn-name="Social Networks" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11444"> <div class="wdg_social_media10380_parent"> <div class="wdg_social_media10380" > <style> .wdg_social_media10380 ul{ padding:0; margin:0; list-style:none; display:table; font-size:18px; } .wdg_social_media10380 ul.large{ font-size:26px; } .wdg_social_media10380 ul.small{ font-size:13px; } .wdg_social_media10380 li{ display:table-cell; vertical-align:middle; padding-right:10px; } .wdg_social_media10380 li:last-child{ padding-right:0; } .wdg_social_media10380 a{ text-decoration:none; color:#ffffff; background:#0077c8; display:block; text-align:center; height:34px; line-height:34px; width:34px; } .wdg_social_media10380 .large a{ height:50px; line-height:50px; width:50px; } .wdg_social_media10380 .small a{ height:20px; line-height:20px; width:20px; } .wdg_social_media10380 .circle a{ border-radius:50%; } .wdg_social_media10380 .withoutframe a{ background:transparent!important; color:#ffffff; } .wdg_social_media10380 .diamond a{ transform:rotate(45deg); } .wdg_social_media10380 .diamond li{ padding:6px 16px 6px 6px; } .wdg_social_media10380 .diamond li:last-child{ padding:6px; } .wdg_social_media10380 .diamond.large li{ padding:10px 22px 10px 10px; } .wdg_social_media10380 .diamond.large li:last-child{ padding:10px; } .wdg_social_media10380 .diamond.small li{ padding:3px 8px 3px 3px; } .wdg_social_media10380 .diamond.small li:last-child{ padding:3px; } .wdg_social_media10380 .diamond img{ transform:rotate(-45deg); } .wdg_social_media10380 .diamond i{ width:100%; height:100%; transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond .fa{ transform:rotate(-45deg); top:0; } .wdg_social_media10380 .diamond i:before{ position:relative; top:25%; } .wdg_social_media10380 a:hover{ background:#009cde; color:#ffffff; } .wdg_social_media10380 i{ display:block; position:relative; top:50%; transform:translateY(-50%); } .wdg_social_media10380 a.img{ width:auto; border-radius:0; background:none; } .wdg_social_media10380 a.img:hover{ background:none; opacity:0.7; } .wdg_social_media10380 a img{ height:34px; display:block; vertical-align: middle; } .wdg_social_media10380 .large a img{ height:50px; } .wdg_social_media10380 .small a img{ height:20px; } .wdg_social_media10380 { margin:0 auto; display:inline-block; } .wdg_social_media10380_parent:after { content: ""; display:table; clear:both; } .wdg_social_media10380_parent { text-align:center; } </style> <ul class="circle medium"> <li> <a href="https://www.facebook.com/HumanityInclusionUK" target="_blank" title="Facebook"> <span class="fab fa-facebook" aria-hidden="true"></span> </a> </li> <li> <a href="https://twitter.com/hi_uk" target="_blank" title="Twitter"> <span class="fa-brands fa-x-twitter" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.instagram.com/humanityinclusionuk" target="_blank" title="Instagram"> <span class="fab fa-instagram" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.youtube.com/HumanityInclusionUK" target="_blank" title="YouTube"> <span class="fab fa-youtube" aria-hidden="true"></span> </a> </li> <li> <a href="https://www.linkedin.com/company/HumanityInclusionUK/" target="_blank" title="Linkedin"> <span class="fab fa-linkedin" aria-hidden="true"></span> </a> </li> <li> <a href="/en/sign-up-for-email-updates" target="_blank" title="Email newsletter"> <span class="fa fa-envelope" aria-hidden="true"></span> </a> </li> </ul> </div> </div></div> </div><div data-sn-json-csseditor="1" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11445" data-sn-code="w_horizontal_menu_one_level" data-sn-name="Horizontal menu one level" data-sn-nbview="0" > <div class="sn-element-content" id="sn_widget_11445"><style> #w11445 > .menu_list{ padding:0; margin:0; list-style:none; display:flex; } #w11445 .link-level-1{ display:flex; height:100%; } </style><nav id="w11445" class="w_horizontal_menu_one_level"> <ul class='menu_list'> <li class="level-1 "> <a class="link-level-1" href="/en/terms-and-conditions"><span class="link_text">Terms & conditions</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/privacy-policy"><span class="link_text">Privacy</span></a> </li> <li class="level-1 "> <a class="link-level-1" href="/en/cookies-policy"><span class="link_text">Cookies</span></a> </li> <li class="level-1 "><a class="link-level-1" target="" href="javascript:void(0)"><span class="link_text">© Humanity & Inclusion UK</span></a></li> </ul></nav></div> </div> </div> </div> </div> <div class="sn-element hidden-print d-print-none container-fluid d-print-none " data-sn-type="container" data-sn-id="c3880a31-ed2f-4186-a87d-422b4e8987b4" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element row row-limited footer_row3 footer_row3 " data-sn-type="row" data-sn-id="c569846f-151e-4b5f-84b1-34cbb03159d4" > <div class="sn-element col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 " data-sn-type="column" data-sn-id="76e236ee-b43c-467f-81a4-b963bcb03490" > <div data-sn-json-csseditor="0" class=" sn-element sn_widget " data-sn-type="widget" data-sn-id="11446" data-sn-code="sed_site_menu_slim" data-sn-share data-sn-name="Slim menu" data-sn-nbview="0" id="website_selector" > <div class="sn-background sn-background-container"> <div class="sn-background sn-background-image"></div> <div class="sn-background sn-foreground-color"></div> </div> <div class="sn-element-content" id="sn_widget_11446"> <style> #w_6430:after{ content:''; clear:both; display:table; } #w_6430 ul{ list-style:none; margin:0; padding:0; } #w_6430 > ul{ float:right; margin:0 0 -10px } #w_6430 > ul > li{ float:left; position:relative; padding:0 10px; margin-bottom:10px; } #w_6430 > ul > li:before{ content:''; background-color:#d4d5d8; height:60%; width:1px; position:absolute; left:0; top:20%; } #w_6430 > ul > li:first-child:before{ content:none; } #w_6430 > ul > li > a{ position:relative; z-index:10; } #w_6430 a{ color:#002e43; } #w_6430 > ul > li > ul{ display:none; position:absolute; top:100%; z-index:9; border:1px solid #d4d5d8; background:#FFF; left:50%; transform:translateX(-50%); width:270px; padding:0 5px; margin-top:6px; overflow:hidden; } #w_6430 > ul > li.countries > ul{ padding:0 5px 0 100px; } #w_6430 > ul > li.countries > ul:before{ display: block; font-family: "Font Awesome 5 Pro"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; top:10px; left:16px; font-size:75px; content: "\f57d"; color:#d4d5d8; font-weight:900; } #w_6430 > ul > li.has-children:after{ content:''; display:block; background:#FFF; width:100%; position:absolute; top:100%; left:0; height:11px; z-index:9; transform:translateY(-4px); border-left:1px solid #d4d5d8; opacity:0; transition:opacity .2s linear; } #w_6430 > ul > li.has-children.open:after{ opacity:1; } #w_6430 > ul > li.countries > a:before{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f57d"; font-weight:900; } #w_6430 > ul > li.has-children > a:after{ display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-weight:100; position:relative; top:0; transition:top .2s cubic-bezier(.3,0,.2,1), transform .2s cubic-bezier(.3,0,.2,1); } #w_6430 > ul > li.has-children.open > a:after, #w_6430 > ul > li.has-children > a:hover:after{ top:3px; } #w_6430 > ul > li.has-children.open > a:after{ transform:scale(-1); } #w_6430 > ul > li > ul > li{ padding:5px 0; } </style> <nav id="w_6430"> <ul class=''> <li class="level-1 has-children countries"> <a > <span> United Kingdom </span></a><ul> <li> <a href="https://www.handicap-international.de/de/homepage"> Germany </a> </li> <li> <a href="https://www.handicapinternational.be/"> Belgium </a> </li> <li> <a href="https://www.hi-canada.org/en/index"> Canada </a> </li> <li> <a href="https://www.handicap-international.fr/fr/index"> France </a> </li> <li> <a href="https://www.handicap-international.lu/fr/index"> Luxembourg </a> </li> <li> <a href="https://www.handicap-international.ch/fr/index"> Switzerland </a> </li> <li> <a href="https://www.hi-us.org/"> USA </a> </li> <li> <a href="https://www.hi.org/"> International </a> </li> </ul> </li> </ul> </nav> <script> $('#w_6430 > ul > li > ul').prev('a').on('click', function(){ var $ul = $(this).next('ul'); if($ul.css('display') == 'none'){ $ul.fadeIn(150).closest('li').addClass('open'); var rect = $ul[0].getBoundingClientRect(); var right_difference = rect.right - $(window).width(); if(right_difference > 0){ $ul.css('left', 'calc(50% - '+right_difference+'px)'); }else if(rect.left < 0){ $ul.css('left', 'calc(50% - '+rect.left+'px)'); } $(document).on('click', function(e){ if($(e.target).closest('#w_6430').length < 1){ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); }else{ $ul.fadeOut(150, function(){$(this).removeAttr('style');}).closest('li').removeClass('open'); } }); </script></div> </div> </div> </div> </div> <script> $(document).ready(function() { $("a[href$='pdf']").each(function(index) { pdfLabel = $(this).attr('href'); pdfOnClick = "ga('send', 'event', 'PDF', '" + pdfLabel + "');"; $(this).attr("onClick", pdfOnClick); }); }); </script> <script type="text/javascript" src="https://try.abtasty.com/c3674cab39653b9ee55fb1c72b8e5698.js"></script> <!-- Colored tab on mobile --> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#0077c8"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#0077c8"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#0077c8"> <!-- End colored tab on mobile --> <!-- TEST javascript --> <link href="/extenso/fontawesome/css/all.min.css" rel="stylesheet" /> </body></html>