Accessibility

<!DOCTYPE html> <html lang="en-GB" class="ife-2025 no-js"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> Accessibility | IFE </title> <meta name="generator" content="SHOWOFF by ASP.events" /> <meta name="author" content=""> <meta name="description" content="At IFE accessibility is important — helping to provide an enjoyable event for everyone." /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Accessibility | IFE" /> <meta property="og:site_name" content="International Food & Drink Event 2025" /> <meta property="schema:description" typeof="http://schema.org/WebPage" content="At IFE accessibility is important — helping to provide an enjoyable event for everyone." /> <meta property="schema:name" typeof="http://schema.org/WebPage" content="Accessibility" /> <meta property="schema:image" typeof="http://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/ife-2025/IFE2025.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:image" content="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/ife-2025/IFE2025.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:description" content="At IFE accessibility is important — helping to provide an enjoyable event for everyone." /> <meta property="og:type" content="article" />  <base href="https://www.ife.co.uk/" > <meta name="robots" content="index, follow" /> <link rel="icon" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/favicon.ico" type="image/x-icon" /> <link rel="canonical" href="https://www.ife.co.uk/accessibility" /> <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/__theme/css/site.css?v=3A6F98EA" /> <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/__theme/css/fonts.css" type="text/css"/> <link href="" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.asp.events/includes/js/script.min.js"></script> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/base.min.js"></script> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/plugins/persist.min.js"></script> <script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/alpine.min.js"></script> <link rel="preload" href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" rel="stylesheet"> </noscript> <style> .m-exhibitor-entry--tabs .m-exhibitor-entry__item__body__content__overview__description { text-align: left; } </style> <script> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/1.2.0/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); }); jQuery(document).ready(function(){ jQuery(document).on('click','.js-share-button',showShareDialog); function showShareDialog(e) { e.preventDefault(); var Site = jQuery(this).attr('data-site'); if (jQuery(this).attr('data-slug') != '') { var PageUrl = jQuery(this).attr('data-slug'); } else { var PageUrl = location.href; } var contentId = ''; if (jQuery(this).attr('data-contentId') != '') { var contentId = jQuery(this).attr('data-contentId'); } var shareText = jQuery(this).attr('data-shareText'); var shareTitle = jQuery(this).attr('data-shareTitle'); jQuery.get ( '__share/buttons/getShareUrl' , { Site:Site , PageUrl:PageUrl , PageTitle:document.title, contentId:contentId, shareText:shareText, shareTitle:shareTitle } , redirectToShare ); //var _paq = _paq || []; //piwik - track share event, and set value for dimension6 in action scope _paq.push(['trackEvent','General','Share',Site,null,{dimension6:PageUrl}]); } function redirectToShare(data) { //open email share in modal if(data.ShareTo.indexOf('__share/email') == 0) openRemoteModal(data.ShareTo); else{ var popupBlockerChecker = { check: function(popup_window){ var _scope = this; if (popup_window) { if(/chrome/.test(navigator.userAgent.toLowerCase())){ setTimeout(function () { _scope._is_popup_blocked(_scope, popup_window); },200); }else{ popup_window.onload = function () { _scope._is_popup_blocked(_scope, popup_window); }; } }else{ _scope._displayError(); } }, _is_popup_blocked: function(scope, popup_window){ if ((popup_window.innerHeight > 0)==false){ scope._displayError(); } }, _displayError: function(){ alert("Popup Blocker is enabled! Please add this site to your exception list."); } }; var popup = window.open(data.ShareTo,'_blank','width=800,height=650'); //'width=620,height=440' popupBlockerChecker.check(popup); } } }); </script> </head> <body id="top" class="body--id-65427 body--template-default"> <script>window.pipedriveLeadboosterConfig = {base: 'leadbooster-chat.pipedrive.com',companyId: 2149998,playbookUuid: '8f5fd991-6724-4adb-826c-bcf1a9c16836',version: 2};(function () {var w = window;if (w.LeadBooster) {console.warn('LeadBooster already exists');} else {w.LeadBooster = {q: [],on: function (n, h) {this.q.push({ t: 'o', n: n, h: h });},trigger: function (n) {this.q.push({ t: 't', n: n });},};}})();</script><script src="https://leadbooster-chat.pipedrive.com/assets/loader.js" async></script> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/143291918.js"></script>  <div class="site"> <header class="s-header " x-data="composerStructureHeader({id: 64223, style: 4, isSticky: true})" x-on:scroll.window="handleOnWindowScroll" x-on:resize.window.debounce.50ms="handleOnWindowResize"> <template x-if="headerMobile"> <div class="s-header__mobile s-header__mobile--style-1 s-header__mobile--64223" x-data="composerStructureHeaderMobile" x-on:resize.window.debounce.50ms="handleOnWindowResize"> <div class="s-header__mobile__default"> <div class="s-header__mobile__default__container u-layout-container-default"> <div class="s-header__mobile__default__wrapper-one"> <div class="s-header__mobile__logo"> <div class="w-image w-image--id-uid_C7AB3 w-image--style-1 w-image--style-1--align-center"> <div class="w-image__container" style="width: 279px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="279" alt="IFE Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE-FDHW-lockup-wide-1-.png/fit-in/279x558/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE-FDHW-lockup-wide-1-.png/fit-in/558x1116/filters:no_upscale() 2x" /> </a> </div> </div> </div> <div class="s-header__mobile__dates u-color-text u-font-one u-font-one-size-normal"> <p style="text-align: center;">17 - 19 March 2025 ExceL London</p> </div> </div> <div class="s-header__mobile__default__wrapper-two"> <div class="s-header__mobile__open-trigger"> <button class="s-header__mobile__open-trigger__button u-color-one u-border-solid-1 u-border-radius-shape-circle u-border-color-one" x-on:click="handleOnOpenClick" > <i class="s-header__mobile__open-trigger__button__icon fal fa-bars"></i> </button> </div> </div> </div> </div> <div class="s-header__mobile__open"> <div class="s-header__mobile__open__background u-background-color-black" style="opacity: 0.88;"></div> <div class="s-header__mobile__open__close u-layout-container-default"> <button class="s-header__mobile__open__close__button u-color-white u-border-color-white u-border-solid-1 u-border-radius-shape-circle" x-on:click="handleOnCloseClick"> <i class="s-header__mobile__open__close__button__icon fal fa-times"></i> </button> </div> <div class="s-header__mobile__open__container"> <div class="s-header__mobile__open__wrapper-two"> </div> <div class="s-header__mobile__open__wrapper-three"> <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-center" x-on:click="handleAnchorScroll" aria-label="Main Menu">  <ul class="p-menu--accordion p-menu--accordion--id-2A387" x-data="composerPatternMenuAccordion({id: '2A387'})" menuid="2A387"> <li class="p-menu__item" title="Home"> <div class="p-menu__item__wrapper-one"> <a href="" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large">Home</a> </div> </li> <li class="p-menu__item has-submenu" title="Exhibit"> <div class="p-menu__item__wrapper-one"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Exhibit</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item" title="Why Exhibit?"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-color-white">Why Exhibit?</a> </div> </li> <li class="p-menu__item__submenu__item" title="Event Sections"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="event-sections" target="_self" class="p-menu__item__submenu__item__link u-color-white">Event Sections</a> </div> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-color-white">Enquire To Exhibit</a> </div> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-color-white">Sponsorship Opportunities</a> </div> </li> <li class="p-menu__item__submenu__item" title="World Food Innovation Awards"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="world-food-innovation-awards" target="_self" class="p-menu__item__submenu__item__link u-color-white">World Food Innovation Awards</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Visit"> <div class="p-menu__item__wrapper-one"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Visit</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item has-submenu" title="What's On"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">What's On</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="Seminar Programme"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-color-white">Seminar Programme</a> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-located Events"> <div class="p-menu__item__submenu__item__wrapper-one"> <span class="p-menu__item__submenu__item__text u-color-white" aria-expanded="false">Co-located Events</span> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-located Events</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">IFE Manufacturing</a> </div> </li> <li class="p-menu__item__submenu__item" title="The Pub Show"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">The Pub Show</a> </div> </li> <li class="p-menu__item__submenu__item" title="HRC"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.hrc.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">HRC</a> </div> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://internationalsalonculinaire.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-color-white">International Salon Culinaire</a> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item" title="When & Where"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-color-white">When & Where</a> </div> </li> <li class="p-menu__item__submenu__item" title="Sign Up To Newsletter"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-color-white">Sign Up To Newsletter</a> </div> </li> <li class="p-menu__item__submenu__item" title="Visitor FAQs"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-color-white">Visitor FAQs</a> </div> </li> <li class="p-menu__item__submenu__item" title="Sustainability"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-color-white">Sustainability</a> </div> </li> <li class="p-menu__item__submenu__item" title="Accessibility"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-color-white">Accessibility</a> </div> </li> <li class="p-menu__item__submenu__item" title="Our Team"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Team</a> </div> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-color-white">Our Ambassadors</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Exhibitor List"> <div class="p-menu__item__wrapper-one"> <a href="exhibitors" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">Exhibitor List</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-products-xmfy" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Product Discovery</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> </div> </div> <div class="p-menu__item__submenu__item__wrapper-two"> <ul class="p-menu__item__submenu" style="display: none;"> <li class="p-menu__item__submenu__item" title="New Product Launches"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-color-white">New Product Launches</a> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="p-menu__item" title="Seminar Programme"> <div class="p-menu__item__wrapper-one"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large">Seminar Programme</a> </div> </li> <li class="p-menu__item has-submenu" title="News"> <div class="p-menu__item__wrapper-one"> <a href="news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">News</a> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> </div> </div> <div class="p-menu__item__wrapper-two"> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> <li class="p-menu__item__submenu__item" title="Exhibitor News"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitor-news-zblf" target="_self" class="p-menu__item__submenu__item__link u-color-white">Exhibitor News</a> </div> </li> <li class="p-menu__item__submenu__item" title="IGD Industry Reports"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="igd-industry-reports" target="_self" class="p-menu__item__submenu__item__link u-color-white">IGD Industry Reports</a> </div> </li> <li class="p-menu__item__submenu__item" title="Podcasts"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-color-white">Podcasts</a> </div> </li> </ul> </div> </li> <li class="p-menu__item p-menu__item--more has-submenu" style="display: none;"> <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"></ul> </li> </ul> <script> function composerPatternMenuAccordion(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', subMenuItemClass:'p-menu__item__submenu__item' } }, init() { this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--accordion--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); $menuItemSubMenu.slideDown(); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); $menuItemSubMenu.slideUp(); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, handleSubmenuToggleClick(e) { var $parentMenuItem; if ($(e.currentTarget).hasClass('p-menu__item__submenu-toggle__button')) { $parentMenuItem = $(e.currentTarget).closest('.p-menu__item'); } else { $parentMenuItem = $(e.currentTarget).closest('.p-menu__item__submenu__item'); } if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.currentTarget), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.currentTarget), "leave"); }, toggleOnActiveStyling($menuItem) { var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle').first(); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.find('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text').first(); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "white" : "white"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ } }; } </script> </nav> </div> <div class="s-header__mobile__open__wrapper-four"> <nav class="s-header__mobile__top-menu">  <ul class="p-menu--quick-links p-menu--quick-links--id-40B0D has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '', colorType: 'class', id: '40B0D', onHover: false,})" id="40B0D"> <li class="p-menu__item" title="Contact Us" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="contact-us" target="_self">Contact Us</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-one u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="newsletter-sign-up" target="_self">Sign Up To Newsletter</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-one u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Exhibitor Zone" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.ife.co.uk/_zone_#/" target="_blank">Exhibitor Zone</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> </div> <div class="s-header__mobile__open__wrapper-five"> <div class="s-header__mobile__social"> <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center"> <ul class="w-social-networks__items w-social-networks__items--align-center"> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/the-international-food-drink-event/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.instagram.com/ife_event" target="_blank" rel="noopener noreferrer" title="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.facebook.com/IFEEvent" target="_blank" rel="noopener noreferrer" title="Facebook"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.tiktok.com/@fooddrinkhospitalityweek" target="_blank" rel="noopener noreferrer" title="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://x.com/IFE_Event" target="_blank" rel="noopener noreferrer" title="X"> <i class="w-social-networks__items__item__link__icon fa-brands fa-x-twitter u-font-icons-size-normal"></i> </a> </li> </ul> </div>> </div> </div> </div> </div> <script> function composerStructureHeaderMobile() { const $scrollableElement = document.querySelector('.s-header__mobile__open'); return { handleOnOpenClick(e){ scrollLock.disablePageScroll($scrollableElement); gsap.to($('.s-header__mobile__open'), {autoAlpha: 1, duration: 1}); }, handleOnCloseClick(e){ scrollLock.enablePageScroll($scrollableElement); gsap.to($('.s-header__mobile__open'), {autoAlpha: 0, duration: 1}); }, handleOnWindowResize(){ if (window.matchMedia("(min-width: 1280px)").matches) { scrollLock.enablePageScroll($scrollableElement); } }, // Temporary fix for mobile menu anchors not closing the menu - CII-468 handleAnchorScroll(){ $scrollableElement.querySelectorAll('.p-menu__item__submenu__item__link[href*="#"]').forEach(link => { link.addEventListener('click', function (e) { scrollLock.enablePageScroll($scrollableElement); gsap.to($scrollableElement, { autoAlpha: 0, duration: 1 }); }); }); } }; } </script> </div> </template> <div class="s-header__default s-header__default--style-4 s-header__default--id-64223"> <div class="s-header__default__container u-layout-container-full-viewport"> <div class="s-header__default__container__inner"> <div class="s-header__default__background"> <div class="s-header__default__background__color u-background-color-white"></div> </div> <div class="s-header__default__wrapper-one u-border-bottom-solid-1 u-border-bottom-color-muted" style=""> <div class="s-header__default__wrapper-one__container u-layout-container-default"> <div class="s-header__default__wrapper-one__wrapper-one"> <div class="s-header__default__social"> <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center"> <ul class="w-social-networks__items w-social-networks__items--align-center"> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.linkedin.com/company/the-international-food-drink-event" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.instagram.com/ife_event" target="_blank" rel="noopener noreferrer" title="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.facebook.com/IFEEvent" target="_blank" rel="noopener noreferrer" title="Facebook"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://www.tiktok.com/@fooddrinkhospitalityweek" target="_blank" rel="noopener noreferrer" title="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal"></i> </a> </li> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-background-color-one u-color-white" href="https://x.com/IFE_Event" target="_blank" rel="noopener noreferrer" title="X"> <i class="w-social-networks__items__item__link__icon fa-brands fa-x-twitter u-font-icons-size-normal"></i> </a> </li> </ul> </div> </div> </div> <div class="s-header__default__wrapper-one__wrapper-two"> <nav class="s-header__default__top-menu" aria-label="Top Menu (Quick Links)">  <ul class="p-menu--quick-links p-menu--quick-links--id-81CA1 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '81CA1', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="81CA1"> <li class="p-menu__item" title="Contact Us" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="contact-us" target="_self">Contact Us</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-text u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="newsletter-sign-up" target="_self">Sign Up To Newsletter</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-text u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Exhibitor Zone" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="https://www.ife.co.uk/_zone_#/" target="_blank">Exhibitor Zone</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> </div> </div> </div> <div class="s-header__default__wrapper-two u-border-bottom-solid-1 u-border-bottom-color-muted" style=""> <div class="s-header__default__wrapper-two__container u-layout-container-default"> <div class="s-header__default__wrapper-two__wrapper-one"> <div class="s-header__default__dates u-color-text u-font-one u-font-one-size-normal"> <p><strong>30 March - 01 April 2026</strong><br /> Excel London</p> </div> </div> <div class="s-header__default__wrapper-two__wrapper-two"> <div class="s-header__default__logo"> <div class="w-image w-image--id-uid_475EF w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 450px;"> <div class="w-image__image"> <img class="w-image__image__image" loading="lazy" width="450" alt="IFE Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2026/IFE-FDHW-lockup-wide-2x.png/fit-in/450x900/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2026/IFE-FDHW-lockup-wide-2x.png/fit-in/900x1800/filters:no_upscale() 2x" /> </div> </div> </div> </div> </div> <div class="s-header__default__wrapper-two__wrapper-three"> <div class="s-header__default__search"> <div class="w-search w-search--id-uid_A0916 w-search--style-1 w-search--style-1--align-center" x-data="composerWidgetSearch"> <button class="w-search__button u-background-color-muted u-border-solid-1 u-border-color-muted u-color-text u-border-radius-shape-circle" title="Search" x-on:click="handleOnButtonClick"> <i class="w-search__button__icon fal fa-magnifying-glass u-font-icons-size-normal"></i> </button> <script> function composerWidgetSearch(params) { return { handleOnButtonClick() { Alpine.store('search').showSearch(); } } } </script> </div> </div> </div> </div> </div> <div class="s-header__default__wrapper-three"> <div class="s-header__default__wrapper-three__container u-layout-container-default"> <nav class="s-header__default__navigation" aria-label="Main Menu">  <ul class="p-menu--dropdown p-menu--dropdown--id-46AB8 is-loading" x-data="composerPatternMenuDropdown({id: '46AB8'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="46AB8"> <li class="p-menu__item" title="Home" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Exhibit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item" title="Event Sections" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="event-sections" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Event Sections</a> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Enquire To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sponsorship Opportunities</a> </li> <li class="p-menu__item__submenu__item" title="World Food Innovation Awards" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="world-food-innovation-awards" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">World Food Innovation Awards</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Visit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="What's On" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">What's On</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Seminar Programme</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-located Events" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-white u-color-one">Co-located Events</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-located Events</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE Manufacturing</a> </li> <li class="p-menu__item__submenu__item" title="The Pub Show" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">The Pub Show</a> </li> <li class="p-menu__item__submenu__item" title="HRC" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.hrc.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">HRC</a> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://internationalsalonculinaire.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">International Salon Culinaire</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="When & Where" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">When & Where</a> </li> <li class="p-menu__item__submenu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sign Up To Newsletter</a> </li> <li class="p-menu__item__submenu__item" title="Visitor FAQs" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Visitor FAQs</a> </li> <li class="p-menu__item__submenu__item" title="Sustainability" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sustainability</a> </li> <li class="p-menu__item__submenu__item" title="Accessibility" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Accessibility</a> </li> <li class="p-menu__item__submenu__item" title="Our Team" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Team</a> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Ambassadors</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitors" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibitor List</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products-xmfy" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Seminar Programme</a> </li> <li class="p-menu__item has-submenu" title="News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">News</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Exhibitor News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-news-zblf" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor News</a> </li> <li class="p-menu__item__submenu__item" title="IGD Industry Reports" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="igd-industry-reports" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IGD Industry Reports</a> </li> <li class="p-menu__item__submenu__item" title="Podcasts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Podcasts</a> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="News" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> </li> </ul> <script> function composerPatternMenuDropdown(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-black u-font-two', mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', mainMenuItemCustomStyles: '', subMenuItemClass:'p-menu__item__submenu__item', subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-color-one', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-color-one', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one', subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', subMenuItemCustomStyles:'' } }, init() { this.fitMenu(); this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, fitMenu() { var menu = $('.p-menu--dropdown--id-' + this.id); menu.addClass('is-loading'); if (menu.is(':visible')) { var menuItemsWidth = 0; var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { menuItemsWidth += $(this).outerWidth( true ); }); var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); lastParentMenuItemSubmenus.each(function() { var currentClasses = $(this).attr('class'); var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); if (currentLevelMatch) { var currentLevel = parseInt(currentLevelMatch[1]); var newLevel = currentLevel + 1; var newClasses = currentClasses.replace(currentLevelMatch[0], ''); newClasses += ' p-menu__item__submenu--level-' + newLevel; $(this).attr('class', newClasses); } }); lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); this.fitMenu(); } else { var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); this.fitMenu(); } } if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { menu.find('.p-menu__item--more').show(); } else { menu.find('.p-menu__item--more').hide(); } this.setActiveMenuItem(); menu.removeClass('is-loading'); } }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, toggleOnActiveStyling($menuItem){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("main"); } } } else { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("sub"); } } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "one" : "two"; var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; var onHoverColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.removeClass('u-color-' + onHoverColor); $menuItemTitle.addClass('u-color-' + color); } } else { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.addClass('u-color-' + color); $menuItemTitle.css("color", ""); } } } else { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.css("color", colorCustom); $menuItemTitle.removeClass('u-color-' + onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.css("color", colorCustom); } } } } }, handleMenuItemMouseEnter(e) { this.showSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.hideSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "leave"); }, handleSubmenuToggleClick(e) { var $parentMenuItem = $(e.target).parent('.p-menu__item'); if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } } }; } </script> </nav> </div> </div> </div> </div> </div> <template x-if="isHeaderDefaultStickyVisible"> <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-64223" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }"> <div class="s-header__default__container u-layout-container-full-viewport"> <div class="s-header__default__container__inner"> <div class="s-header__sticky__background"> <div class="s-header__sticky__background__color u-background-color-white"></div> </div> <div class="s-header__sticky__wrapper-one"> <div class="s-header__sticky__wrapper-one__container u-layout-container-default"> <div class="s-header__sticky__wrapper-one__wrapper-one"> <div class="s-header__sticky__logo"> <div class="w-image w-image--id-uid_A0171 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 50px;"> <div class="w-image__image"> <img class="w-image__image__image" loading="lazy" width="50" alt="IFE Logo" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/logo_exhibitor_default.png/fit-in/50x100/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/logo_exhibitor_default.png/fit-in/100x200/filters:no_upscale() 2x" /> </div> </div> </div> </div> </div> <div class="s-header__sticky__wrapper-one__wrapper-two"> <nav class="s-header__sticky__navigation" aria-label="Main Menu">  <ul class="p-menu--dropdown p-menu--dropdown--id-D94DB is-loading" x-data="composerPatternMenuDropdown({id: 'D94DB'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="D94DB"> <li class="p-menu__item" title="Home" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Exhibit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item" title="Event Sections" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="event-sections" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Event Sections</a> </li> <li class="p-menu__item__submenu__item" title="Enquire To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="enquire-to-exhibit" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Enquire To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="Sponsorship Opportunities" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sponsorship-opportunities" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sponsorship Opportunities</a> </li> <li class="p-menu__item__submenu__item" title="World Food Innovation Awards" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="world-food-innovation-awards" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">World Food Innovation Awards</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Visit</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="What's On" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="whats-on" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">What's On</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: What's On</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Seminar Programme</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Co-located Events" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-white u-color-one">Co-located Events</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Co-located Events</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="IFE Manufacturing" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.ifemanufacturing.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IFE Manufacturing</a> </li> <li class="p-menu__item__submenu__item" title="The Pub Show" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.thepubshow.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">The Pub Show</a> </li> <li class="p-menu__item__submenu__item" title="HRC" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.hrc.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">HRC</a> </li> <li class="p-menu__item__submenu__item" title="International Salon Culinaire" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://internationalsalonculinaire.co.uk/" target="_blank" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">International Salon Culinaire</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="When & Where" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="when-where" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">When & Where</a> </li> <li class="p-menu__item__submenu__item" title="Sign Up To Newsletter" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter-sign-up" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sign Up To Newsletter</a> </li> <li class="p-menu__item__submenu__item" title="Visitor FAQs" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Visitor FAQs</a> </li> <li class="p-menu__item__submenu__item" title="Sustainability" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="sustainability" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Sustainability</a> </li> <li class="p-menu__item__submenu__item" title="Accessibility" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="accessibility" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Accessibility</a> </li> <li class="p-menu__item__submenu__item" title="Our Team" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Team</a> </li> <li class="p-menu__item__submenu__item" title="Our Ambassadors" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="ambassadors" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Our Ambassadors</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitors" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Exhibitor List</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Exhibitor List</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Product Discovery" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-products-xmfy" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Product Discovery</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: Product Discovery</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="New Product Launches" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="new-product-launches" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">New Product Launches</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item" title="Seminar Programme" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="seminar-programme" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">Seminar Programme</a> </li> <li class="p-menu__item has-submenu" title="News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="news" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-black u-font-two">News</a> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show submenu for: News</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Exhibitor News" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitor-news-zblf" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Exhibitor News</a> </li> <li class="p-menu__item__submenu__item" title="IGD Industry Reports" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="igd-industry-reports" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">IGD Industry Reports</a> </li> <li class="p-menu__item__submenu__item" title="Podcasts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="podcasts" target="_self" class="p-menu__item__submenu__item__link u-background-color-white u-color-one">Podcasts</a> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="News" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two" aria-expanded="false"> <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> <span class="u-screen-reader-only">Show more menu items</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> </li> </ul> <script> function composerPatternMenuDropdown(params) { return { id: params.id, config: { classes: { mainMenuItem : 'p-menu__item', mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-black u-font-two', mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-black u-font-two', mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', mainMenuItemCustomStyles: '', subMenuItemClass:'p-menu__item__submenu__item', subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-color-one', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-color-one', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-color-one', subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', subMenuItemCustomStyles:'' } }, init() { this.fitMenu(); this.setActiveMenuItem(); }, setActiveMenuItem() { var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); this.toggleOnActiveStyling($activeMenuItem); }, fitMenu() { var menu = $('.p-menu--dropdown--id-' + this.id); menu.addClass('is-loading'); if (menu.is(':visible')) { var menuItemsWidth = 0; var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { menuItemsWidth += $(this).outerWidth( true ); }); var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); lastParentMenuItemSubmenus.each(function() { var currentClasses = $(this).attr('class'); var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); if (currentLevelMatch) { var currentLevel = parseInt(currentLevelMatch[1]); var newLevel = currentLevel + 1; var newClasses = currentClasses.replace(currentLevelMatch[0], ''); newClasses += ' p-menu__item__submenu--level-' + newLevel; $(this).attr('class', newClasses); } }); lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); this.fitMenu(); } else { var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); this.fitMenu(); } } if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { menu.find('.p-menu__item--more').show(); } else { menu.find('.p-menu__item--more').hide(); } this.setActiveMenuItem(); menu.removeClass('is-loading'); } }, showSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.addClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'true'); $menuItemToggle.attr('aria-expanded', 'true'); }, hideSubmenu($menuItem){ var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); $menuItem.removeClass('has-submenu-open'); $menuItemTitle.attr('aria-expanded', 'false'); $menuItemToggle.attr('aria-expanded', 'false'); }, toggleOnActiveStyling($menuItem){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (1 == 1) { toggleColor("main"); } if (1 == 2) { toggleBold("main"); } } if ($menuItem.hasClass(this.config.classes.subMenuItemClass)) { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (1 == 1) { toggleColor("sub"); } if (1 == 2) { toggleBold("sub"); } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "one" : "one"; var onActiveColorType = onActiveColor == "custom" ? "style" : "class"; var onActiveColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onActiveColorType == "class") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onActiveColorCustom); } } else { if (onActiveColorType == "class") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onActiveColor); } else { $menuItemTitle.css("color", onActiveColorCustom); } } } function toggleBold(level) { if (level == "main") { var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } if (level == "sub") { var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; } $menuItemTitle.addClass(fontFamily); } }, toggleOnHoverStyling($menuItem, action){ var $menuItemTitle; if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("main"); } } } else { $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); if (!$menuItemTitle.hasClass('is-active')){ if (1 == 1) { toggleColor("sub"); } } } function toggleColor(level) { var color = level == "main" ? "black" : "one"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "one" : "one"; var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; var onHoverColorCustom = level == "main" ? "" : ""; if (colorType == "class") { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.removeClass('u-color-' + onHoverColor); $menuItemTitle.addClass('u-color-' + color); } } else { if (action == "enter") { $menuItemTitle.removeClass('u-color-' + color); $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.addClass('u-color-' + color); $menuItemTitle.css("color", ""); } } } else { if (onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass('u-color-' + onHoverColor); } else { $menuItemTitle.css("color", colorCustom); $menuItemTitle.removeClass('u-color-' + onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", onHoverColorCustom); } else { $menuItemTitle.css("color", colorCustom); } } } } }, handleMenuItemMouseEnter(e) { this.showSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.hideSubmenu($(e.target)); this.toggleOnHoverStyling($(e.target), "leave"); }, handleSubmenuToggleClick(e) { var $parentMenuItem = $(e.target).parent('.p-menu__item'); if ($parentMenuItem.hasClass('has-submenu-open')) { this.hideSubmenu($parentMenuItem); } else { this.showSubmenu($parentMenuItem); } } }; } </script> </nav> </div> </div> </div> </div> </div> </div> </template> <script> function composerStructureHeader(params) { return { id: params.id, style: params.style, headerMobile: false, headerDefault: false, isHeaderDefaultSticky: params.isSticky, isHeaderDefaultStickyVisible: false, init() { this.toggleHeader(); this.toggleHeaderStickyVisibility(); this.setSiteOffset(); }, toggleHeader() { if (window.matchMedia("(min-width: 1280px)").matches) { this.headerMobile = false; this.headerDefault = true; } else { this.headerMobile = true; this.headerDefault = false; } }, toggleHeaderStickyVisibility() { if (this.headerDefault && this.isHeaderDefaultSticky) { if($(window).scrollTop() > $(".s-header__default--id-" + this.id).outerHeight()) { this.isHeaderDefaultStickyVisible = true; gsap.to(".s-header__sticky--id-" + this.id, {y: "0%", duration: 0.2, delay: 0.1}); document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__sticky--id-" + this.id).outerHeight() + "px"); } else { this.isHeaderDefaultStickyVisible = false; document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__default--id-" + this.id).outerHeight() + "px"); } } }, setSiteOffset() { if (this.style == 7) { if (window.matchMedia("(min-width: 1280px)").matches) { document.documentElement.style.setProperty("--structure-site-offset-left", $(".s-header__default").outerWidth() + "px"); } else { document.documentElement.style.setProperty("--structure-site-offset-left", "0px"); } } }, handleOnWindowScroll() { this.toggleHeaderStickyVisibility(); }, handleOnWindowResize() { this.toggleHeader(); this.setSiteOffset(); } } } </script> </header> <div class="s-page-title" x-data="composerStructurePageTitle" x-init="init" x-on:resize.window.throttle.250ms="handleOnWindowResize"> <div class="s-page-title__default s-page-title__default--style-2" style="min-height: 0vh"> <div class="s-page-title__default__container u-layout-container-full-viewport"> <div class="s-page-title__default__container__inner u-layout-container-default "> <h1 class="s-page-title__default__title u-color-one u-font-two u-font-two-size-xxx-large u-font-two-weight-bold"> Accessibility </h1> </div> </div> </div> <script> function composerStructurePageTitle() { return { init() { window.onload = () => { this.setCssVariables(); }; }, setCssVariables() { if (window.matchMedia("(max-width: 1024px)").matches) { if ($(".s-header__mobile").hasClass("is-position-absolute")) { document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__mobile").outerHeight() + "px"); } else { document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); } } else { if ($(".s-header__default").hasClass("is-position-absolute")) { document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__default").hasClass("s-header__default--style-7") ? "0px" : $(".s-header__default").outerHeight() + "px"); } else { document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); } } }, handleOnWindowResize() { this.setCssVariables(); } }; } </script> </div> <div class="s-main"> <main class="s-main__content"> <div class="p-section p-section--id-1 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;"><strong>At IFE accessibility is important — helping to provide an enjoyable event for everyone.</strong></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-2 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-3 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Wheelchair access"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Wheelchair access </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>There are* 85 bays suitable for disabled drivers on-site across Orange car park. These are wide bays with minimum dimensions of 5.9m by 3.6m. Access to the building from these bays is along walkways with a gradient of no more than 1:15 and via flat entrance lifts with automatic doors.</p> <p>Please note: the Orange car park only permit vehicles up to a maximum of 1.9 metres height. <br> <br> All public entrances allow for access by wheel chair via low gradient ramps and an automatic door. Once inside the venue, all floors are level, offering unobstructed access.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <a class="anchor" name="Lift access"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Lift access </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> Lift control panels are located at a height which can be easily reached by someone in a wheelchair. All lifts have a visual indication of the floor reached and an intercom facility activated by an alarm button. Every area may be reached by lifts, with the exception of the second level of organisers’ offices.<br>  <br> All stairs and ramps are fitted with handrails and balustrades. All public corridors and passageways have a minimum clear width of 1200mm. </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <a class="anchor" name="Self service equipment"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Self service equipment </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> Self service equipment such as cash point machines and telephones are located at levels suitable to wheelchair users. Strong tactile differences in paving are provided to indicate hazardous areas, e.g. dock edge indicated by cobble stone surface.<br> <br> Door vision panels giving a zone of visibility between 900mm and 500mm above floor level are provided on all public access doors. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-3 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-2 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Wheelchair hire at Excel London"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Wheelchair hire at Excel London </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>Excel London is able to provide wheelchairs to those in need, free of charge. Wheelchairs can be hired from both ends of the venue, please speak to one of our security concierge for assistance.</p> <p>Please note it is not possible to pre-book wheelchairs as they are available on a first come, first served basis. A form of ID (such as a driving licence, a passport, etc.) will be held as surety for the daily period of the loan.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <a class="anchor" name="Mobility scooter hire at Excel London"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Mobility scooter hire at Excel London </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> Mobility scooters are free of charge to hire. They are subject to availability so please email your enquiry to  <a href="mailto:info@excel.london">info@excel.london</a> and we will confirm if there is one available for you to borrow.<br> All you need is a form of ID which will be held as surety for the daily period of the loan. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-4 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-3 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Guide dogs"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Guide dogs </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>Excel welcomes all Guide and Assistance Dogs. Guide and Assistance Dog owners have important rights under the Equality Act 2010 meaning they are legally permitted to enter establishments where the public are admitted. </p> <p>If you wish to advise us of your planned visit, please contact <a href="mailto:info@excel.london">info@excel.london</a> .</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <a class="anchor" name="Personal support animals"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Personal support animals </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>The wellbeing of our visitors is important to us and therefore we endeavour to welcome personal support animals to the venue during events. </p> <p>Some events may however have restrictions, where the organiser may have assessed that the specific nature of the event would not be a suitable environment for support animals. </p> <p>In order to support visitors wishing to bring personal support animals to the venue and to ensure smooth entry for those animals permitted, we ask visitors to contact the event organiser directly in advance via email, copying in <a href="mailto:info@excel.london">info@excel.london</a> . Organiser contact details can be found on the event website via our listings <a href="https://www.excel.london/visitor/whats-on" rel="noreferrer" target="_blank">here</a>.</p> <p>Please be aware that welfare facilities for support animals are not available onsite and all owners will be fully responsible for the action of their animal, which will need to be kept under control and on a lead, harness, or in a pet carrier at all times.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <a class="anchor" name="Event accredited animals"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Event accredited animals </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> Some events hosted at Excel London will require exhibitors, attendees, or participants to enter the venue with an animal as part of a display, competition or exhibition.<br> <br> Animal accreditation for events of this nature will be issued by the event organiser who can be contacted via the event website, you can find the organiser website from the event listing available <a href="https://www.excel.london/visitor/whats-on" rel="noreferrer" target="_blank">here</a>. You can also contact us via  <a href="mailto:info@excel.london">info@excel.london</a> if you have any further questions. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-5 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-3 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Toilets"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Toilets </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>There are 40 toilets for disabled visitors located throughout the building. You’ll find them near the Business Services centre, located on level 0 between hall entrance N4 and S4, the ICC conference suites on Level 3 and the restaurants and cafes on Level 1 and Level 2.</p> <p>All reception counters, bars and self-service counters and the seating areas are accessible to wheelchair users. Pictographic signs and symbols have been used to guide people around the building.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <a class="anchor" name="Vison and hearing impaired"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Vison and hearing impaired </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p>Visitors with hearing and sight disabilities can find information about the event which they wish to visit by using the prominent visual displays that are situated inside the Central Boulevard.</p> <p>Provision has been made for non-visual indication of stair locations for those with impaired vision.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <a class="anchor" name="Multi-Faith Prayer Room"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Multi-Faith Prayer Room </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> At FDHW there will be a fully kitted out multi faith room in N6 upper, integrated into the heart of the main show area, but as an accessible, inclusive and quiet area. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-6 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="The Quiet Room"></a> <div class="p-article p-article--style-3 u-border-color-three u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> <p style="text-align: center;">The Quiet Room</p> </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;"><img alt="EventWell Quiet Room" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2025/Accessible-NEW-Logo-light-background-EventWell-1-.png" style="width: 600px; height: 200px;"></p> <p>Exhibitions and events are vibrant and dynamic environments, brimming with opportunities for learning and exploration. However, they can also be overwhelming, exhausting, and triggering for many individuals due to the constant stimulation of lights, people, noise, and their outward-facing nature. For Food, Drink & Hospitality Week, we are working with <a href="https://eventwell.org/" target="_blank" title="https://eventwell.org/">EventWell</a> to provide a quiet space on for attendees who may feel overwhelmed by their surroundings. Our EventWell hosts are fully trained in safeguarding and mental health first aid and can provide support to anyone who needs a safe space to help manage sensory overload.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-7 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Contact Us"></a> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> <p style="text-align: center;">Contact Us</p> </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;">Excel London is fully committed to assisting those who have specific access requirements. For further advice please call the Excel team information line on +44 (0)20 7069 5000 or email <a href="mailto:info@excel.london">info@excel.london</a> indicating the level of assistance you require, and we will do our utmost to offer our support during your visit.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script defer> $(document).ready(function() { gsap.registerPlugin(ScrollTrigger); ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); // Section Animation $('.p-section[data-animation-scroll]').each(function() { const $section = $(this); const sectionAnimationStyle = $section.data('animation-scroll-style'); let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay let animationPlayed = false; // Flag to track whether animation has been played switch (sectionAnimationStyle) { case 1: sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } ScrollTrigger.create({ trigger: $section[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before sectionTimeline.play(); // Play the animation animationPlayed = true; // Set the flag to true to indicate that animation has been played } }, onLeaveBack: function() { // Uncomment the line below if you want to revert to initial state when scrolling back up // sectionTimeline.reverse(); // Reverse the animation when scrolling back up } }); }); // Articles Animation $('.p-section').each(function() { const $section = $(this); if ($section.find('.p-article[data-animation-scroll]').length) { let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); $section.find('.p-article[data-animation-scroll]').each(function(index) { const $article = $(this); const articleAnimationStyle = $article.data('animation-scroll-style'); let animationPlayed = false; // Flag to track whether animation has been played ScrollTrigger.create({ trigger: $article[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before switch (articleAnimationStyle) { case 1: articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } animationPlayed = true; // Set the flag to true to indicate that animation has been played and don't play it again if user scrolls back up } } }); }); } }); }); </script> </main> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport"> <div class="s-default__container__inner u-border-top-solid-1 u-border-bottom-solid-1 u-border-color-three has-padding-top has-padding-bottom" style=""> <div class="s-default__container__inner__container u-layout-container-default"> <div class="s-default__body"> <div class="l-grid is-align-center"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item-id-64232 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-64232"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Key Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_BEB3C w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_BEB3C', itemsToShowMobile: 2, itemsToShowTablet: 3, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://bfff.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/BFFF-new-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="BFFF logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fwd.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-23-Key-Partner-FWD-2.png/fit-in/2048x4096/filters:no_upscale()" alt="FWD logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fdf.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/FDF-new-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="fdf logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://freshproduce.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/FPC-logo-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="FPC logo" /> </a> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-64233 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-64233"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Supporters </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_FF806 w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_FF806', itemsToShowMobile: 2, itemsToShowTablet: 3, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.acs.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-23-ACS-Partner.png/fit-in/2048x4096/filters:no_upscale()" alt="ACS logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.freefromfoodawards.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/FFFA-New-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="FFFA logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://ukfdeacom.wordpress.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/Food-Drink-Export-Association-lo.png/fit-in/2048x4096/filters:no_upscale()" alt="FDEA logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.vegansociety.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/Vegan-Trademark.png/fit-in/2048x4096/filters:no_upscale()" alt="vegan society logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://eatableadventures.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-partner-logo-resize-1.6.png/fit-in/2048x4096/filters:no_upscale()" alt="eatable adventures logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fdreviews.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2025/partner-logos/IFE-partner-logo-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="FD Reviews" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://womeninthefoodindustry.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/WIFI-logo1.png/fit-in/2048x4096/filters:no_upscale()" alt="WIFI logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://wsta.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/122.png/fit-in/2048x4096/filters:no_upscale()" alt="WSTA" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.tickeat.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-partner-logo-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="TickEAT" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/CIOEIT.png/fit-in/2048x4096/filters:no_upscale()" alt="Chartered Institute of Exports & Imports" /> </div> <div class="w-carousel__items__item__main"> <div class="w-carousel__items__item__main__body"> <div class="w-carousel__items__item__main__body__buttons"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-left"> </div> </div> </div> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-64234 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-64234"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Media Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_496E2 w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_496E2', itemsToShowMobile: 2, itemsToShowTablet: 3, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fwd.co.uk/wholesale-news/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/Wholesale-News.png/fit-in/2048x4096/filters:no_upscale()" alt="Wholesale News logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.betterwholesaling.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-22-Better-wholesaling-in.png/fit-in/2048x4096/filters:no_upscale()" alt="better wholesaling logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.thebrightmediaagency.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/The-Bright-Media.png/fit-in/2048x4096/filters:no_upscale()" alt="TBMA logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.betterretailing.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Better-Retailing-2023-LogoBLK-002-.png/fit-in/2048x4096/filters:no_upscale()" alt="betterretailing logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fdiforum.net/mag/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-22-PARTNER-Food-and-drink.png/fit-in/2048x4096/filters:no_upscale()" alt="FDI logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.foodbev.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/FoodBev-Media-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="FoodBev logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.betterretailing.com/product-category/publications/retail-express/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-22-Retail-Express-LOGO-2-1-.png/fit-in/2048x4096/filters:no_upscale()" alt="retail express logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.fmcgceo.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/defo-last-one.png/fit-in/2048x4096/filters:no_upscale()" alt="fmcg ceo logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.specialityfoodmagazine.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/SPECIALITY-FOOD-MAGAZINE-resized.png/fit-in/2048x4096/filters:no_upscale()" alt="Speciality Food logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/Food-Beverage-Business-logo.png/fit-in/2048x4096/filters:no_upscale()" alt="food & beverage business logo" /> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.foodbusinessreview.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/126.png/fit-in/2048x4096/filters:no_upscale()" alt="FBR" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="http://www.gamaconsumer.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/gama-resize-3.png/fit-in/2048x4096/filters:no_upscale()" alt="gama consumer" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://insidefoodanddrink.com/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/IFE-partner-logo-resize-1.png/fit-in/2048x4096/filters:no_upscale()" alt="inside food and drink logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://gff.co.uk/for-retailers/read-fine-food-digest/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE-partner-logo-resize.png/fit-in/2048x4096/filters:no_upscale()" alt="Fine Food Digest logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://forwardfooding.com" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/FINAL-FF_LOGO-5-.png/fit-in/2048x4096/filters:no_upscale()" alt="Forward Fooding" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://raisingtheglass.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2025/partner-logos/HRC-2024-Web-Partner-logos.png/fit-in/2048x4096/filters:no_upscale()" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://raisingtheglass.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-contain" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2025/partner-logos/HRC-2024-Web-Partner-logos.png/fit-in/2048x4096/filters:no_upscale()" alt="RTG" /> </a> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item-id-64236 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-64236"> <div class="p-panel__header u-text-align-center"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-large u-font-two-weight-bold"> Charity Partners </h2> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <div class="w-carousel w-carousel--id-uid_3DB7E w-carousel--style-1 is-loading" x-data="composerWidgetCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'uid_3DB7E', itemsToShowMobile: 2, itemsToShowTablet: 3, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 6, itemsToShowDesktop: 6, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <ul class="w-carousel__items"> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://cityharvest.org.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-cover" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Partners/City-Harvest-LOGO-1.png/fit-in/2048x4096/filters:no_upscale()" alt="City Harvest logo" /> </a> </div> </div> </li> <li class="w-carousel__items__item has-main-aligned-center"> <div class="w-carousel__items__item__container"> <div class="w-carousel__items__item__image u-aspect-ratio-3-2" style="width: 100%;"> <a href="https://www.creatingnaturescorridors.co.uk/" target="_blank" rel="noopener noreferrer"> <img class="w-carousel__items__item__image__image u-object-fit-cover" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE-partner-logo-resize-2.png/fit-in/2048x4096/filters:no_upscale()" alt="Creating Nature's Corridors logo" /> </a> </div> </div> </li> </ul> <script> function composerWidgetCarousel(params) { return { arrows: params.arrows, arrowsBackground: params.arrowsBackground, arrowsBackgroundColor: params.arrowsBackgroundColor, arrowsBorder: params.arrowsBorder, arrowsBorderColor: params.arrowsBorderColor, arrowsColor: params.arrowsColor, arrowsIcon: params.arrowsIcon, arrowsStyle: params.arrowsStyle, autoplay: params.autoplay, autoplayInterval: params.autoplayInterval, id: params.id, itemsToShowMobile: params.itemsToShowMobile, itemsToShowTablet: params.itemsToShowTablet, itemsToShowTabletLandscape: params.itemsToShowTabletLandscape, itemsToShowLaptop: params.itemsToShowLaptop, itemsToShowDesktop: params.itemsToShowDesktop, pager: params.pager, pagerColor: params.pagerColor, pagerStyle: params.pagerStyle, transitionSpeed: params.transitionSpeed, init() { this.initSlider(); }, initSlider() { $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/slick.min.js', () => { $('.w-carousel--id-' + this.id).removeClass('is-loading'); const isRightToLeft = document.documentElement.getAttribute('dir') === 'rtl'; $(".w-carousel--id-" + this.id + " .w-carousel__items").on("init", function(slick){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"0\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].play(); } }); $('.w-carousel--id-' + this.id + ' .w-carousel__items').slick({ arrows: this.arrows, appendArrows: ".w-carousel--id-" + this.id + " .w-carousel__arrows", appendDots: ".w-carousel--id-" + this.id + " .w-carousel__pager", autoplay: this.autoplay, autoplaySpeed: this.autoplayInterval, dots: this.pager, dotsClass: 'slick-dots slick-dots--style-' + this.pagerStyle + ' slick-dots--style-' + this.pagerStyle + '--color-' + this.pagerColor, mobileFirst: true, nextArrow: '<div class="w-carousel__arrows__next"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-next' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="w-carousel__arrows__prev"><button class="w-carousel__arrows__next__button' + ' slick-arrows slick-arrows--style-' + this.arrowsStyle + ' slick-prev' + (this.arrowsBackground ? ' u-background-color-' + this.arrowsBackgroundColor : '') + (this.arrowsBorder ? ' u-border-solid-1 u-border-color-' + this.arrowsBorderColor : '') + ' u-color-' + this.arrowsColor + '" type="button"><i class="w-carousel__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1439, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1279, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1023, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 767, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, rtl: isRightToLeft, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, }); $(".w-carousel--id-" + this.id + " .w-carousel__items").on("beforeChange", function(event, slick, currentSlide, nextSlide){ var currentVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + currentSlide + "\"] .w-carousel__items__item__video__video"); var nextVideo = $(".w-carousel--id-" + this.id + " .w-carousel__items__item[data-slick-index=\"" + nextSlide + "\"] .w-carousel__items__item__video__video"); if (currentVideo.length) { $(currentVideo)[0].pause(); } if (nextVideo.length) { $(nextVideo)[0].play(); } }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="s-footer"> <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> <div class="s-footer__default__container u-layout-container-full-viewport"> <div class="s-footer__default__container__inner"> <div class="s-footer__default__background"> <div class="s-footer__default__background__color u-background-color-white"></div> </div> <div class="s-footer__default__wrapper-one"> <div class="s-footer__default__wrapper-one__container u-layout-container-default"> <div class="s-footer__default__panels"> <div class="l-grid is-align-center"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-64225"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Organised By </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p>Montgomery Group is a global events company with over a century of experience serving our communities and delivering first class events across a variety of sectors and continents.</p> <p>Visit the <a href="https://www.montgomerygroup.com/" target="_blank">Montgomery Group Website </a>to learn more about the organisation and the events we run.</p> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-64226"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Useful Links </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <ul> <li> <p><a href="newsletter-sign-up" target="_self" title="newsletter-sign-up">Sign up to our newsletter</a></p> </li> <li> <p><a href="enquire-to-exhibit" target="_self" title="enquire-to-exhibit">Enquire to exhibit</a></p> </li> <li> <p><a href="faqs" target="_self" title="faqs">FAQs</a></p> </li> <li> <p><a href="contact-us" target="_self" title="contact-us">Contact us</a></p> </li> </ul> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-64227"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> Opening Times </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-two" style=" border-bottom: solid 2px; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p>Monday 17 March: 10:00 – 17:00 <br /> Tuesday 18 March: 10:00 – 17:00* <br /> Wednesday 19 March: 10:00 – 16:00** </p> <p>*Online registration closes – onsite registration only.</p> <p>**Onsite registration closes at 2pm and last entry at 3pm. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-footer__default__wrapper-two"> <div class="s-footer__default__wrapper-two__background"> <div class="s-footer__default__wrapper-two__background__color u-background-color-white"></div> </div> <div class="s-footer__default__wrapper-two__container u-layout-container-default"> <nav class="s-footer__default__footer-menu" aria-label="Footer Menu">  <ul class="p-menu--quick-links p-menu--quick-links--id-716E1 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '716E1', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="716E1"> <li class="p-menu__item" title="© Copyright 2024" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-font-one-size-small u-font-one-size-small">© Copyright 2024</span> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Admissions Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="admissions-policy" target="_self">Admissions Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Privacy Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="privacy-policy" target="_self">Privacy Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Environmental Sustainability Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="environmental-sustainability-policy" target="_self">Environmental Sustainability Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Sustainability" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-text u-font-one-size-small u-font-one-size-small" href="https://www.montgomerygroup.com/sustainability" target="_blank">Sustainability</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> <div class="s-footer__default__asp-copyright"> <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> <img class="s-footer__default__asp-copyright__link__image" alt="ASP Events Logo" loading="lazy" src="https://themes.asp.events/_composer/includes/images/logos/logo_asp.svg" /> <span class="s-footer__default__asp-copyright__link__text u-color-text u-font-one u-font-one-size-small"> Website by ASP </span> </a> </div> </div> </div> </div> </div> </div> </footer> <div class="s-default u-layout-container-full-viewport has-margin-top has-margin-bottom"> <div class="s-default__container u-layout-container-full-viewport"> <div class="s-default__container__inner" style=""> <div class="s-default__container__inner__container u-layout-container-default"> <div class="s-default__body"> <div class="l-grid is-align-center"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item-id-97071 l-grid__item--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-97071"> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-left"> <div class="p-panel__body__content"> <p style="text-align: center;"><a href="https://www.paste-juice.com/" target="_blank" title="https://www.paste-juice.com/"><img alt="egypt" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Edited-banner-home-page.png" style="width: 720px; height: 90px;" /></a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <template x-data x-if="$store.share.isVisible"> <div class="s-share"> <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> <div class="s-share__default__container"> <div class="s-share__default__background"> <div class="s-share__default__background__color u-background-color-white"></div> </div> <div class="s-share__default__header"> <h1 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> Share </h1> </div> <div class="s-share__default__body"> <ul class="s-share__default__body__list"> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '&quote=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> </a> </li> </ul> <div class="s-share__default__body__url"> <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" x-on:click="handleOnUrlButtonClick">Copy URL</button> </div> </div> </div> <script> function composerStructureShare(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-share__default", type: "inline" }, closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-share__default__close").prependTo(".s-share__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('share').hideShare(); } } }); }, handleOnUrlButtonClick() { Alpine.store('share').copyToClipboard(); } } } </script> </div> </div> </template> <template x-data x-if="$store.search.isVisible"> <div class="s-search"> <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch"> <div class="s-search__default__container"> <div class="s-search__default__background"> <div class="s-search__default__background__color u-background-color-white"></div> </div> <div class="s-search__default__header"> <h1 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Website Search </h1> </div> <div class="s-search__default__body"> <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> <div class="s-search__default__body__form__button"> <div class="w-button w-button--style-1 w-button--style-1--width-auto"> <button class="w-button__button"> <span class="w-button__button__text">Search</span> </button> </div> </div> </form> </div> </div> <script> function composerStructureSearch(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-search__default", type: "inline" }, closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-search__default__close").prependTo(".s-search__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('search').hideSearch(); } } }); } } } </script> </div> </div> </template> <template x-data x-if="$store.wishlist.isVisible"> <div class="s-wishlist"> <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> <div class="s-wishlist__default__container"> <div class="s-wishlist__default__background"> <div class="s-wishlist__default__background__color u-background-color-white"></div> </div> <div class="s-wishlist__default__header"> <h1 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Wishlist </h1> </div> <div class="s-wishlist__default__body"> <template x-if="!$store.wishlist.items.length"> <div class="s-wishlist__default__body__empty-state u-text-align-center"> Add some favourites to your wishlist to get started! </div> </template> <template x-if="$store.wishlist.items.length"> <div class="s-wishlist__default__body__wishlist"> <template x-if="$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> <div class="p-loader p-loader--default"> <div class="p-loader__icon"></div> </div> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> <div class="s-wishlist__default__body__wishlist__items"> <template x-for="items in $store.wishlist.wishlistItems"> <div class="s-wishlist__default__body__wishlist__items__list"> <div class="s-wishlist__default__body__wishlist__items__list__header"> <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> </div> <div class="s-wishlist__default__body__wishlist__items__list__body"> <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> <template x-for="item in items.items"> <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> </a> </div> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> </div> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__actions"> <template x-if="view == 'wishlist'"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> </div> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailClick">Email this List</button> </div> </div> </template> </div> </template> </div> </template> <template x-if="view == 'email'"> <div class="s-wishlist__default__body__email"> <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="john@email.com" x-model="email" /> <div class="s-wishlist__default__body__email__form__button"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> </div> </div> </div> </form> <div class="s-wishlist__default__body__email__back"> <button class="s-wishlist__default__body__email__back__link" x-on:click="setView('wishlist')"><i class="fal fa-arrow-left"></i></button> </div> </div> </template> <template x-if="view == 'generating'"> <div class="s-wishlist__default__body__download u-text-align-center"> Generating... </div> </template> </div> </div> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script> <script> function composerStructureWishlist(params) { return { view: "wishlist", init() { $.magnificPopup.open({ items: { src: ".s-wishlist__default", type: "inline" }, closeMarkup: "<button class=\"s-wishlist__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-wishlist__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store("wishlist").hideWishlist(); } } }); }, setView(view) { this.view = view; }, handleOnDownloadClick(url, items) { this.setView('generating'); $.ajax({ url: url, method: 'POST', data: { contentID: items }, xhrFields: { responseType: 'blob' }, beforeSend: function (xhr) { xhr.overrideMimeType('application/pdf'); }, success: (data, status, xhr) => { if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); return; } var blob = data; var filename = 'wishlist.pdf'; download(blob, filename, 'application/pdf'); this.setView('wishlist'); }, error: (xhr, status, error) => { this.setView('wishlist'); console.error("[showoff_composer]: error on handleOnDownloadClick()", error); } }); }, handleOnEmailClick() { this.setView('email'); }, handleOnEmailSubmitClick(url, items, email, event) { event.preventDefault(); this.setView('generating'); $.ajax({ type:'POST', url: url, data: {'contentID': items, 'email': email}, success: (response) => { this.setView('wishlist'); _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); }, error: (xhr, status, error) => { console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); this.setView('wishlist'); } }); } } } </script> </div> </div> </template> <div class="s-ezone"> <div class='w-zone-loginwrapper' data-lostpassword='false'><div> <div class="w-zone-login js-zone-login"> <div class="w-zone-login__no-access js-zone-login__no-access"> </div> <div class="w-zone-login__form-wrapper"> <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> <input type="hidden" name="formID" value="LOGIN" id="formID"/> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> </form> </div> </div> </div></div><script type='text/javascript'> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js', function(){ $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.24', function(){ js_zone.login_init(); }); }); }); </script> </div> <script defer> document.addEventListener('alpine:init', () => { Alpine.store('common', { siteUuid: 'A7ECF9DC-A28E-73BA-423B9F00917DB404' }); Alpine.store('search', { isVisible: false, showSearch() { this.isVisible = true; }, hideSearch() { this.isVisible = false; } }); Alpine.store('share', { isVisible: false, subject: "Check out this link!", text: "", title: document.title, url: location.href, showShare() { if (navigator.share) { navigator.share({ title: this.title, text: this.text, url: this.url, }) .then() .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); } else { this.isVisible = true; } }, hideShare() { this.isVisible = false; }, setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { if (url.indexOf(window.location.origin) !== -1) { this.url = url; } else { this.url = window.location.origin + '/' + url; } this.title = title; this.text = text; this.subject = subject; }, setSubject(value) { this.subject = value; }, setText(value) { this.text = value; }, setTitle(value) { this.title = value; }, setUrl(value) { this.url = value; }, copyToClipboard() { navigator.clipboard?.writeText(this.url); } }); Alpine.store('wishlist', { items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), isLoadingWishlist: true, isVisible: false, wishlistItems: [], wishlistUrl: 'https://zone.showoff.asp.events/A7ECF9DC-A28E-73BA-423B9F00917DB404/wishlist', siteUuid: 'A7ECF9DC-A28E-73BA-423B9F00917DB404', showWishlist() { this.isVisible = true; this.getFavourites(); }, hideWishlist() { this.isVisible = false; }, addFavourite(id) { var items = this.items.split(','); if (!items.includes(id)){ items.push(id); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { dimension7: id }]); }, removeFavourite(id) { var items = this.items.split(','); if (items.indexOf(id.toString()) !== -1) { items.splice(items.indexOf(id.toString()), 1); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { dimension7: id }]); }, toggleFavourite(id) { if (this.items.includes(id)){ this.removeFavourite(id); } else { this.addFavourite(id); } }, getFavourites() { this.isLoadingWishlist = true; $.ajax( { type:'POST' , url: this.wishlistUrl + '/contentbyid' , data: {'contentID': this.items} , success: (response) => { this.isLoadingWishlist = false; const mergedItems = []; response.data.forEach(item => { const libraryName = item.libraryName; let group = mergedItems.find(obj => obj.name === libraryName); if (!group) { group = { name: libraryName, items: [] }; mergedItems.push(group); } group.items.push(item); }); this.wishlistItems = mergedItems; } }); } }); }) </script> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNZ6CGX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> _linkedin_partner_id = "5400410"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5400410&fmt=gif" /> </noscript> <style> .w-card-flip__header__title { line-height: 1.75rem; } </style>  <script type="text/javascript"> var _paq = _paq || []; var piwikPageTracked = piwikPageTracked || false; // tracker methods like 'setCustomDimension' should be called before 'trackPageView' if (!piwikPageTracked) { //loop through page tags and set custom dimensions for contentID and Tags var tagArray = []; for(i=0; i < tagArray.length ; i++){ _paq.push(['trackEvent','General','Tags','View',null,{dimension7:'65427',dimension13:'Page', dimension15:'accessibility', dimension9:tagArray[i]}]); } //loop through page tags and set custom dimensions for contentID and prod cats var catArray = []; for(i=0; i < catArray.length ; i++){ _paq.push(['trackEvent','General','Product Categories','View',null,{dimension7:'65427',dimension13:'Page', dimension15:'accessibility', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'65427',dimension13:'Page', dimension15:'accessibility'}]); } _paq.push(['enableLinkTracking']); (function() { var u='//analytics.showoff.asp.events/'; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '776']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script src="/includes/javascript/showoff.global.min.js" ></script> <script src="https://consent.cookiefirst.com/sites/ife.co.uk-c0a5c237-6948-4f24-aae9-de5007873e19/consent.js"></script> </body> </html>

CINXE.COM

Accessibility | IFE