404 Page not found - Gulfhost 2024

<!DOCTYPE html> <html lang="en-GB" class="gulfhost-2024 no-js"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> 404 Page not found - Gulfhost 2024 </title> <meta name="generator" content="SHOWOFF by ASP.events" /> <meta name="author" content=""> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="404 Page not found" /> <meta property="og:site_name" content="Gulfhost 2024" /> <meta property="schema:name" typeof="http://schema.org/WebPage" content="404 Page not found" /> <meta property="schema:image" typeof="http://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_green.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:image" content="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_green.png/fit-in/1200x630/filters:no_upscale()" /> <meta property="og:type" content="article" />  <base href="https://www.gulfhost.ae/" > <meta name="robots" content="noindex, nofollow" /> <link rel="icon" href="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/favicon.ico" type="image/x-icon" /> <link rel="canonical" href="https://www.gulfhost.ae/404-page-found?page=11" />  <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-K65K8XR');</script>  <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/__theme/css/site.css?v=758F6B6E" /> <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/__theme/css/fonts.css" type="text/css"/> <link href="" rel="stylesheet"> <script src="https://cdn.asp.events/includes/js/jquery/jquery.min.js"></script> <script src="https://cdn.asp.events/includes/js/jquery/jquery-ui.min.js"></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> <script> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/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-528219 body--template-default">  <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-K65K8XR height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="site"> <header class="s-header" x-data="composerStructureHeader({id: 523156, style: 6, 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--523156 is-position-absolute" 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_166B2 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 158px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="158" alt="Logo" src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo2_GulfHost_white.png/fit-in/158x316/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo2_GulfHost_white.png/fit-in/316x632/filters:no_upscale() 2x" /> </a> </div> </div> </div> <div class="s-header__mobile__dates u-color-white u-font-two u-font-two-size-x-large"> 5 - 7 NOVEMBER 2024<br /> DUBAI WORLD TRADE CENTRE </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-white u-border-solid-1 u-border-radius-shape-circle u-border-color-white" 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-one" style="opacity: 1;"></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 class="s-header__mobile__buttons"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-vertical w-button-group--style-1--direction-vertical--align-left"> <div class="w-button w-button--style-7 w-button--style-7--align-center w-button--style-7--width-fill"> <a class="w-button__button " href="book-a-stand"><span class="w-button__button__text">Book a Stand</span></a> </div> <div class="w-button w-button--style-8 w-button--style-8--align-center w-button--style-8--width-fill"> <a class="w-button__button " href="https://visit.gulfhost.ae/" target="_blank" rel="noopener noreferrer"><span class="w-button__button__text">Get Your Free Pass Now</span></a> </div> </div> </div> </div> <div class="s-header__mobile__open__wrapper-three"> <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-center" x-on:click="handleAnchorScroll" aria-label="Main Menu"> <ul class="p-menu--accordion p-menu--accordion--id-8B155" x-data="composerPatternMenuAccordion({id: '8B155'})" menuid="8B155"> <li class="p-menu__item" title="Home"> <div class="p-menu__item__wrapper-one"> <a href="" target="_self" class="p-menu__item__link u-color-white u-text-uppercase u-font-one-size-ultra-large">Home</a> </div> </li> <li class="p-menu__item has-submenu" title="Exhibit"> <div class="p-menu__item__wrapper-one"> <span class="p-menu__item__text u-color-white u-text-uppercase u-font-one-size-ultra-large" aria-expanded="false">Exhibit</span> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-color-white u-text-uppercase u-font-one-size-ultra-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-three u-font-one-size-ultra-large">Why Exhibit?</a> </div> </li> <li class="p-menu__item__submenu__item" title="I Want To Exhibit"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="book-a-stand" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">I Want To Exhibit</a> </div> </li> <li class="p-menu__item__submenu__item" title="2024 Exhibitor List"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="exhibitors-2024" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">2024 Exhibitor List</a> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="Visit"> <div class="p-menu__item__wrapper-one"> <span class="p-menu__item__text u-color-white u-text-uppercase u-font-one-size-ultra-large" aria-expanded="false">Visit</span> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-color-white u-text-uppercase u-font-one-size-ultra-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" title="Why Visit?"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="why-visit" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">Why Visit?</a> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Show Features"> <div class="p-menu__item__submenu__item__wrapper-one"> <span class="p-menu__item__submenu__item__text u-color-three u-font-one-size-ultra-large" aria-expanded="false">Show Features</span> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-three u-font-one-size-ultra-large" 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: Show Features</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 has-submenu" title="FoodService Excellence Summit"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="foodservice-excellence-summit" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large" aria-expanded="false">FoodService Excellence Summit</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-three u-font-one-size-ultra-large" 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: FoodService Excellence Summit</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="View Agenda"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="foodservice-excellence-summit-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">View Agenda</a> </div> </li> <li class="p-menu__item__submenu__item" title="View Speakers"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="foodservice-excellence-summit/speakers" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">View Speakers</a> </div> </li> </ul> </div> </li> <li class="p-menu__item__submenu__item" title="Innovation Awards 2024"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="gulfhost-innovation-awards-2024" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">Innovation Awards 2024</a> </div> </li> <li class="p-menu__item__submenu__item has-submenu" title="Coffee Experience Lab"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="coffee-experience-lab" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large" aria-expanded="false">Coffee Experience Lab</a> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-three u-font-one-size-ultra-large" 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: Coffee Experience Lab</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="View Agenda"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="coffee-experience-lab-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">View Agenda</a> </div> </li> <li class="p-menu__item__submenu__item" title="View Coffee Experts"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="baristas-coffee-consultants" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">View Coffee Experts</a> </div> </li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </li> <li class="p-menu__item has-submenu" title="About"> <div class="p-menu__item__wrapper-one"> <span class="p-menu__item__text u-color-white u-text-uppercase u-font-one-size-ultra-large" aria-expanded="false">About</span> <div class="p-menu__item__submenu-toggle"> <button class="p-menu__item__submenu-toggle__button u-color-white u-text-uppercase u-font-one-size-ultra-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: About</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="Content Series"> <div class="p-menu__item__submenu__item__wrapper-one"> <span class="p-menu__item__submenu__item__text u-color-three u-font-one-size-ultra-large" aria-expanded="false">Content Series</span> <div class="p-menu__item__submenu__item__submenu-toggle"> <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-three u-font-one-size-ultra-large" 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: Content Series</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="For Starters"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="forstarters" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">For Starters</a> </div> </li> <li class="p-menu__item__submenu__item" title="Now Serving"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7198562245826514944" target="_blank" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">Now Serving</a> </div> </li> <li class="p-menu__item__submenu__item" title="Fully Catered"> <div class="p-menu__item__submenu__item__wrapper-one"> <a href="newsletter" target="_self" class="p-menu__item__submenu__item__link u-color-three u-font-one-size-ultra-large">Fully Catered</a> </div> </li> </ul> </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-color-white u-text-uppercase u-font-one-size-ultra-large" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-color-white u-text-uppercase u-font-one-size-ultra-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" : "three"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "four" : "five"; 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 = "one" == "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-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/gulfhostmena" 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.facebook.com/GulfHost/" 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.instagram.com/gulfhostmena" 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://youtube.com/@gulfhostmena?si=kSKCRamu_KPlTaH2" target="_blank" rel="noopener noreferrer" title="Youtube"> <i class="w-social-networks__items__item__link__icon fa-brands fa-youtube 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-6 s-header__default--id-523156"> <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-one"></div> </div> <div class="s-header__default__container__inner__container u-layout-container-default"> <div class="s-header__default__container__inner__container__inner"> <div class="s-header__default__wrapper-one"> <div class="s-header__default__logo u-background-color-one" style="width: 230px;"> <div class="w-image w-image--id-uid_1AB98 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 180px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="180" alt="Gulfhost Logo" src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_white.png/fit-in/180x360/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_white.png/fit-in/360x720/filters:no_upscale() 2x" /> </a> </div> </div> </div> </div> <div class="s-header__default__wrapper-two" style="margin-left: 230px;"> <div class="s-header__default__wrapper-two__wrapper-one"> <div class="s-header__default__wrapper-two__wrapper-one__wrapper-two"> </div> </div> <div class="s-header__default__wrapper-two__wrapper-two"> <div class="s-header__default__wrapper-two__wrapper-two__wrapper-one"> <nav class="s-header__default__navigation" aria-label="Main Menu"> <ul class="p-menu--dropdown p-menu--dropdown--id-CCA23 is-loading" x-data="composerPatternMenuDropdown({id: 'CCA23'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="CCA23"> <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-color-text u-text-uppercase u-font-one-size-x-large">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-text-uppercase u-font-one-size-x-large">Exhibit</span> <button class="p-menu__item__submenu-toggle u-color-text u-text-uppercase u-font-one-size-x-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 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-one u-color-text u-font-one-size-x-large">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item" title="I Want To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="book-a-stand" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">I Want To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="2024 Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitors-2024" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">2024 Exhibitor List</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-text-uppercase u-font-one-size-x-large">Visit</span> <button class="p-menu__item__submenu-toggle u-color-text u-text-uppercase u-font-one-size-x-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 submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Visit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-visit" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Why Visit?</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Show Features" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large">Show Features</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Show Features</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item has-submenu" title="FoodService Excellence Summit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">FoodService Excellence Summit</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: FoodService Excellence Summit</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="View Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Agenda</a> </li> <li class="p-menu__item__submenu__item" title="View Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit/speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Speakers</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Innovation Awards 2024" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="gulfhost-innovation-awards-2024" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Innovation Awards 2024</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Coffee Experience Lab" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="coffee-experience-lab" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Coffee Experience Lab</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Coffee Experience Lab</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="View Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="coffee-experience-lab-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Agenda</a> </li> <li class="p-menu__item__submenu__item" title="View Coffee Experts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="baristas-coffee-consultants" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Coffee Experts</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="p-menu__item has-submenu" title="About" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-text-uppercase u-font-one-size-x-large">About</span> <button class="p-menu__item__submenu-toggle u-color-text u-text-uppercase u-font-one-size-x-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 submenu for: About</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Content Series" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large">Content Series</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Content Series</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="For Starters" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="forstarters" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">For Starters</a> </li> <li class="p-menu__item__submenu__item" title="Now Serving" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7198562245826514944" target="_blank" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Now Serving</a> </li> <li class="p-menu__item__submenu__item" title="Fully Catered" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Fully Catered</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="About" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-text u-text-uppercase u-font-one-size-x-large" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-color-text u-text-uppercase u-font-one-size-x-large" 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-color-text u-text-uppercase u-font-one-size-x-large', mainMenuItemText: 'p-menu__item__text u-color-text u-text-uppercase u-font-one-size-x-large', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-color-text u-text-uppercase u-font-one-size-x-large', 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-one u-color-text u-font-one-size-x-large', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large', 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" ? "text" : "text"; 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 = "one" == "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" ? "text" : "text"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "white" : "five"; 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 class="s-header__default__wrapper-two__wrapper-two__wrapper-two"> <div class="s-header__default__search"> <div class="w-search w-search--id-uid_A9169 w-search--style-1 w-search--style-1--align-right" x-data="composerWidgetSearch"> <button class="w-search__button u-color-white 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 class="s-header__default__call-to-actions"> <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-right"> <div class="w-button w-button--style-7 w-button--style-7--align-left w-button--style-7--width-auto"> <a class="w-button__button " href="exhibitors-2024"><span class="w-button__button__text">View Exhibitor List</span></a> </div> <div class="w-button w-button--style-8 w-button--style-8--align-left w-button--style-8--width-auto"> <a class="w-button__button " href="https://www.gulfhost.ae/book-a-stand" target="_blank" rel="noopener noreferrer"><span class="w-button__button__text">ENQUIRE TO EXHIBIT</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <template x-if="isHeaderDefaultStickyVisible"> <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-523156" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }"> <div class="s-header__default__container u-layout-container-full-viewport"> <div class="s-header__default__container__inner u-border-bottom-solid-1" style="border-bottom-color: rgba(255, 255, 255, 0.2)"> <div class="s-header__sticky__background"> <div class="s-header__sticky__background__color u-background-color-one"></div> </div> <div class="s-header__sticky__wrapper-one"> <div class="s-header__sticky__wrapper-one__container u-layout-container-full-width"> <div class="s-header__sticky__wrapper-one__wrapper-one"> <div class="s-header__sticky__logo"> <div class="w-image w-image--id-uid_AB5F4 w-image--style-1 w-image--style-1--align-left"> <div class="w-image__container" style="width: 180px;"> <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="180" alt="Logo" src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_white.png/fit-in/180x360/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/Branding/logo_GulfHost_white.png/fit-in/360x720/filters:no_upscale() 2x" /> </a> </div> </div> </div> </div> <div class="s-header__sticky__wrapper-one__wrapper-two"> <nav class="s-header__sticky__navigation" aria-label="Main Menu"> <ul class="p-menu--dropdown p-menu--dropdown--id-D9F66 is-loading" x-data="composerPatternMenuDropdown({id: 'D9F66'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="D9F66"> <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-color-three u-text-uppercase u-font-one-size-x-large">Home</a> </li> <li class="p-menu__item has-submenu" title="Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-three u-text-uppercase u-font-one-size-x-large">Exhibit</span> <button class="p-menu__item__submenu-toggle u-color-three u-text-uppercase u-font-one-size-x-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 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-one u-color-text u-font-one-size-x-large">Why Exhibit?</a> </li> <li class="p-menu__item__submenu__item" title="I Want To Exhibit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="book-a-stand" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">I Want To Exhibit</a> </li> <li class="p-menu__item__submenu__item" title="2024 Exhibitor List" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="exhibitors-2024" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">2024 Exhibitor List</a> </li> </ul> </li> <li class="p-menu__item has-submenu" title="Visit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-three u-text-uppercase u-font-one-size-x-large">Visit</span> <button class="p-menu__item__submenu-toggle u-color-three u-text-uppercase u-font-one-size-x-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 submenu for: Visit</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item" title="Why Visit?" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="why-visit" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Why Visit?</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Show Features" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large">Show Features</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Show Features</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item has-submenu" title="FoodService Excellence Summit" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">FoodService Excellence Summit</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: FoodService Excellence Summit</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="View Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Agenda</a> </li> <li class="p-menu__item__submenu__item" title="View Speakers" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="foodservice-excellence-summit/speakers" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Speakers</a> </li> </ul> </li> <li class="p-menu__item__submenu__item" title="Innovation Awards 2024" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="gulfhost-innovation-awards-2024" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Innovation Awards 2024</a> </li> <li class="p-menu__item__submenu__item has-submenu" title="Coffee Experience Lab" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="coffee-experience-lab" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Coffee Experience Lab</a> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Coffee Experience Lab</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="View Agenda" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="coffee-experience-lab-2024-agenda" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Agenda</a> </li> <li class="p-menu__item__submenu__item" title="View Coffee Experts" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="baristas-coffee-consultants" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">View Coffee Experts</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="p-menu__item has-submenu" title="About" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-three u-text-uppercase u-font-one-size-x-large">About</span> <button class="p-menu__item__submenu-toggle u-color-three u-text-uppercase u-font-one-size-x-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 submenu for: About</span> </button> <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> <li class="p-menu__item__submenu__item has-submenu" title="Content Series" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large">Content Series</span> <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large" 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: Content Series</span> </button> <ul class="p-menu__item__submenu"> <li class="p-menu__item__submenu__item" title="For Starters" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="forstarters" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">For Starters</a> </li> <li class="p-menu__item__submenu__item" title="Now Serving" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7198562245826514944" target="_blank" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Now Serving</a> </li> <li class="p-menu__item__submenu__item" title="Fully Catered" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a href="newsletter" target="_self" class="p-menu__item__submenu__item__link u-background-color-one u-color-text u-font-one-size-x-large">Fully Catered</a> </li> </ul> </li> </ul> </li> <li class="p-menu__item p-menu__item--more has-submenu" title="About" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-three u-text-uppercase u-font-one-size-x-large" aria-expanded="false">More</span> <button class="p-menu__item__submenu-toggle u-color-three u-text-uppercase u-font-one-size-x-large" 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-color-three u-text-uppercase u-font-one-size-x-large', mainMenuItemText: 'p-menu__item__text u-color-three u-text-uppercase u-font-one-size-x-large', mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-color-three u-text-uppercase u-font-one-size-x-large', 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-one u-color-text u-font-one-size-x-large', subMenuItemText:'p-menu__item__submenu__item__text u-background-color-one u-color-text u-font-one-size-x-large', subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-one u-color-text u-font-one-size-x-large', 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" ? "three" : "text"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onActiveColor = level == "main" ? "white" : "three"; 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 = "one" == "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" ? "three" : "text"; var colorType = color == "custom" ? "style" : "class"; var colorCustom = level == "main" ? "" : ""; var onHoverColor = level == "main" ? "white" : "five"; 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 class="s-header__sticky__wrapper-one__wrapper-three"> <div class="s-header__sticky__call-to-actions"> <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 class="w-button w-button--style-7 w-button--style-7--align-left w-button--style-7--width-auto"> <a class="w-button__button " href="faq"><span class="w-button__button__text">FAQ</span></a> </div> <div class="w-button w-button--style-8 w-button--style-8--align-left w-button--style-8--width-auto"> <a class="w-button__button " href="https://www.gulfhost.ae/book-a-stand" target="_blank" rel="noopener noreferrer"><span class="w-button__button__text">Enquire to exhibit</span></a> </div> </div> </div> </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: 20vh"> <div class="s-page-title__default__container u-layout-container-full-viewport"> <div class="s-page-title__default__background"> <div class="s-page-title__default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image: url('https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/backgrounds/bg_GreenTop.jpg/fit-in/2048x9999/filters:no_upscale()');"></div> <div class="s-page-title__default__background__overlay u-background-color-black" style="opacity: 0.23;"></div> </div> <div class="s-page-title__default__container__inner u-layout-container-full-width "> </div> </div> </div> <script> function composerStructurePageTitle() { return { init() { document.addEventListener("DOMContentLoaded", () => { 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"> <div class="p-section__container u-layout-container-full-viewport"> <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> <div class="p-section__container__inner__container u-layout-container-small"> <div class="p-section__body"> <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> <div class="p-section__body__articles__article section__body__article--id-1"> <div class="p-article p-article--style-1"> <div class="p-article__wrapper-two"> <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> <p style="text-align: center;"><span class="g-styles-font-one-size-large"></span><img alt="oopsie" src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/error-404-gif.gif" style="height: 175px; width: 164px;" /></p> <p style="text-align: center;"><span class="g-styles-font-one-size-large">Whoopsies ... We couldn't find this page. </span></p> <div class="w-button w-button--style-7 w-button--style-7--align-center w-button--style-7--width-auto"> <a class="w-button__button " href=""><span class="w-button__button__text">Go Back Home</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script defer> $(document).ready(function() { gsap.registerPlugin(ScrollTrigger); ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); // Section Animation $('.p-section[data-animation-scroll]').each(function() { const $section = $(this); const sectionAnimationStyle = $section.data('animation-scroll-style'); let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay let animationPlayed = false; // Flag to track whether animation has been played switch (sectionAnimationStyle) { case 1: sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } ScrollTrigger.create({ trigger: $section[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before sectionTimeline.play(); // Play the animation animationPlayed = true; // Set the flag to true to indicate that animation has been played } }, onLeaveBack: function() { // Uncomment the line below if you want to revert to initial state when scrolling back up // sectionTimeline.reverse(); // Reverse the animation when scrolling back up } }); }); // Articles Animation $('.p-section').each(function() { const $section = $(this); if ($section.find('.p-article[data-animation-scroll]').length) { let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); $section.find('.p-article[data-animation-scroll]').each(function(index) { const $article = $(this); const articleAnimationStyle = $article.data('animation-scroll-style'); let animationPlayed = false; // Flag to track whether animation has been played ScrollTrigger.create({ trigger: $article[0], onEnter: function() { if (!animationPlayed) { // Only play the animation if it hasn't been played before switch (articleAnimationStyle) { case 1: articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); break; case 2: articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); break; } animationPlayed = true; // Set the flag to true to indicate that animation has been played and don't play it again if user scrolls back up } } }); }); } }); }); </script> </main> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport"> <div class="s-default__container__inner has-padding-top has-padding-bottom"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-full-width"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Category Sponsors </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-528586"> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-center"> <div class="p-panel__body__content"> <div class="js-library-list-outer" searchgroup="B944C421-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="3" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-B944C421-gold-sponsor m-libraries-sponsors-list--carousel is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'B944C421-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 3, itemsToShowDesktop: 3, pager: true, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="B944C421-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="B944C421-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> </div> <div class="m-libraries-sponsors-list__pager"></div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="B944C421-gold-sponsor" data-searchcriteria="filters.show-logo-entry-view=YES&filters.sposors=Category Sponsor&azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"></ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-top-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-default"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Association Partners </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-544759"> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-center"> <div class="p-panel__body__content"> <div class="js-library-list-outer" searchgroup="2F4FCEE1-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="2" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-2F4FCEE1-gold-sponsor m-libraries-sponsors-list--carousel is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: '2F4FCEE1-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 2, itemsToShowLaptop: 2, itemsToShowDesktop: 2, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="2F4FCEE1-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="2F4FCEE1-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> </div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="2F4FCEE1-gold-sponsor" data-searchcriteria="filters.sposors=Association Partner&azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"></ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-top-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-full-width"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Headline Media Partner </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-544757"> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-center"> <div class="p-panel__body__content"> <div class="js-library-list-outer" searchgroup="B979AEDE-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="1" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-B979AEDE-gold-sponsor m-libraries-sponsors-list--carousel is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'B979AEDE-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 2, itemsToShowLaptop: 2, itemsToShowDesktop: 2, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="B979AEDE-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="B979AEDE-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> </div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="B979AEDE-gold-sponsor" data-searchcriteria="filters.sposors=Headline Media Partner&azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"></ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-top-solid-1 u-border-bottom-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-full-width"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Official Media Partner </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-553299"> <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="js-library-list-outer" searchgroup="30343DB2-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="1" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-30343DB2-gold-sponsor m-libraries-sponsors-list--carousel is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: '30343DB2-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 2, itemsToShowLaptop: 2, itemsToShowDesktop: 2, pager: false, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="30343DB2-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="30343DB2-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> </div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="30343DB2-gold-sponsor" data-searchcriteria="filters.sposors=Official Media Partner&azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"></ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-bottom-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-full-width"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> VIP Transport Partner </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-554427"> <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="js-library-list-outer" searchgroup="69355D3B-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="19" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-69355D3B-gold-sponsor m-libraries-sponsors-list--carousel is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: false, arrowsBackground: true, arrowsBackgroundColor: 'one', arrowsBorder: false, arrowsBorderColor: 'one', arrowsColor: 'white', arrowsIcon: 'chevron', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: '69355D3B-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 4, itemsToShowDesktop: 4, pager: true, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="69355D3B-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="69355D3B-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> <div class="m-libraries-sponsors-list__items__item m-libraries-sponsors-list__items__item--id-550635"> <div class="m-libraries-sponsors-list__items__item__container js-library-item" data-content-i-d="550635"> <div class="m-libraries-sponsors-list__items__item__wrapper-one"> <div class="m-libraries-sponsors-list__items__item__image"> <img class="m-libraries-sponsors-list__items__item__image__image u-object-fit-contain u-width-100 js-lazy" alt="Media Partner - Food Business Gulf & Middle East" data-src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/libraries/gold-sponsor/Food-Business.png/fit-in/150x9999/filters:no_upscale()" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style=" width: 150px;" /> <div class="m-libraries-sponsors-list__items__item__image__loader"> <div class="p-loader p-loader--default"> <div class="p-loader__icon"></div> </div> </div> </div> </div> <div class="m-libraries-sponsors-list__items__item__wrapper-two"> </div> <a class="m-libraries-sponsors-list__list__items__item__link js-librarylink-entry" href="https://www.foodbusinessgulf.com/" target="blank"></a> <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","url":"https://www.foodbusinessgulf.com/","logo":{"@type":"ImageObject","url":"https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/libraries/gold-sponsor/Food-Business.png"},"name":"Media Partner - Food Business Gulf & Middle East","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.gulfhost.ae/gold-sponsor/media-partner-food-business-gulf-middle-east"}}</script> </div> </div> </div> <div class="m-libraries-sponsors-list__pager"></div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="69355D3B-gold-sponsor" data-searchcriteria="azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"> <li class="w-module-pagination__list__item w-module-pagination__list__item--first"><a href="404-page-found?page=1" data-page="1" element="first" title="First Page" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white"><i class="fal fa-chevrons-left"></i></a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--previous"><a href="404-page-found?page=5" data-page="5" element="previous" title="Previous Page" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white"><i class="fal fa-chevron-left"></i></a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=1" data-page="1" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">1</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=2" data-page="2" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">2</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=3" data-page="3" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">3</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=4" data-page="4" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">4</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=5" data-page="5" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">5</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=6" data-page="6" element="pages" class="w-module-pagination__list__item__link u-background-color-one u-color-white">6</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=7" data-page="7" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">7</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=8" data-page="8" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">8</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=9" data-page="9" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">9</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=10" data-page="10" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">10</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=11" data-page="11" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">11</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--ellipsis"><a href="javascript:null" element="pages" class="w-module-pagination__list__item__link u-background-color-transparent u-color-text u-pointer-events-none"><i class="fal fa-ellipsis"></i></a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--default"><a href="404-page-found?page=19" data-page="19" element="pages" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white">19</a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--next"><a href="404-page-found?page=7" data-page="7" element="next" title="Next Page" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white"><i class="fal fa-chevron-right"></i></a></li> <li class="w-module-pagination__list__item w-module-pagination__list__item--last"><a href="404-page-found?page=19" data-page="19" element="last" title="Last Page" class="w-module-pagination__list__item__link u-background-color-muted u-color-text hover:u-background-color-one hover:u-color-white"><i class="fal fa-chevrons-right"></i></a></li> </ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-top-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__color u-background-color-one"></div> </div> <div class="s-default__container__inner__container u-layout-container-full-width"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Media Partners </h2> </div> <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--size-1/1@mobile l-grid__item--size-1/1@tablet l-grid__item--size-1/1@tablet-landscape l-grid__item--size-1/1@laptop l-grid__item--size-1/1@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-523158"> <div class="p-panel__body u-color-text u-font-one u-font-one-size-text u-text-align-center"> <div class="p-panel__body__content"> <div class="js-library-list-outer" searchgroup="FF7F302C-gold-sponsor"> <script type="text/javascript">$script('/__includes/js/librarysearch.js');$script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js'); });</script> <div class="js-librarylistwrapper" data-totalcount="7" data-librarytitle="Sponsors & Partners"> <div class="m-libraries-sponsors-list m-libraries-sponsors-list--id-FF7F302C-gold-sponsor m-libraries-sponsors-list--carousel has-arrows is-loading" x-data="composerLibrarySponsorsListCarousel({ arrows: true, arrowsBackground: true, arrowsBackgroundColor: 'five', arrowsBorder: true, arrowsBorderColor: 'white', arrowsColor: 'white', arrowsIcon: 'arrow', arrowsStyle: '1', autoplay: true, autoplayInterval: 5000, id: 'FF7F302C-gold-sponsor', itemsToShowMobile: 1, itemsToShowTablet: 2, itemsToShowTabletLandscape: 3, itemsToShowLaptop: 5, itemsToShowDesktop: 5, pager: true, pagerColor: 'one', pagerStyle: 3, transitionSpeed: 500})"> <div class="m-libraries-sponsors-list__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="FF7F302C-gold-sponsor"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <div class="m-libraries-sponsors-list__items js-library-list" searchgroup="FF7F302C-gold-sponsor" searchrefresh=".m-libraries-sponsors-list__count"> </div> <div class="m-libraries-sponsors-list__arrows"></div> <div class="m-libraries-sponsors-list__pager"></div> <div class="m-libraries-sponsors-list__count-pagination" style="display: none;"> <div class="m-libraries-sponsors-list__pagination"> <div class="w-module-pagination w-module-pagination--style-1 js-pagination js-library-pagination" searchgroup="FF7F302C-gold-sponsor" data-searchcriteria="filters.sposors=Media Partner&azLetterField=" data-cachestatic="0"> <ul class="w-module-pagination__list"></ul> </div> </div> </div> <script> function composerLibrarySponsorsListCarousel(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', () => { $('.m-libraries-sponsors-list--id-' + this.id).removeClass('is-loading'); $('.m-libraries-sponsors-list--id-' + this.id + ' .m-libraries-sponsors-list__items').slick({ arrows: this.arrows, appendArrows: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__arrows", appendDots: ".m-libraries-sponsors-list--id-" + this.id + " .m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-next__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-right' : 'arrow-right') + '"></i></button></div>', prevArrow: '<div class="m-libraries-sponsors-list__arrows__prev"><button class="m-libraries-sponsors-list__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="m-libraries-sponsors-list__arrows__next__button__icon slick-prev__icon fal fa-' + (this.arrowsIcon == "chevron" ? 'chevron-left' : 'arrow-left') + '"</i></button></div>', responsive: [ { breakpoint: 1440, settings: { slidesToShow: this.itemsToShowDesktop, slidesToScroll: this.itemsToShowDesktop } }, { breakpoint: 1280, settings: { slidesToShow: this.itemsToShowLaptop, slidesToScroll: this.itemsToShowLaptop } }, { breakpoint: 1024, settings: { slidesToShow: this.itemsToShowTabletLandscape, slidesToScroll: this.itemsToShowTabletLandscape } }, { breakpoint: 768, settings: { slidesToShow: this.itemsToShowTablet, slidesToScroll: this.itemsToShowTablet } } ], rows: 0 /* @note: see https://github.com/kenwheeler/slick/issues/3207 */, speed: this.transitionSpeed, slidesToShow: this.itemsToShowMobile, slidesToScroll: this.itemsToShowMobile, draggable: (this.arrows || this.pager) ? true : false, swipe: (this.arrows || this.pager) ? true : false }); }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-default u-layout-container-full-viewport"> <div class="s-default__container u-layout-container-full-viewport" style="border-color: #474d45;"> <div class="s-default__container__inner u-border-top-solid-1 has-padding-top has-padding-bottom" style="border-color: #474d45;"> <div class="s-default__background"> <div class="s-default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image: url('https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/backgrounds/bg_GreenBtm.jpg/fit-in/2048x9999/filters:no_upscale()');"></div> <div class="s-default__background__overlay u-background-color-black" style="opacity: 0.1;"></div> </div> <div class="s-default__container__inner__container u-layout-container-small"> <div class="s-default__header u-text-align-center"> <h2 class="s-default__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-text-uppercase"> Subscribe to the Newsletter </h2> </div> <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--size-12"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-default-style-1 p-panel--id-528105"> <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"> <style type="text/css"> .elq-form .elq-required{ color:red!important; display:inline; float:none; font-weight:700; margin:0; padding:0} .elq-form #elq-FormLastRow{ position:absolute; left:-80%; top:-80%} .elq-form .elq-label{ display:inline-block; max-width:100%; font-weight:400; box-sizing:border-box; margin-bottom:0} .elq-form .elq-label-top{ padding-bottom:3px} .elq-form .elq-item-label{ max-width:100%; font-weight:400; box-sizing:border-box} .elq-form .list-order{ margin-left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .elq-form .one-column{ width:100%; clear:both} .elq-form .two-column{ float:left; width:38%} .elq-form .three-column{ float:left; width:30%} .elq-form .elq-item-textarea{ resize:vertical; min-height:48px; max-height:360px; box-sizing:border-box} .elq-form .elq-item-input,.elq-form .elq-item-select,.elq-form .elq-item-textarea{ font-family:inherit; font-size:inherit; line-height:inherit; color:inherit; font:inherit; margin:0} .elq-form .elq-item-select{ text-transform:none} .elq-form .row.single-checkbox-row{ margin-left:0} .elq-form .elq-field-style{ padding-bottom:10px} .elq-form .elq-field-style input[type=submit]{ -webkit-appearance:button} @-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg)} to{ -webkit-transform:rotate(1turn)} } @keyframes spin{ 0%{ transform:rotate(0deg)} to{ transform:rotate(1turn)} } .elq-form .loader{ vertical-align:middle; display:inline-block; margin-left:10px; border:3px solid #f3f3f3; border-radius:50%; border-top:3px solid #3498db; width:20px; height:20px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite} .elq-form input[type=checkbox],.elq-form input[type=radio]{ margin:0} .elq-form .list-order input[type=radio]{ margin-left:1px} .elq-form *,.elq-form :after,.elq-form :before{ box-sizing:border-box} .elq-form html{ font-size:10px; -webkit-tap-highlight-color:transparent} .elq-form body{ font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.42857; color:#333; background-color:#fff} .elq-form button,.elq-form input,.elq-form select,.elq-form textarea{ font-family:inherit; font-size:inherit; line-height:inherit} .elq-form a{ color:#337ab7; text-decoration:none} .elq-form a:focus,.elq-form a:hover{ color:#23527c; text-decoration:underline} .elq-form a:focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .elq-form figure{ margin:0} .elq-form img{ vertical-align:middle} .elq-form .img-responsive{ display:block; max-width:100%; height:auto} .elq-form .img-rounded{ border-radius:6px} .elq-form .img-thumbnail{ padding:4px; line-height:1.42857; background-color:#fff; border:1px solid #ddd; border-radius:4px; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto} .elq-form .img-circle{ border-radius:50%} .elq-form hr{ margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee} .elq-form .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0} .elq-form .sr-only-focusable:active,.elq-form .sr-only-focusable:focus{ position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto} .elq-form [role=button]{ cursor:pointer} .elq-form .container{ padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto} .elq-form .container:after,.elq-form .container:before{ display:table; content:" "} .elq-form .container:after{ clear:both} @media (min-width:768px){ .elq-form .container{ width:750px} } @media (min-width:992px){ .elq-form .container{ width:970px} } @media (min-width:1200px){ .elq-form .container{ width:1170px} } .elq-form .container-fluid{ padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto} .elq-form .container-fluid:after,.elq-form .container-fluid:before{ display:table; content:" "} .elq-form .container-fluid:after{ clear:both} .elq-form .row{ margin-right:-15px; margin-left:-15px} .elq-form .row:after,.elq-form .row:before{ display:table; content:" "} .elq-form .row:after{ clear:both} .elq-form .row-no-gutters{ margin-right:0; margin-left:0} .elq-form .row-no-gutters [class*=col-]{ padding-right:0; padding-left:0} .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12,.elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12,.elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12,.elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ position:relative; min-height:1px; padding-right:15px; padding-left:15px} .elq-form .col-xs-1,.elq-form .col-xs-2,.elq-form .col-xs-3,.elq-form .col-xs-4,.elq-form .col-xs-5,.elq-form .col-xs-6,.elq-form .col-xs-7,.elq-form .col-xs-8,.elq-form .col-xs-9,.elq-form .col-xs-10,.elq-form .col-xs-11,.elq-form .col-xs-12{ float:left} .elq-form .col-xs-1{ width:8.33333%} .elq-form .col-xs-2{ width:16.66667%} .elq-form .col-xs-3{ width:25%} .elq-form .col-xs-4{ width:33.33333%} .elq-form .col-xs-5{ width:41.66667%} .elq-form .col-xs-6{ width:50%} .elq-form .col-xs-7{ width:58.33333%} .elq-form .col-xs-8{ width:66.66667%} .elq-form .col-xs-9{ width:75%} .elq-form .col-xs-10{ width:83.33333%} .elq-form .col-xs-11{ width:91.66667%} .elq-form .col-xs-12{ width:100%} .elq-form .col-xs-pull-0{ right:auto} .elq-form .col-xs-pull-1{ right:8.33333%} .elq-form .col-xs-pull-2{ right:16.66667%} .elq-form .col-xs-pull-3{ right:25%} .elq-form .col-xs-pull-4{ right:33.33333%} .elq-form .col-xs-pull-5{ right:41.66667%} .elq-form .col-xs-pull-6{ right:50%} .elq-form .col-xs-pull-7{ right:58.33333%} .elq-form .col-xs-pull-8{ right:66.66667%} .elq-form .col-xs-pull-9{ right:75%} .elq-form .col-xs-pull-10{ right:83.33333%} .elq-form .col-xs-pull-11{ right:91.66667%} .elq-form .col-xs-pull-12{ right:100%} .elq-form .col-xs-push-0{ left:auto} .elq-form .col-xs-push-1{ left:8.33333%} .elq-form .col-xs-push-2{ left:16.66667%} .elq-form .col-xs-push-3{ left:25%} .elq-form .col-xs-push-4{ left:33.33333%} .elq-form .col-xs-push-5{ left:41.66667%} .elq-form .col-xs-push-6{ left:50%} .elq-form .col-xs-push-7{ left:58.33333%} .elq-form .col-xs-push-8{ left:66.66667%} .elq-form .col-xs-push-9{ left:75%} .elq-form .col-xs-push-10{ left:83.33333%} .elq-form .col-xs-push-11{ left:91.66667%} .elq-form .col-xs-push-12{ left:100%} .elq-form .col-xs-offset-0{ margin-left:0} .elq-form .col-xs-offset-1{ margin-left:8.33333%} .elq-form .col-xs-offset-2{ margin-left:16.66667%} .elq-form .col-xs-offset-3{ margin-left:25%} .elq-form .col-xs-offset-4{ margin-left:33.33333%} .elq-form .col-xs-offset-5{ margin-left:41.66667%} .elq-form .col-xs-offset-6{ margin-left:50%} .elq-form .col-xs-offset-7{ margin-left:58.33333%} .elq-form .col-xs-offset-8{ margin-left:66.66667%} .elq-form .col-xs-offset-9{ margin-left:75%} .elq-form .col-xs-offset-10{ margin-left:83.33333%} .elq-form .col-xs-offset-11{ margin-left:91.66667%} .elq-form .col-xs-offset-12{ margin-left:100%} @media (min-width:768px){ .elq-form .col-sm-1,.elq-form .col-sm-2,.elq-form .col-sm-3,.elq-form .col-sm-4,.elq-form .col-sm-5,.elq-form .col-sm-6,.elq-form .col-sm-7,.elq-form .col-sm-8,.elq-form .col-sm-9,.elq-form .col-sm-10,.elq-form .col-sm-11,.elq-form .col-sm-12{ float:left} .elq-form .col-sm-1{ width:8.33333%} .elq-form .col-sm-2{ width:16.66667%} .elq-form .col-sm-3{ width:25%} .elq-form .col-sm-4{ width:33.33333%} .elq-form .col-sm-5{ width:41.66667%} .elq-form .col-sm-6{ width:50%} .elq-form .col-sm-7{ width:58.33333%} .elq-form .col-sm-8{ width:66.66667%} .elq-form .col-sm-9{ width:75%} .elq-form .col-sm-10{ width:83.33333%} .elq-form .col-sm-11{ width:91.66667%} .elq-form .col-sm-12{ width:100%} .elq-form .col-sm-pull-0{ right:auto} .elq-form .col-sm-pull-1{ right:8.33333%} .elq-form .col-sm-pull-2{ right:16.66667%} .elq-form .col-sm-pull-3{ right:25%} .elq-form .col-sm-pull-4{ right:33.33333%} .elq-form .col-sm-pull-5{ right:41.66667%} .elq-form .col-sm-pull-6{ right:50%} .elq-form .col-sm-pull-7{ right:58.33333%} .elq-form .col-sm-pull-8{ right:66.66667%} .elq-form .col-sm-pull-9{ right:75%} .elq-form .col-sm-pull-10{ right:83.33333%} .elq-form .col-sm-pull-11{ right:91.66667%} .elq-form .col-sm-pull-12{ right:100%} .elq-form .col-sm-push-0{ left:auto} .elq-form .col-sm-push-1{ left:8.33333%} .elq-form .col-sm-push-2{ left:16.66667%} .elq-form .col-sm-push-3{ left:25%} .elq-form .col-sm-push-4{ left:33.33333%} .elq-form .col-sm-push-5{ left:41.66667%} .elq-form .col-sm-push-6{ left:50%} .elq-form .col-sm-push-7{ left:58.33333%} .elq-form .col-sm-push-8{ left:66.66667%} .elq-form .col-sm-push-9{ left:75%} .elq-form .col-sm-push-10{ left:83.33333%} .elq-form .col-sm-push-11{ left:91.66667%} .elq-form .col-sm-push-12{ left:100%} .elq-form .col-sm-offset-0{ margin-left:0} .elq-form .col-sm-offset-1{ margin-left:8.33333%} .elq-form .col-sm-offset-2{ margin-left:16.66667%} .elq-form .col-sm-offset-3{ margin-left:25%} .elq-form .col-sm-offset-4{ margin-left:33.33333%} .elq-form .col-sm-offset-5{ margin-left:41.66667%} .elq-form .col-sm-offset-6{ margin-left:50%} .elq-form .col-sm-offset-7{ margin-left:58.33333%} .elq-form .col-sm-offset-8{ margin-left:66.66667%} .elq-form .col-sm-offset-9{ margin-left:75%} .elq-form .col-sm-offset-10{ margin-left:83.33333%} .elq-form .col-sm-offset-11{ margin-left:91.66667%} .elq-form .col-sm-offset-12{ margin-left:100%} } @media (min-width:992px){ .elq-form .col-md-1,.elq-form .col-md-2,.elq-form .col-md-3,.elq-form .col-md-4,.elq-form .col-md-5,.elq-form .col-md-6,.elq-form .col-md-7,.elq-form .col-md-8,.elq-form .col-md-9,.elq-form .col-md-10,.elq-form .col-md-11,.elq-form .col-md-12{ float:left} .elq-form .col-md-1{ width:8.33333%} .elq-form .col-md-2{ width:16.66667%} .elq-form .col-md-3{ width:25%} .elq-form .col-md-4{ width:33.33333%} .elq-form .col-md-5{ width:41.66667%} .elq-form .col-md-6{ width:50%} .elq-form .col-md-7{ width:58.33333%} .elq-form .col-md-8{ width:66.66667%} .elq-form .col-md-9{ width:75%} .elq-form .col-md-10{ width:83.33333%} .elq-form .col-md-11{ width:91.66667%} .elq-form .col-md-12{ width:100%} .elq-form .col-md-pull-0{ right:auto} .elq-form .col-md-pull-1{ right:8.33333%} .elq-form .col-md-pull-2{ right:16.66667%} .elq-form .col-md-pull-3{ right:25%} .elq-form .col-md-pull-4{ right:33.33333%} .elq-form .col-md-pull-5{ right:41.66667%} .elq-form .col-md-pull-6{ right:50%} .elq-form .col-md-pull-7{ right:58.33333%} .elq-form .col-md-pull-8{ right:66.66667%} .elq-form .col-md-pull-9{ right:75%} .elq-form .col-md-pull-10{ right:83.33333%} .elq-form .col-md-pull-11{ right:91.66667%} .elq-form .col-md-pull-12{ right:100%} .elq-form .col-md-push-0{ left:auto} .elq-form .col-md-push-1{ left:8.33333%} .elq-form .col-md-push-2{ left:16.66667%} .elq-form .col-md-push-3{ left:25%} .elq-form .col-md-push-4{ left:33.33333%} .elq-form .col-md-push-5{ left:41.66667%} .elq-form .col-md-push-6{ left:50%} .elq-form .col-md-push-7{ left:58.33333%} .elq-form .col-md-push-8{ left:66.66667%} .elq-form .col-md-push-9{ left:75%} .elq-form .col-md-push-10{ left:83.33333%} .elq-form .col-md-push-11{ left:91.66667%} .elq-form .col-md-push-12{ left:100%} .elq-form .col-md-offset-0{ margin-left:0} .elq-form .col-md-offset-1{ margin-left:8.33333%} .elq-form .col-md-offset-2{ margin-left:16.66667%} .elq-form .col-md-offset-3{ margin-left:25%} .elq-form .col-md-offset-4{ margin-left:33.33333%} .elq-form .col-md-offset-5{ margin-left:41.66667%} .elq-form .col-md-offset-6{ margin-left:50%} .elq-form .col-md-offset-7{ margin-left:58.33333%} .elq-form .col-md-offset-8{ margin-left:66.66667%} .elq-form .col-md-offset-9{ margin-left:75%} .elq-form .col-md-offset-10{ margin-left:83.33333%} .elq-form .col-md-offset-11{ margin-left:91.66667%} .elq-form .col-md-offset-12{ margin-left:100%} } @media (min-width:1200px){ .elq-form .col-lg-1,.elq-form .col-lg-2,.elq-form .col-lg-3,.elq-form .col-lg-4,.elq-form .col-lg-5,.elq-form .col-lg-6,.elq-form .col-lg-7,.elq-form .col-lg-8,.elq-form .col-lg-9,.elq-form .col-lg-10,.elq-form .col-lg-11,.elq-form .col-lg-12{ float:left} .elq-form .col-lg-1{ width:8.33333%} .elq-form .col-lg-2{ width:16.66667%} .elq-form .col-lg-3{ width:25%} .elq-form .col-lg-4{ width:33.33333%} .elq-form .col-lg-5{ width:41.66667%} .elq-form .col-lg-6{ width:50%} .elq-form .col-lg-7{ width:58.33333%} .elq-form .col-lg-8{ width:66.66667%} .elq-form .col-lg-9{ width:75%} .elq-form .col-lg-10{ width:83.33333%} .elq-form .col-lg-11{ width:91.66667%} .elq-form .col-lg-12{ width:100%} .elq-form .col-lg-pull-0{ right:auto} .elq-form .col-lg-pull-1{ right:8.33333%} .elq-form .col-lg-pull-2{ right:16.66667%} .elq-form .col-lg-pull-3{ right:25%} .elq-form .col-lg-pull-4{ right:33.33333%} .elq-form .col-lg-pull-5{ right:41.66667%} .elq-form .col-lg-pull-6{ right:50%} .elq-form .col-lg-pull-7{ right:58.33333%} .elq-form .col-lg-pull-8{ right:66.66667%} .elq-form .col-lg-pull-9{ right:75%} .elq-form .col-lg-pull-10{ right:83.33333%} .elq-form .col-lg-pull-11{ right:91.66667%} .elq-form .col-lg-pull-12{ right:100%} .elq-form .col-lg-push-0{ left:auto} .elq-form .col-lg-push-1{ left:8.33333%} .elq-form .col-lg-push-2{ left:16.66667%} .elq-form .col-lg-push-3{ left:25%} .elq-form .col-lg-push-4{ left:33.33333%} .elq-form .col-lg-push-5{ left:41.66667%} .elq-form .col-lg-push-6{ left:50%} .elq-form .col-lg-push-7{ left:58.33333%} .elq-form .col-lg-push-8{ left:66.66667%} .elq-form .col-lg-push-9{ left:75%} .elq-form .col-lg-push-10{ left:83.33333%} .elq-form .col-lg-push-11{ left:91.66667%} .elq-form .col-lg-push-12{ left:100%} .elq-form .col-lg-offset-0{ margin-left:0} .elq-form .col-lg-offset-1{ margin-left:8.33333%} .elq-form .col-lg-offset-2{ margin-left:16.66667%} .elq-form .col-lg-offset-3{ margin-left:25%} .elq-form .col-lg-offset-4{ margin-left:33.33333%} .elq-form .col-lg-offset-5{ margin-left:41.66667%} .elq-form .col-lg-offset-6{ margin-left:50%} .elq-form .col-lg-offset-7{ margin-left:58.33333%} .elq-form .col-lg-offset-8{ margin-left:66.66667%} .elq-form .col-lg-offset-9{ margin-left:75%} .elq-form .col-lg-offset-10{ margin-left:83.33333%} .elq-form .col-lg-offset-11{ margin-left:91.66667%} .elq-form .col-lg-offset-12{ margin-left:100%} } .elq-form .row{ display:inherit} .LV_invalid_field,input.LV_invalid_field:active,input.LV_invalid_field:hover,textarea.LV_invalid_field:active,textarea.LV_invalid_field:hover{ outline:1px solid #c00} .LV_validation_message{ font-weight:700; margin:0 0 0 5px} .LV_valid{ display:none} .LV_invalid{ color:#c00; font-size:10px} .submit-button-style{ padding:7px 20px; border:1px solid #979797; border-radius:3px; background-color:#fff; color:#4a4a4a; cursor:pointer} .checkbox-aligned{ margin-left:5px; display:inline} .form-element-layout{ padding:5px 10px} .form-element-instruction{ font-size:10px} .form-element-form-text{ margin:0} .form-field-visible-xs-block{ display:none} .elq-form-design-field .list-order input[type=radio]{ margin-left:1px} @media (max-width:767px){ .form-field-visible-xs-block{ display:block} } .form-field-hidden-xs{ display:block} @media (max-width:767px){ .form-field-hidden-xs{ display:none} } .custom-overlay{ margin-left:2px; background:#fff; box-shadow:0 0 4px 0 #777; border-radius:2px; max-width:256px} </style> <form method="post" name="UntitledForm-1719477956491" action="https://s153364045.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form378" class="elq-form"> <input value="UntitledForm-1719477956491" type="hidden" name="elqFormName" /> <input value="153364045" type="hidden" name="elqSiteId" /> <input value="" type="hidden" id="elqFormSubmissionToken" name="elqFormSubmissionToken" /> <input name="elqCampaignId" type="hidden" /> <div class="layout container-fluid"> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement0" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe7201">First Name </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="firstName" id="fe7201" value="" style="width:100%;" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement1" class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label " for="fe7202">Email Address <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input" name="emailAddress" id="fe7202" value="" style="width:100%;" /> </div> </div> </div> </div> </div> </div> </div> </div> <div id="elq-FormLastRow" class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div class="elq-field-style form-element-layout row"> <div style="text-align:left;" class="col-sm-12 col-xs-12"> <label class="elq-label">address1 </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" value="" tabindex="-1" autocomplete="off" style="width:100%;" class="elq-item-input" name="address1" id="fe7203" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div id="formElement2" class="elq-field-style form-element-layout row"> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div style="text-align:center;"> <input type="Submit" class="submit-button-style " value="Submit" id="fe7203" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </form> <script type="text/javascript" src="https://img04.en25.com/i/livevalidation_standalone.compressed.js"> </script> <script>function handleFormSubmit(ele) { var submitButton = ele.querySelector('input[type=submit]'); var spinner = document.createElement('span'); spinner.setAttribute('class', 'loader'); submitButton.setAttribute('disabled', true); submitButton.style.cursor = 'wait'; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i<submitButtons.length;i++){ submitButtons[i].disabled = false; } } function addChangeHandler(elements){ for(var i=0; i<elements.length; i++){ elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form378'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form378 input[data-subscription]'); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if(status ==='true') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form378 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value'); if (selectedValue) { for (var j = 0; j < node.options.length; j++) { if(node.options[j].value === selectedValue) { node.options[j].selected = 'selected'; break; } } } } } this.getParentElement = function(list) { return list[list.length-1].parentElement}; var dom0 = document.querySelector('#form378 #fe7201'); var fe7201 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe7201.add(Validate.Custom, { against: function(value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); } , failureMessage: "Value must not contain any URL's"} ); fe7201.add(Validate.Custom, { against: function(value) { return !value.match(/(<([^>]+)>)/ig); } , failureMessage: "Value must not contain any HTML"} ); fe7201.add(Validate.Length, { tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35} ); var dom1 = document.querySelector('#form378 #fe7202'); var fe7202 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false} ); fe7202.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "A valid email address is required"} ); fe7202.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "A valid email address is required", negate: "true"} ); fe7202.add(Validate.Presence, { failureMessage:"This field is required"} ); </script> <script>document.onload = handleDocumentLoad('form378','153364045'); function handleDocumentLoad(b,a){ window.getElqFormSubmissionToken(b,a); window.processLastFormField()} function getElqFormSubmissionToken(g,c){ var e=new XMLHttpRequest(); var b=document.getElementById(g); if(b&&b.elements.namedItem("elqFormSubmissionToken")){ var f=b.action; var a=window.getHostName(f); a="https://"+a+"/e/formsubmittoken?elqSiteID="+c; if(a){ e.onreadystatechange=function(){ if(e.readyState===4){ if(e.status===200){ b.elements.namedItem("elqFormSubmissionToken").value=e.responseText} else{ b.elements.namedItem("elqFormSubmissionToken").value=""} } }; e.open("GET",a,true); e.send()} else{ b.elements.namedItem("elqFormSubmissionToken").value=""} } } function getHostName(b){ if(typeof window.URL==="function"){ return new window.URL(b).hostname} else{ var a=b.match(/:\/\/(www[0-9]?\.)?(.[^\/:]+)/i); if(a!==null&&a.length>2&&typeof a[2]==="string"&&a[2].length>0){ return a[2]} else{ return null} } } function processLastFormField(){ var form = document.getElementById("form378"); var lastFormField = form.querySelector("#elq-FormLastRow"); lastFormField.style.display = "none"; } </script> <br />   </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-one"></div> </div> <div class="s-footer__default__wrapper-one"> <div class="s-footer__default__wrapper-one__container u-layout-container-full-width"> <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/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-523140"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-one u-font-one-size-xx-large"> Social Media </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1" style=" border-bottom: solid 1px;color: #474d45; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-three u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p><span class="g-styles-font-one-size-large">Follow us for all latest news.</span><br /> <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-left"> <ul class="w-social-networks__items w-social-networks__items--align-left"> <li class="w-social-networks__items__item"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-five u-color-three u-border-radius-shape-circle" href="https://www.facebook.com/GulfHost/" 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-five u-color-three u-border-radius-shape-circle" href="https://www.instagram.com/gulfhostmena/" 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-five u-color-three u-border-radius-shape-circle" href="https://www.linkedin.com/company/13387717" 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-five u-color-three u-border-radius-shape-circle" href="https://www.youtube.com/channel/UCXsnHZftzT8Z_f-Iatms8RQ" target="_blank" rel="noopener noreferrer" title="Youtube"> <i class="w-social-networks__items__item__link__icon fa-brands fa-youtube u-font-icons-size-normal"></i> </a> </li> </ul> </div> </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/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-523141"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-one u-font-one-size-xx-large"> Show Dates </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1" style=" border-bottom: solid 1px;color: #474d45; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-three u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p data-sider-select-id="267837ec-66ab-4a1b-8c0f-d4d6d6e24ec4">5 November 2024 (10AM - 6PM)<br /> 6 November 2024 (10AM - 6PM)<br /> 7 November 2024 (10AM - 5PM)</p> <p data-sider-select-id="5c91a2ef-17bc-4f8b-954f-5789d40d37f7"><span class="g-styles-font-one-size-xx-large"><span class="g-styles-text-color-seven"><b data-sider-select-id="f313a194-b57f-428b-9f33-13a713b9d3f2">Location</b></span></span></p> <p data-sider-select-id="5c91a2ef-17bc-4f8b-954f-5789d40d37f7"><a href="https://maps.app.goo.gl/zEDh8u2dUmPqNTzF6" target="_blank" title="https://maps.app.goo.gl/zEDh8u2dUmPqNTzF6">Dubai World Trade Centre<br /> <span class="g-styles-font-one-size-large"></span></a><span class="g-styles-font-one-size-large">Za'abeels Halls 4-6</span></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/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-523142"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-one u-font-one-size-xx-large"> Organised by </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1" style=" border-bottom: solid 1px;color: #474d45; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-three u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <img alt="dwtc logo" src="https://cdn.asp.events/CLIENT_Dubai_Wo_4B15F265_5056_B739_54F3125D47F0BC95/sites/gulfhost-2024/media/DWTC-LOGO-1-.webp" style="width: 150px; height: 150px;" /> </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/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-523143"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-one u-font-one-size-xx-large"> Quick Links </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1" style=" border-bottom: solid 1px;color: #474d45; width: 100%;"> </div> </div> </div> <div class="p-panel__body u-color-three u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p><span class="g-styles-font-one-size-large"><a href="book-a-stand" target="_self" title="book-a-stand">Enquire to Exhibit</a></span></p> <p><span class="g-styles-font-one-size-large"><a href="sponsors-partners" target="_blank" title="sponsors-partners">Sponsors & Partners</a></span></p> <p><span class="g-styles-font-one-size-large"><a href="contact" target="_self" title="contact">Contact Us</a></span></p> <p><span class="g-styles-font-one-size-large"><a href="faq" target="_blank" title="faq">FAQ</a></span></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__container u-layout-container-full-width"> <nav class="s-footer__default__footer-menu" aria-label="Footer Menu"> <ul class="p-menu--quick-links p-menu--quick-links--id-3E19A has-separators" x-data="composerPatternMenuQuickLinks({color: 'five', colorCustom: '', colorType: 'class', id: '3E19A', onHover: true, onHoverColor: 'white', onHoverColorCustom: '', onHoverColorType: 'class'})" id="3E19A"> <li class="p-menu__item" title="漏 Copyright 2024" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-color-five u-font-two u-text-uppercase u-font-two-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-two u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Admission Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-five u-font-two u-text-uppercase u-font-two-size-small u-font-one-size-small" href="admission-policy" target="_blank">Admission Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-two 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-five u-font-two u-text-uppercase u-font-two-size-small u-font-one-size-small" href="privacy-policy" target="_blank">Privacy Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-two u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Terms & Conditions" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-color-five u-font-two u-text-uppercase u-font-two-size-small u-font-one-size-small" href="terms-conditions" target="_blank">Terms & Conditions</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-five u-font-two u-font-two-size-small u-text-uppercase"> Website by ASP </span> </a> </div> </div> </div> </div> </div> </div> </footer> <div class="s-sticky s-sticky--position-right"> <div class="s-sticky__default"> <div class="s-sticky__default__social s-sticky__default__social--style-1 s-sticky__default__social--style-1--position-right"> <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-four u-color-white" href="https://www.facebook.com/Gulfhost" 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-four u-color-white" href="https://www.instagram.com/gulfhostmena/" 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-four u-color-white" href="https://www.youtube.com/channel/UCXsnHZftzT8Z_f-Iatms8RQ" target="_blank" rel="noopener noreferrer" title="Youtube"> <i class="w-social-networks__items__item__link__icon fa-brands fa-youtube 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-four u-color-white" href="https://www.linkedin.com/company/gulfhost-mena" 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> </ul> </div> </div> </div> </div> <template x-data x-if="$store.share.isVisible"> <div class="s-share"> <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> <div class="s-share__default__container"> <div class="s-share__default__background"> <div class="s-share__default__background__color u-background-color-white"></div> </div> <div class="s-share__default__header"> <h1 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> Share </h1> </div> <div class="s-share__default__body"> <ul class="s-share__default__body__list"> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '&quote=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> </a> </li> </ul> <div class="s-share__default__body__url"> <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" x-on:click="handleOnUrlButtonClick">Copy URL</button> </div> </div> </div> <script> function composerStructureShare(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-share__default", type: "inline" }, closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-share__default__close").prependTo(".s-share__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('share').hideShare(); } } }); }, handleOnUrlButtonClick() { Alpine.store('share').copyToClipboard(); } } } </script> </div> </div> </template> <template x-data x-if="$store.search.isVisible"> <div class="s-search"> <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch"> <div class="s-search__default__container"> <div class="s-search__default__background"> <div class="s-search__default__background__color u-background-color-white"></div> </div> <div class="s-search__default__header"> <h1 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Website Search </h1> </div> <div class="s-search__default__body"> <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> <div class="s-search__default__body__form__button"> <div class="w-button w-button--style-1 w-button--style-1--width-auto"> <button class="w-button__button"> <span class="w-button__button__text">Search</span> </button> </div> </div> </form> </div> </div> <script> function composerStructureSearch(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-search__default", type: "inline" }, closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-search__default__close").prependTo(".s-search__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('search').hideSearch(); } } }); } } } </script> </div> </div> </template> <template x-data x-if="$store.wishlist.isVisible"> <div class="s-wishlist"> <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> <div class="s-wishlist__default__container"> <div class="s-wishlist__default__background"> <div class="s-wishlist__default__background__color u-background-color-white"></div> </div> <div class="s-wishlist__default__header"> <h1 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Wishlist </h1> </div> <div class="s-wishlist__default__body"> <template x-if="!$store.wishlist.items.length"> <div class="s-wishlist__default__body__empty-state u-text-align-center"> Add some favourites to your wishlist to get started! </div> </template> <template x-if="$store.wishlist.items.length"> <div class="s-wishlist__default__body__wishlist"> <template x-if="$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> <div class="p-loader p-loader--default"> <div class="p-loader__icon"></div> </div> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> <div class="s-wishlist__default__body__wishlist__items"> <template x-for="items in $store.wishlist.wishlistItems"> <div class="s-wishlist__default__body__wishlist__items__list"> <div class="s-wishlist__default__body__wishlist__items__list__header"> <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> </div> <div class="s-wishlist__default__body__wishlist__items__list__body"> <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> <template x-for="item in items.items"> <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> </a> </div> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> </div> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__actions"> <template x-if="view == 'wishlist'"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> </div> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailClick">Email this List</button> </div> </div> </template> </div> </template> </div> </template> <template x-if="view == 'email'"> <div class="s-wishlist__default__body__email"> <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="john@email.com" x-model="email" /> <div class="s-wishlist__default__body__email__form__button"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> </div> </div> </div> </form> <div class="s-wishlist__default__body__email__back"> <button class="s-wishlist__default__body__email__back__link" x-on:click="setView('wishlist')"><i class="fal fa-arrow-left"></i></button> </div> </div> </template> <template x-if="view == 'generating'"> <div class="s-wishlist__default__body__download u-text-align-center"> Generating... </div> </template> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/downloadjs/1.4.8/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' }, success: (data, status, xhr) => { var blob = data; var filename = 'wishlist.pdf'; download(blob, filename, 'application/pdf'); this.setView('wishlist'); }, error: (xhr, status, error) => { this.setView('wishlist'); console.error("[showoff_composer]: error on handleOnDownloadClick()", error); } }); }, handleOnEmailClick() { this.setView('email'); }, handleOnEmailSubmitClick(url, items, email, event) { event.preventDefault(); this.setView('generating'); $.ajax({ type:'POST', url: url, data: {'contentID': items, 'email': email}, success: (response) => { this.setView('wishlist'); _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); }, error: (xhr, status, error) => { console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); this.setView('wishlist'); } }); } } } </script> </div> </div> </template> <div class="s-ezone"> <div class='w-zone-loginwrapper' data-lostpassword='false'><div> <div class="w-zone-login js-zone-login"> <div class="w-zone-login__no-access js-zone-login__no-access"> </div> <div class="w-zone-login__form-wrapper"> <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> <input type="hidden" name="formID" value="LOGIN" id="formID"/> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> </form> </div> </div> </div></div><script type='text/javascript'> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js', function(){ $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.20', function(){ js_zone.login_init(); }); }); }); </script> </div> <a class="s-scroll-top s-scroll-top--right u-background-color-five" href="404-page-found#top" aria-label="Scroll to top button" style=" border-radius: 5px;" x-data="composerStructureScrollTop"> <i class="fa-light fa-arrow-up u-color-white" style=""></i> <script defer> function composerStructureScrollTop(params) { return { init() { this.toggleScrollTopVisibility(); this.bindScrollEvent(); }, bindScrollEvent() { $(window).on("scroll", this.toggleScrollTopVisibility); }, toggleScrollTopVisibility() { var $subpageHeight = $(".s-page-title").outerHeight(); var $heroHeight = $(".s-hero__default").outerHeight(); var $totalHeight = $subpageHeight + $heroHeight; if ($(window).scrollTop() > $totalHeight) { gsap.to($(".s-scroll-top"), {autoAlpha: 1, duration: 0.2}); } else { gsap.to($(".s-scroll-top"), {autoAlpha: 0, duration: 0.2}); } } } } </script> </a> <script defer> document.addEventListener('alpine:init', () => { Alpine.store('common', { siteUuid: '1590AEED-F3E3-1296-45C78F4D7D30F291' }); 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/1590AEED-F3E3-1296-45C78F4D7D30F291/wishlist', siteUuid: '1590AEED-F3E3-1296-45C78F4D7D30F291', 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> <style> .s-main { background-color: #272e25; } .m-exhibitors-list--custom-list .m-exhibitors-list__items--labels { background: #a39161; } .js-library-list-outer[searchgroup*="exhibitor"] a.js-librarylink-entry:not([class*="button"]):hover { color: #fff; } .body--id-540064 .u-color-body { color: #000; } .body--id-540064 li.m-seminar-list__list__navigation__title .u-color-body { color: #fff; } .m-seminar-list__list__content__row__items__item__meta__location.u-color-text.u-font-one-size-small, .m-seminar-list__list__content__row__items__item__meta__time.u-color-text.u-font-one-size-small { color: #000; } </style>  <script type="text/javascript"> var _paq = _paq || []; var piwikPageTracked = piwikPageTracked || false; // tracker methods like 'setCustomDimension' should be called before 'trackPageView' if (!piwikPageTracked) { //loop through page tags and set custom dimensions for contentID and Tags var tagArray = []; for(i=0; i < tagArray.length ; i++){ _paq.push(['trackEvent','General','Tags','View',null,{dimension7:'528219',dimension13:'Page', dimension15:'404-page-found', 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:'528219',dimension13:'Page', dimension15:'404-page-found', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'528219',dimension13:'Page', dimension15:'404-page-found'}]); } _paq.push(['enableLinkTracking']); (function() { var u='//analytics.showoff.asp.events/'; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '860']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  <script src="/includes/javascript/showoff.global.min.js" ></script> </body> </html>

CINXE.COM

404 Page not found - Gulfhost 2024