CINXE.COM
Enquire to exhibit | IFE
<!DOCTYPE html> <html lang="en-GB" class="ife-2025 no-js"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> Enquire to exhibit | IFE </title> <meta name="generator" content="SHOWOFF by ASP.events" /> <meta name="author" content=""> <meta name="description" content="If you'd like the opportunity to showcase your products to over 30,000 industry buyers at IFE, the team would love to hear from you." /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Enquire to exhibit | IFE" /> <meta property="og:site_name" content="International Food & Drink Event 2025" /> <meta property="schema:description" typeof="http://schema.org/WebPage" content="If you'd like the opportunity to showcase your products to over 30,000 industry buyers at IFE, the team would love to hear from you." /> <meta property="schema:name" typeof="http://schema.org/WebPage" content="Enquire To Exhibit" /> <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="If you'd like the opportunity to showcase your products to over 30,000 industry buyers at IFE, the team would love to hear from you." /> <meta property="og:type" content="article" /> <!-- 33A65E1DB18601C51E8C54D95231115E477A848CDB12790A19DCB01E85F55820 --> <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/enquire-to-exhibit" /> <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-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script defer src="https://code.jquery.com/ui/1.14.0/jquery-ui.min.js" integrity="sha256-Fb0zP4jE3JHqu+IBB9YktLcSjI1Zc6J2b6gTjB0LpoM=" 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-65142 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><!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/143291918.js"></script> <!-- End of HubSpot Embed Code --> <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_0A47E 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"> <!--seed:A8B9CE8B9BCA57CE727397ADC794415FF7445DFC--> <ul class="p-menu--accordion p-menu--accordion--id-5363D" x-data="composerPatternMenuAccordion({id: '5363D'})" menuid="5363D"> <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"> <!--seed:E4DD313962B29B2F602F7AE7260BFCC87FBAE033--> <ul class="p-menu--quick-links p-menu--quick-links--id-35988 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '', colorType: 'class', id: '35988', onHover: false,})" id="35988"> <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)"> <!--seed:AB6DA64BA14FFD54C8EB4EB858192C39DAD13841--> <ul class="p-menu--quick-links p-menu--quick-links--id-71ACF has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '71ACF', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="71ACF"> <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_9ACE9 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_325BD 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"> <!--seed:635F9A98B095CB21E90772317EF5FBAF048D09EB--> <ul class="p-menu--dropdown p-menu--dropdown--id-126BD is-loading" x-data="composerPatternMenuDropdown({id: '126BD'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="126BD"> <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_0C970 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"> <!--seed:9F2C183CCB44964BBF266A913F7378328C9F6F5A--> <ul class="p-menu--dropdown p-menu--dropdown--id-7180D is-loading" x-data="composerPatternMenuDropdown({id: '7180D'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="7180D"> <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"> Enquire To Exhibit </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-2 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="What can IFE do for you?"></a> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <div class="p-article__wrapper-one"> <div class="p-article__media u-aspect-ratio-3-2"> <img class="p-article__media__image u-object-fit-cover" alt="" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/2025/2024-photos/_AAA1312.jpg/fit-in/1024x9999/filters:no_upscale()" /> </div> </div> <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"> What can IFE do for you? </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <ul> <li><strong>Get Unmatched Exposure: </strong>IFE is the largest and longest standing food & drink event in London, the hub of innovation.</li> <li><strong>Networking Opportunities: </strong>Engage with key decision-makers, distributors, retailers, importers, exporters, and hospitality professionals who are actively seeking innovative products and partnerships.</li> <li><strong>New Business Leads: </strong>With over 30,000 food and drink professionals and buyers from 105 countries, IFE offers an unparalleled opportunity to generate high-quality leads by getting your products in the hands of an audience that is ready to buy.</li> <li><strong>Comprehensive Marketing Promotion: </strong>Benefit from advertising and sponsorship opportunities to ensure maximum exposure to our database of buyers both digitally pre-event and face-to-face at the event.</li> </ul> <p>Let's work together to drive your business forward!</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <div class="p-article p-article--style-3 u-border-color-one u-border-style-solid u-border-radius-normal" style="border-width: 1px;"> <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>Interested in showcasing your products to food and drink buyers and decision makers? We would love to hear from you. Simply complete the form and one of our commercial team will be in touch with you shortly. </p> <p><br /> <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ portalId: "143291918", formId: "b9d04c59-f200-4ac6-bbc4-a52fad7704ab", region: "eu1" }); </script></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_BA2E5 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_BA2E5', 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_24474 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_24474', 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_24EE9 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_24EE9', 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_1FDE4 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_1FDE4', 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 30 March: 10:00 – 17:00 <br /> Tuesday 31 March: 10:00 – 17:00* <br /> Wednesday 01 April: 10:00 – 16:00** <br /> *Online registration closes – onsite registration only. **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"> <!--seed:52AFE16360411C50DEE1245E468D9F82D4B102BB--> <ul class="p-menu--quick-links p-menu--quick-links--id-EB01A has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: 'EB01A', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="EB01A"> <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) + '"e=' + 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.25', 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> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNZ6CGX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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> <!-- Piwik --> <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:'65142',dimension13:'Page', dimension15:'enquire-to-exhibit', 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:'65142',dimension13:'Page', dimension15:'enquire-to-exhibit', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'65142',dimension13:'Page', dimension15:'enquire-to-exhibit'}]); } _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> <!-- End Piwik Code --> <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>