CINXE.COM
Event Sections | 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> Event Sections | IFE </title> <meta name="generator" content="SHOWOFF by ASP.events" /> <meta name="author" content=""> <meta name="description" content="IFE is divided into 14 Event Sections and Pavilions to ensure the relevant buyers find your company and stand with ease." /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Event Sections | IFE" /> <meta property="og:site_name" content="International Food & Drink Event 2025" /> <meta property="schema:description" typeof="http://schema.org/WebPage" content="IFE is divided into 14 Event Sections and Pavilions to ensure the relevant buyers find your company and stand with ease." /> <meta property="schema:name" typeof="http://schema.org/WebPage" content="Event Sections" /> <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="IFE is divided into 14 Event Sections and Pavilions to ensure the relevant buyers find your company and stand with ease." /> <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/event-sections" /> <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/__theme/css/site.css?v=CB439565" /> <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-65123 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_05BF5 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-69BB6" x-data="composerPatternMenuAccordion({id: '69BB6'})" menuid="69BB6"> <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-11E87 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '', colorType: 'class', id: '11E87', onHover: false,})" id="11E87"> <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-22684 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '22684', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="22684"> <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_86AAA 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_1C86C 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-2A5C4 is-loading" x-data="composerPatternMenuDropdown({id: '2A5C4'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="2A5C4"> <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_6FA83 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-9DB0D is-loading" x-data="composerPatternMenuDropdown({id: '9DB0D'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="9DB0D"> <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"> Event Sections </h1> </div> </div> </div> <script> function composerStructurePageTitle() { return { init() { window.onload = () => { this.setCssVariables(); }; }, setCssVariables() { if (window.matchMedia("(max-width: 1024px)").matches) { if ($(".s-header__mobile").hasClass("is-position-absolute")) { document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__mobile").outerHeight() + "px"); } else { document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); } } else { if ($(".s-header__default").hasClass("is-position-absolute")) { document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__default").hasClass("s-header__default--style-7") ? "0px" : $(".s-header__default").outerHeight() + "px"); } else { document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); } } }, handleOnWindowResize() { this.setCssVariables(); } }; } </script> </div> <div class="s-main"> <main class="s-main__content"> <div class="p-section p-section--id-1 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <a class="anchor" name="Position your brand in a dedicated section at IFE"></a> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__header u-text-align-left"> <h2 class="p-article__header__title u-color-one u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> <p style="text-align: center;">Position your brand in a dedicated section at IFE</p> </h2> </div> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;">IFE is divided into 15 Event Sections and Pavilions to help buyers find the products they are looking for with ease. Check out the sections below and see which section is the perfect area for you. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-2 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p> <div class="w-ticker w-ticker--id-uid_E390B w-ticker--style-1" x-data="composerWidgetTicker({direction: 'left', id: 'uid_E390B', speed: 'medium', text: 'Secure\x20your\x20stand\x20today\x20\u2022\x20Meet\x2030,000\x20buyers\x20\u2022\x20'})"> <div class="w-ticker__container"> <a class="w-ticker__text u-color-text-muted u-font-two u-font-two-size-xxx-large u-font-two-weight-bold u-text-uppercase" href="secure-your-stand"></a> </div> <script> function composerWidgetTicker(params) { return { id: params.id, direction: (params.direction === "left") ? "ltr" : "rtl", speed: params.speed, text: params.text, init() { this.initTicker(); }, initTicker() { const ticker = $('.w-ticker--id-' + this.id); const tickerContainer = ticker.find('.w-ticker__container'); const tickerText = ticker.find('.w-ticker__text'); $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/plugins/jquery.supermarquee.min.js', () => { $('.w-ticker--id-' + this.id + ' .w-ticker__text').supermarquee({ "content": this.text, "direction": this.direction, "speed": this.speed }); }); } } } </script> </div> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-3 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="w-button w-button--style-1 w-button--style-1--align-center w-button--style-1--size-normal w-button--style-1--width-fill"> <a class="w-button__button " href="enquire-to-exhibit"><i class="w-button__button__icon fa-light fa-laptop"></i><span class="w-button__button__text">Enquire To Exhibit</span></a> </div> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-2"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="w-button w-button--style-2 w-button--style-2--align-center w-button--style-2--size-normal w-button--style-2--width-fill"> <a class="w-button__button " href="who-attends"><i class="w-button__button__icon fa-light fa-handshake"></i><span class="w-button__button__text">See Who Attends</span></a> </div> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="w-button w-button--style-3 w-button--style-3--align-center w-button--style-3--size-normal w-button--style-3--width-fill"> <a class="w-button__button " href="mailto:ifeteam@montgomerygroup.com?Subject=IFE%202025%20-%20Website%20Enquiry%20-%20Sales%20Brochure%20Request"><i class="w-button__button__icon fa-light fa-file-alt"></i><span class="w-button__button__text">Request Sales Brochure</span></a> </div> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <div class="w-button w-button--style-1 w-button--style-1--align-center w-button--style-1--size-normal w-button--style-1--width-fill"> <a class="w-button__button " href="contact-us"><i class="w-button__button__icon fa-light fa-users"></i><span class="w-button__button__text">Contact Us</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-4 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-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 style="text-align: center;"><img alt="bakery, snacks & confectionery" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE22_bakery.svg" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Dedicated section for brands with distinctive products, sweet treats, and flaky creations.</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 style="text-align: center;"><img alt="Vegan & Plant-Based" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE22_vegan.svg" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Go-to area for brands with plant-powered produce and creative products.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <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 style="text-align: center;"><img alt="Speciality Food" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE22_food.svg" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Designated zone for all products that are gourmet and artisanal.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <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 style="text-align: center;"><img alt="Free From Pavilion Roundel" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Untitled-design---2023-08-08T153152.046.png" style="height: 212px; width: 220px;" /></p> <p style="text-align: center;">Got a free from product? This is your destination to showcase your products!</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-5 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-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 style="text-align: center;"><img alt="Chilled & Frozen Food" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/frozen-food-v2.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">For brands with all things chilled and frozen. </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 style="text-align: center;"><img alt="Grocery & Wholesale" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE22_grocery.svg" style="width: 200px; height: 200px;" /></p> <p style="text-align: center;">Dedicated area for leading brands with ambient and wholesale items.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <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 style="text-align: center;"><img alt="Health, Organic & Natural" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE_SectionIcons_Health&Wellbeing_01-20-(1).png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Perfect place for brands showcasing nutritious creations.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <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 style="text-align: center;"><img alt="International Pavilions" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE22_pavilions.svg" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">The section for exhibiting global flavours and international treats</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-6 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-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 style="text-align: center;"><img alt="Drinks @ HRC & IFE" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/IFE_SectionIcons_Drinks_01-20.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Specific zone for all things drinks, ranging from spirits to low and no. </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 style="text-align: center;"><img alt="Hot Beverages Pavilion Roundel" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE_SectionIcons_hot_beverages_pavilion_04-23.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Area within the Drinks Section showcasing tealicious and brewtiful products.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <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 style="text-align: center;"><img alt="Exporters Hub" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/SpiritsPavillion.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Truly raise the bar in the Drinks section joining the finest brands in the world of spirits.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <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 style="text-align: center;"><img alt="Startup Market Roundel" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE_SectionIcons_Startup-Market.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Home to companies that have been trading for 2 years or less. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="p-section p-section--id-7 p-section--style-1 has-margin-bottom"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner" style=""> <div class="p-section__container__inner__container u-layout-container-default"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-4 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-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 style="text-align: center;"><img alt="Cheese Pavilion Roundel" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/Sections/Cheese-DairyPavillion.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Offering brie-lliant and cheesy products? This area is for you!</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 style="text-align: center;"><img alt="Exporters Hub" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE_SectionIcons_ExportersHub.png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">For export service providers to connect with buyers and brands looking for export support.</p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-3"> <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 style="text-align: center;"><img alt="Fresh Produce Roundel" src="https://cdn.asp.events/CLIENT_Montgome_B1B4C8FA_E3BA_05DA_18BFD74DA8885CDB/sites/IFE-2025/media/IFE_SectionIcons_fresh_produce_04-23-(1).png" style="height: 200px; width: 200px;" /></p> <p style="text-align: center;">Section in partnership with Fresh Produce Consortium (FPC) to showcase premium fresh produce. </p> </div> </div> </div> </div> <div class="p-section__body__articles__article section__body__article--id-4"> <div class="p-article p-article--style-1"> </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_A2A71 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_A2A71', 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_1D162 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_1D162', 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_843EA 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_843EA', 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_34179 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_34179', 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-02689 has-separators" x-data="composerPatternMenuQuickLinks({color: 'text', colorCustom: '', colorType: 'class', id: '02689', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="02689"> <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/1.2.0/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:'65123',dimension13:'Page', dimension15:'event-sections', 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:'65123',dimension13:'Page', dimension15:'event-sections', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'65123',dimension13:'Page', dimension15:'event-sections'}]); } _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> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src=https://www.googletagmanager.com/gtag/js?id=UA-44383532-7></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-44383532-7'); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5FF051J022"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5FF051J022'); { 'debug_mode':true }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NNZ6CGX');</script> <!-- End Google Tag Manager --> </body> </html>