CINXE.COM
Dubai Mall, Shopping, Dining, What to do in Dubai, Shopping Festival, Entertainment, Restaurants, Cafes, Hotels, Holidays, Events and Offers
<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script charset='UTF-8'> window['adrum-start-time'] = new Date().getTime(); (function(config){ config.appKey = 'EC-AAB-GWW'; config.adrumExtUrlHttp = 'http://cdn.appdynamics.com'; config.adrumExtUrlHttps = 'https://cdn.appdynamics.com'; config.beaconUrlHttp = 'http://fra-col.eum-appdynamics.com'; config.beaconUrlHttps = 'https://fra-col.eum-appdynamics.com'; config.xd = {enable : false}; })(window['adrum-config'] || (window['adrum-config'] = {})); </script> <script src='//cdn.appdynamics.com/adrum/adrum-latest.js'></script> <link rel="canonical" href="https://thedubaimall.com/" /> <link rel="alternate" href="https://thedubaimall.com/" hreflang="en" /> <link rel="alternate" href="https://thedubaimall.com/ar" hreflang="ar" /> <title>Dubai Mall, Shopping, Dining, What to do in Dubai, Shopping Festival, Entertainment, Restaurants, Cafes, Hotels, Holidays, Events and Offers</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content="Dubai Mall, also known as the home of the Dubai shopping festival, is one of the world&#39;s largest shopping malls in UAE. Lots of things to do in Dubai Mall like shopping festivals, hotels, restaurants, entertainment, holidays, events and attractive offers."> <meta name="keywords" content="Dubai Mall, Dubai Shopping, Largest mall, What to do in Dubai, Biggest shopping malls, Dubai Shopping Festival, Things to do in Dubai, Dubai Shopping Malls, Shopping Malls In Dubai"> <meta name="author" content="Emaar Malls Group" /> <meta name="signature" content="V2Vic2l0ZSBidWlsZCBieSBDaHJpcyBTY2hhcmRpam4gKGMpIDIwMTUtMjAxNiANCi10ZWNobm9sb2dpZXM6IGh0bWwsICBqcXVlcnksIGNzcywgc2FzcywgZ3VscCwgY29tcGFzcywgcGhwLCB0d2lnLCBoYW5kbGViYXIgJiBqcXVlcnk="> <meta property="og:title" content="Dubai Mall | Fashion | Beauty | Lifestyle | Entertainment" /> <meta property="og:type" content="website" /> <meta property="og:description" content="With the latest in fashion, beauty, lifestyle and entertainment, discover your latest obsession at Dubai Mall." /> <meta property="og:image" content="https://thedubaimall.com/assets/images/facebookPic.jpg" /> <meta property="og:image:width" content="640" /> <meta property="og:image:height" content="640" /> <meta property="og:url" content="https://thedubaimall.com/en" /> <meta property="fb:app_id" content="1764184290356640" /> <meta property="og:author" content="Dubai Mall" /> <meta property="og:site_name" content="Dubai Mall"/> <meta name="twitter:site" content="@TheDubaiMall"> <meta name="twitter:creator" content="@TheDubaiMall"> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="https://thedubaimall.com/assets/images/facebookPic.jpg"> <meta property="al:ios:app_store_id" content="430795858"> <meta property="al:ios:app_name" content="Dubai Mall"> <meta property="al:ios:url" content="thedubaimall://"> <meta name="apple-itunes-app" content="app-id=430795858, affiliate-data=myAffiliateData, app-argument=https://apps.apple.com/ae/app/emaar-e-service/id430795858?mt=8"> <meta property="al:android:package" content="com.thedubaimall"> <meta property="al:android:app_name" content="Dubai Mall"> <meta property="al:android:url" content="thedubaimall://"> <meta property="al:web:url" content="https://thedubaimall.com/en" /> <link rel="stylesheet" type="text/css" href="https://staticassets.azureedge.net/main/styles/app.css?refresh=225112024"> <link rel="stylesheet" type="text/css" href="https://staticassets.azureedge.net/styles-override/override.css?refresh=225112024"> <link rel="stylesheet" type="text/css" href="https://staticassets.azureedge.net/main/styles/joinchat.min.css?refresh=125112024"> <!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!--[if gte IE 9]><style type="text/css">.gradient { filter: none; }</style><![endif]--> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5XJ8QJ');</script> <!-- End Google Tag Manager --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "The Dubai Mall", "url": "https://thedubaimall.com", "logo": "https://staticassets.azureedge.net/assets/images/dubai-mall-logo-en.png", "contactPoint": { "@type": "ContactPoint", "telephone": "800382246255", "contactType": "customer service", "areaServed": "AE" }, "sameAs": [ "https://www.facebook.com/TheDubaiMall", "https://twitter.com/TheDubaiMall", "https://www.youtube.com/user/dubaimallchannel", "https://www.instagram.com/thedubaimall/" ] } </script> </head> <body> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '492874997800585'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=492874997800585&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5XJ8QJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!--<script type="text/javascript" src='https://i.ctnsnet.com/int/integration?pixel=58009890&nid=2142538&cont=s&category=' async="true"></script>--> <div style="display:none;" id="project-settings">{"isLocal":false,"isLive":false,"debug":false,"mainUrl":"http:\/\/thedubaimall.com\/","websiteName":"Dubai Mall","mallName":"Dubai Mall","clientLogo":"logo.png","defaultLanguage":"en","sessionVar":"thedubaimall","apiUrl":"https:\/\/mypage.emaarmalls.com\/api\/","assetsUrl":"https:\/\/staticassets.azureedge.net","mydeckUrl":"https:\/\/dynamicassets.azureedge.net","myDeckKey":"3F284DE6FB872BE347D3B3E115A79","facebookId":"xxxxxxxxxx","googleAnalyticsCode":"UA-8251731-15","pathLogoSmall":"\/assets\/images\/logo-small.png","sendToEmail":"xxxxx@xxx.com","myDeckCacheDir":"\/tmp\/thedubaimall.com\/myDeckCache","facebookURL":"https:\/\/www.facebook.com\/TheDubaiMall","youtubeURL":"https:\/\/www.youtube.com\/user\/dubaimallchannel","twitterURL":"https:\/\/twitter.com\/TheDubaiMall","instagramURL":"https:\/\/www.instagram.com\/thedubaimall\/","storeAppleURL":"https:\/\/itunes.apple.com\/us\/app\/the-dubai-mall\/id430795858?mt=8","storeAndroidURL":"https:\/\/play.google.com\/store\/apps\/details?id=com.thedubaimall&hl=en","todayTimestamp":1732501711,"apiAccessLimit":5,"apiAccessDuration":10}</div> <header class="site-header"> <div class="site-header__leader"> <div class="container"> <div class="row"> <div class="col-xs-24"> <div class="site-header__language hidden-xs"> <a href="/ar">العربية</a> </div> <div class="site-header__hamburger visible-xs"> <a href="#" id="site-menu-button" data-toggle="toggle-menu" data-target=".site-header__hamburger"> <span class="icon-menu-rotate icon-menu"></span> <span class="icon-menu-rotate icon-menu-close"></span> </a> </div> <div class="site-header__logo"> <a href="/" title="Dubai Mall"> <img src="https://staticassets.azureedge.net/assets/images/dubai-mall-logo-en.png" height="23"> </a> </div> <div class="site-header__search"> <a href="http://www.emaargiftcard.com" class="site-header-giftcard" target="_blank"><span class="txt-gift hidden-xs">Emaar Gift Card</span><span class="icon-gift visible-xs"></span></a> <a href="#" class="site-search-btn" id="site-search-button" data-toggle="toggle-search" data-target="#site-search"> <span data-view="close" class="hidden"> <span class="site-search-btn__label hidden-xs hidden-sm">Close</span> <span class="site-search-btn__icon icon-cross"></span> </span> <span data-view="open" style="cursor: pointer" onclick=""> <span class="site-search-btn__label hidden-xs">Search</span> <span class="site-search-btn__icon icon-search"></span> </span> </a> </div> </div> </div> </div> </div> <nav class="site-header__menu hidden-xs"> <ul> <li><a href="/en/whats-new">What's New</a></li> <li><a href="/en/shop" data-megamenu="#mm-shop">Shop <span class="icon icon-caret icon-caret-xs"></span></a></li> <li><a href="/en/dine" data-megamenu="#mm-dine">Dine <span class="icon icon-caret icon-caret-xs"></span> </a></li> <li><a href="/en/stay" data-megamenu="#mm-stay">Stay <span class="icon icon-caret icon-caret-xs"></span></a></li> <li><a href="/en/entertain" data-megamenu="#mm-entertain">Entertain <span class="icon icon-caret icon-caret-xs"></span></a></li> <li><a href="/en/plan-your-visit/opening-hours" data-megamenu="#mm-plan-your-visit">Plan Your Visit <span class="icon icon-caret icon-caret-xs"></span></a></li> <li> <a href="/en/services">Services</a> </li> </ul> </nav> <div class="site-mega"> <div class="site-mega__block" id="mm-empty"></div> <div class="site-mega__block" id="mm-shop"><div class="container"> <div class="row margin-xs"> <div class="row-height"> <div class="col-md-5 col-sm-8 col-height right-border"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Featured Categories</h5> <ul> <!--<li><a href="/en/store-directory?categoryId=9">Electronics</a></li>--> <li><a href="/en/store/electronics-1">Electronics</a></li> <!--<li><a href="/en/store-directory?categoryId=13">Fashion - Children</a></li>--> <li><a href="/en/store/fashion-children">Fashion - Children</a></li> <!--<li><a href="/en/store-directory?categoryId=4">Beauty & Fragrances</a></li>--> <li><a href="/en/store/beauty-fragrances">Beauty & Fragrances</a></li> <!--<li><a href="/en/store-directory?categoryId=12">Fashion - Men</a></li>--> <li><a href="/en/store/fashion-men">Fashion - Men</a></li> <!--<li><a href="/en/store-directory?categoryId=11">Fashion - Women</a></li>--> <li><a href="/en/store/fashion-women-1">Fashion - Women</a></li> <!--<li><a href="/en/store-directory?categoryId=19">Home</a></li>--> <li><a href="/en/store/home-1">Home</a></li> <!--<li><a href="/en/store-directory?categoryId=185">New Stores</a></li>--> <li><a href="/en/store/new-stores-1">New Stores</a></li> <!--<li><a href="/en/store-directory?categoryId=23">Toys</a></li>--> <li><a href="/en/store/toys">Toys</a></li> </ul> </div> <div class="col-md-5 col-sm-8 col-height right-border"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Brand</h5> <ul> <li><a href="/en/shop/bvlgari-1">Bvlgari</a></li> <li><a href="/en/shop/cartier-fashion-avenue">Cartier</a></li> <li><a href="/en/shop/chloe">Chloé</a></li> <li><a href="/en/shop/chopard-boutique">Chopard</a></li> <li><a href="/en/shop/christian-louboutin-1">Christian Louboutin</a></li> <li><a href="/en/shop/henry-jacques">Henry Jacques</a></li> <li><a href="/en/shop/level-shoes">Level Shoes</a></li> <li><a href="/en/shop/louis-vuitton-01">Louis Vuitton</a></li> <li><a href="/en/shop/tiffany-0">Tiffany & Co.</a></li> <li><a href="/en/shop/chanel">Chanel</a></li> </ul> </div> <div class="col-md-5 col-sm-8 col-height right-border"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Occasions</h5> <ul> <!--<li><a href="/en/store-directory?tagId=5">Anniversary</a></li>--> <li><a href="/en/store-tag/anniversary">Anniversary</a></li> <!--<li><a href="/en/store-directory?tagId=184">Back to School</a></li>--> <li><a href="/en/store-tag/back-to-school">Back to School</a></li> <!--<li><a href="/en/store-directory?tagId=15">Birthday</a></li>--> <li><a href="/en/store-tag/birthday">Birthday</a></li> <!--<li><a href="/en/store-directory?tagId=752">Eid</a></li>--> <li><a href="/en/store-tag/eid">Eid</a></li> <!--<li><a href="/en/store-directory?tagId=754">Festive Season</a></li>--> <li><a href="/en/store-tag/festive-season">Festive Season</a></li> <!--<li><a href="/en/store-directory?tagId=757">Gifts for Her</a></li>--> <li><a href="/en/store-tag/gifts-for-her">Gifts for Her</a></li> <!--<li><a href="/en/store-directory?tagId=755">Gifts for Him</a></li>--> <li><a href="/en/store-tag/gifts-for-him">Gifts for Him</a></li> <!--<li><a href="/en/store-directory?tagId=759">Housewarming</a></li>--> <li><a href="/en/store-tag/housewarming">Housewarming</a></li> <!--<li><a href="/en/store-directory?tagId=412">Souvenirs</a></li>--> <li><a href="/en/store-tag/souvenirs">Souvenirs</a></li> <!--<li><a href="/en/store-directory?tagId=450">Travel</a></li>--> <li><a href="/en/store-tag/travel">Travel</a></li> <!--<li><a href="/en/store-directory?tagId=163">Wedding</a></li>--> <li><a href="/en/store-tag/wedding">Wedding</a></li> </ul> </div> <div class="col-md-9 col-height hidden-sm hidden-xs"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">In the spotlight</h5> <a class="mega-menu__shop-spotlight" href="/en/campaign/chinatown" title="Dubai Mall Chinatown"> <figure> <div class="site-mega__img bg-image lazyload visible-sm-block" data-bgset="https://dynamicassets.azureedge.net/uploads/zabeel_pages/desktop/64115e1ce5f7d.jpg" ></div> <div class="site-mega__img bg-image lazyload visible-md-block" data-bgset="https://dynamicassets.azureedge.net/uploads/zabeel_pages/desktop/64115e1ce5f7d.jpg" ></div> <div class="site-mega__img bg-image lazyload visible-lg-block" data-bgset="https://dynamicassets.azureedge.net/uploads/zabeel_pages/desktop/64115e1ce5f7d.jpg" ></div> </figure> </a> <p>Chinatown is the latest addition to Dubai Mall, located on the first floor opposite the Dubai Ice Ri...</p> <a class="btn btn-link" href="/en/campaign/chinatown" style="font-weight: 800 !important;">Learn More</a> </div> </div> </div> <div class="row margin-xs"> <div class="col-xs-24"> <a href="/en/store-directory" class="btn btn-default btn-block">View all shops</a> </div> </div> <style> .site-mega__img { height: 250px!important; margin: 15px 0; } </style> </div> </div> <div class="site-mega__block" id="mm-dine"><div class="container"> <div class="row margin-xs"> <div class="row-height"> <div class="col-md-5 col-sm-8 col-height right-border"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Top picks</h5> <ul> <li><a href="/en/shop/angelina-1">Angelina</a></li> <li><a href="/en/shop/eataly">Eataly</a></li> <li><a href="/en/shop/markette-1">Markette</a></li> <li><a href="/en/shop/nandos">Nando's</a></li> <li><a href="/en/shop/social-house-1">Social House</a></li> <li><a href="/en/shop/the-cheesecake-factory">The Cheesecake Factory</a></li> </ul> </div> <div class="col-md-5 col-sm-8 col-height"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Cuisine</h5> <ul> <!--<li><a href="/en/dine-directory?tagId=3">American Cuisine</a></li>--> <li><a href="/en/dine-tag/american-cuisine">American Cuisine</a></li> <!--<li><a href="/en/dine-directory?tagId=188">Bakery</a></li>--> <li><a href="/en/dine-tag/bakery">Bakery</a></li> <!--<li><a href="/en/dine-directory?tagId=213">British Food</a></li>--> <li><a href="/en/dine-tag/british-food">British Food</a></li> <!--<li><a href="/en/dine-directory?tagId=581">Chinese</a></li>--> <li><a href="/en/dine-tag/chinese">Chinese</a></li> <!--<li><a href="/en/dine-directory?tagId=611">Fast Food</a></li>--> <li><a href="/en/dine-tag/fast-food">Fast Food</a></li> <!--<li><a href="/en/dine-directory?tagId=614">French</a></li>--> <li><a href="/en/dine-tag/french-1">French</a></li> <!--<li><a href="/en/dine-directory?tagId=771">Indian Food</a></li>--> <li><a href="/en/dine-tag/indian-food">Indian Food</a></li> <!--<li><a href="/en/dine-directory?tagId=312">Italian</a></li>--> <li><a href="/en/dine-tag/italian-1">Italian</a></li> <!--<li><a href="/en/dine-directory?tagId=315">Japanese</a></li>--> <li><a href="/en/dine-tag/japanese">Japanese</a></li> <!--<li><a href="/en/dine-directory?tagId=779">Middle Eastern Food</a></li>--> <li><a href="/en/dine-tag/middle-eastern-food">Middle Eastern Food</a></li> <!--<li><a href="/en/dine-directory?tagId=82">Kids</a></li>--> <li><a href="/en/dine-tag/kids">Kids</a></li> <!--<li><a href="/en/dine-directory?tagId=638">Healthy</a></li>--> <li><a href="/en/dine-tag/healthy">Healthy</a></li> </ul> </div> <div class="col-md-5 col-sm-8 col-height right-border"> </div> <div class="col-md-9 col-height hidden-sm hidden-xs"> <h5 class="gs text-uppercase" style="margin-bottom: 20px !important;">Featured restaurant</h5> <a class="mega-menu__shop-spotlight" href="/en/shop/new-shanghai" title="New Shanghai"> <figure> <div class="site-mega__img bg-image lazyload visible-xs-block" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic/5ace022ebace7.jpg" data-alt="New Shanghai"></div> <div class="site-mega__img bg-image lazyload visible-sm-block" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic/5ace022ebace7.jpg" data-alt="New Shanghai"></div> <div class="site-mega__img bg-image lazyload visible-md-block" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic/5ace022ebace7.jpg" data-alt="New Shanghai"></div> <div class="site-mega__img bg-image lazyload visible-lg-block" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic/5ace022ebace7.jpg" data-alt="New Shanghai"></div> </figure> </a> <p>New Shanghai offers guests a taste of modern Shanghai-style cuisine, in an ambient setting inspired ...</p> <a class="btn btn-link" href="/en/shop/new-shanghai" style="font-weight: 800 !important;">Find out more</a> </div> </div> </div> <div class="row margin-xs"> <div class="col-xs-24"> <a href="/en/dine-directory" class="btn btn-default btn-block">View all restaurants</a> </div> </div> </div> </div> <div class="site-mega__block" id="mm-stay"><div class="container megamenuStay"> <div class="row margin-xs"> <div class="row-height"> <div class="col-md-5 col-sm-8 col-height"> <div class="containerMegamenuStay col-md-5 col-sm-8 col-height"></div> </div> </div> </div> </div> </div> <div class="site-mega__block" id="mm-entertain"><div class="container megamenuEntertainment"> <div class="row margin-xs"> <div class="row-height"> <div class="containerMegamenuEntertainment col-md-5 col-sm-8 col-height"></div> </div> </div> </div> </div> <div class="site-mega__block" id="mm-plan-your-visit"> <div class="container"> <div class="row margin-xs"> <div class="col-md-10 col-sm-8"> <ul> <li> <a href="/en/plan-your-visit/opening-hours">Opening hours </a> </li> <li> <a href="/en/plan-your-visit/getting-here">Getting here</a> </li> <li> <a href="/en/u-by-emaar">U By Emaar</a> </li> <li> <a href="/en/plan-your-visit/parking">Parking</a> </li> </ul> </div> </div> </div> </div> </div> <a class="site-mega__close" href="#"> <span class="icon-cross"></span> </a> <div class="site-mega__overlay"></div> </header> <script id="homeCarousel-tpl" type="text/x-handlebars-template"> {{#each this.[0]}} <div class="block-slide"> <div class="block-bottom sg-mb-90px sg-mb-50px-sm"> <div class="row"> <div class="col-sm-20 col-sm-offset-2 col-xs-22 col-xs-offset-1 md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white hidden-lg spaced"><strong>{{ this.category }} </strong></h5> <h5 class="text-uppercase sg-mb-15px text-white visible-lg spaced"><strong>{{ this.category }} </strong></h5> <div class="row"> <div class="col-sm-18"> <h1 class="sg-mb-30px sg-mb-10px-xs text-white"> {{this.header }} </h1> </div> </div> <div class="solid-line sg-mb-30px hidden-xs"> {{#ifCond ../this.length '>' 1}} <button type="button" data-slick-prev data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-prev slick-arrow left" aria-label="Prev" role="button" style="display: block;">Prev</button> <button type="button" data-slick-next data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-next slick-arrow right" aria-label="Next" role="button" style="display: block;">Next</button> {{/ifCond}} </div> <div class="row"> <div class="col-sm-11 col-xs-22 "> <div class="h-body-intro text-white sg-mb-15px" style="color: #FFF !important"> {{{ this.body }}} </div> {{#if this.ctaText}} <a href="{{ this.ctaLink }}" class="btn btn-default-transparent btn-block-sm"> {{ this.ctaText }} </a> {{/if}} </div> <div class="col-sm-13 hidden-xs "> <div class="pull-right text-white hero-meta"> <div class="sg-ml-10px pull-left hero-meta__time"> <span class="block-details-icon"> <span class="icon-clock"></span> </span> <div class="block-details"> <!-- todo this must still be build dynamic as soon as I get the opening hours back from backend --> <h5 class="text-uppercase HN--roman spaced">Open today</h5> <!-- <h4 class="HN--medium reset-margin">10am - 12am</h4> --> <h4 class="HN--medium reset-margin whatTheHell"><span class="text-uppercase">{{ ../this.[1].from }} - {{ ../this.[2].until }}</span></h4> </div> </div> <div class="sg-ml-10px pull-left hero-meta__plan"> <span class="block-details-icon"> <span class="icon-location"></span> </span> <div class="block-details"> <h5 class="text-uppercase HN--roman spaced">Plan Your Visit</h5> <h4 class="HN--medium reset-margin"><a href="/en/map" target="_blank" class="text-white">View Mall Map</a></h4> </div> </div> </div> </div> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> {{#if this.pictureMobile}} <div data-bgset="https://dynamicassets.azureedge.net{{ this.pictureMobile }}" class="bg-image lazyload visible-xs-block" data-alt="{{#if this.pictureMobileAlt}}{{this.pictureMobileAlt}}{{else}}{{ this.header }}{{/if}}"></div> {{else}} <div data-bgset="https://dynamicassets.azureedge.net{{ this.picture }}" class="bg-image lazyload visible-xs-block" data-alt="{{#if this.pictureAlt}}{{this.pictureAlt}}{{else}}{{ this.header }}{{/if}}"></div> {{/if}} {{#if this.pictureIpad}} <div data-bgset="https://dynamicassets.azureedge.net{{ this.pictureIpad }}" class="bg-image lazyload visible-sm-block" data-alt="{{#if this.pictureIpadAlt}}{{this.pictureIpadAlt}}{{else}}{{ this.header }}{{/if}}"></div> {{else}} <div data-bgset="https://dynamicassets.azureedge.net{{ this.picture }}" class="bg-image lazyload visible-sm-block" data-alt="{{#if this.pictureAlt}}{{this.pictureAlt}}{{else}}{{ this.header }}{{/if}}"></div> {{/if}} <div data-bgset="https://dynamicassets.azureedge.net{{ this.picture }}" class="bg-image lazyload visible-md-block" data-alt="{{#if this.pictureAlt}}{{this.pictureAlt}}{{else}}{{ this.header }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{ this.picture }}" class="bg-image lazyload visible-lg-block" data-alt="{{#if this.pictureAlt}}{{this.pictureAlt}}{{else}}{{ this.header }}{{/if}}"></div> </figure> </div> </div> {{/each}} </script> <script id="featuredCarousel-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card"> <article> <figure style="cursor:pointer" data-link="/en/offer-detail/{{ this.slug }}"> <!--<figure>--> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <button type="button" data-slick-prev data-slick-target=".slick-featured" data-role="none" class="slick-prev slick-arrow" aria-label="Prev" role="button">Prev</button> <button type="button" data-slick-next data-slick-target=".slick-featured" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button">Next</button> </figure> <main class="ar_align mehere"> <p class="light-gray p--date sg-mb-10px">{{ fromToDate this.startDate this.endDate }}</p> {{#if showBrandName }} <h5 class="text-uppercase sg-mb-5px"><strong>{{#if options}}{{ toUpperCase this.storeName }}{{else}}{{ toUpperCase this.store.name }}{{/if}}</strong></h5> {{else}} <h5 style="visibility:hidden" class="text-uppercase sg-mb-5px"><strong>{{#if options}}{{ toUpperCase this.storeName }}{{else}}{{ toUpperCase this.store.name }}{{/if}}</strong></h5> {{/if}} <p class="sg-mb-5px"><!--{#{{{ striptags this.description max=80 }}} #}-->{{ capitalize this.name }}</p> <a style="font-size:12px;" class="btn btn-link hidden-xs sg-mb-20px" href="/en/offer-detail/{{ this.slug }}">Find out more</a> <a class="btn btn-default visible-xs sg-mb-20px sg-mt-10px " href="/en/offer-detail/{{ this.slug }}">Find out more</a> </main> </article> </div> {{/each}} </script> <script id="eventFeaturedCarousel-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card"> <article> <figure style="cursor:pointer" data-link="/en/event-detail/{{ this.slug }}"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <button type="button" data-slick-prev data-slick-target=".slick-featured" data-role="none" class="slick-prev slick-arrow" aria-label="Prev" role="button">Prev</button> <button type="button" data-slick-next data-slick-target=".slick-featured" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button">Next</button> </figure> <main> {{#if this.startDate}} {{#if this.endDate}} <p class="light-gray p--date sg-mb-10px">{{ fromToDate this.startDate this.endDate }}</p> {{/if}} {{/if}} {{#if showBrandName }} <h5 class="text-uppercase sg-mb-5px"><strong>{{#if options}}{{ toUpperCase this.storeName }}{{else}}{{ toUpperCase this.store.name }}{{/if}}</strong></h5> {{else}} <h5 style="visibility:hidden" class="text-uppercase sg-mb-5px"><strong>{{#if options}}{{ toUpperCase this.storeName }}{{else}}{{ toUpperCase this.store.name }}{{/if}}</strong></h5> {{/if}} <!-- <p class="sg-mb-5px">{{{ striptags this.description max=80 }}}</p> --> <p class="sg-mb-5px" style="min-height: 45px;"> {{ this.name }}</p> <a style="font-size:12px;" class="btn btn-link hidden-xs sg-mb-20px" href="/en/event-detail/{{ this.slug }}">Find out more</a> <a class="btn btn-default visible-xs sg-mb-20px sg-mt-10px " href="/en/event-detail/{{ this.slug }}">Find out more</a> </main> </article> </div> {{/each}} </script> <script id="slider-offers-detail-tpl" type="text/x-handlebars-template"> {{#each this}} <section class="slick-slide"> <div class="view-panel__bottom sg-mb-40px"> <div class="row"> <div class="col-sm-20 col-sm-offset-2 text-center text-white"> <h5 class="view-panel__category sg-mb-15px">{{ LNG_promo }}</h5> <div class="visible-xs"> <h1 class="view-panel__heading sg-mb-10px">Introducing Our <br/>Iconic Beauty</h1> </div> <div class="hidden-xs"> <h2 class="view-panel__heading sg-mb-10px">Introducing Our <br/>Iconic Beauty</h2> </div> <div class="row"> <div class="col-xs-18 col-xs-offset-3"> <p class="text-white sg-mb-15px">Introducing the A/W15 make-up range inspired by the runway.</p> </div> </div> </div> </div> </div> <div class="view-panel__gradient"></div> <div class="view-panel__visual"> <div class="bg-image lazyload" data-bgset="{{ assetsUrl }}/assets/media/desktop/mobile/promo-1.jpg [(max-width: 766px] | {{ assetsUrl }}/assets/media/tablet/promo/promo-1.jpg [(max-width: 1022px] | {{ assetsUrl }}/assets/media/desktop/promo/promo-1.jpg"></div> </div> </section> {{/each}} </script> <div class="constant-dots"> <script id="stayOfferCarousel-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="block-container"> <div class="block-abs"> <div class="block col-md-14 col-sm-12 col-xs-24"> <div class="block-bottom sg-mb-50px visible-xs"> <div class="container-fluid"> <div class="row"> <div class="col-sm-22 col-sm-offset-1 text-white"> <h5 class="view-panel__category sg-mb-15px">LATEST OFFERS</h5> <h1 class="sg-mb-10px">{{ capitalize this.name }}</h1> <a href="http://www.vida-hotels.com/en/vida/index.aspx" target="_blank" class="btn btn-default-transparent btn-block-sm text-uppercase margin-right-xs-px" style="border-color: #000 !important;"> Find out more </a> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" class="bg-image lazyload" data-alt="{{ this.name }}"></div> </figure> </div> </div> <div class="block bg-white col-md-10 col-sm-12 hidden-xs"> <div class="block-wrap"> <div class="display-table"> <div class="display-table-cell col-middle"> <div class="container-fluid"> <div class="row"> <div class="col-sm-20 clear-padding sg-ml-40px"> <h5 class="view-panel__category sg-mb-15px">LATEST OFFERS</h5> <h3 class="view-panel__heading sg-mb-20px">{{ this.name }}</h3> <p class="sg-mb-30px hidden-xs">{{{ striptags this.description max=80 }}}</p> <a href="/en/offer-detail/{{ this.slug }}" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase" style="border-color: #000 !important;"> LEARN MORE</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="block-padding" data-block-height data-xs="0.5" data-sm="1" data-md="1" data-lg="1"></div> </div> {{/each}} </script> <script id="shopLandingCarousel-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="block-slide"> <div class="block-bottom sg-mb-90px sg-mb-50px-sm"> <div class="row"> <div class="col-sm-20 col-sm-offset-2 col-xs-22 col-xs-offset-1 md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white"><strong>{{#if_eq this.location 1}}Fashion Avenue{{/if_eq}}</strong></h5> <div class="row"> <div class="col-sm-18"> <h1 class="sg-mb-30px sg-mb-10px-xs text-white">{{ this.name }}</h1> </div> </div> <div class="solid-line sg-mb-30px hidden-xs"> <button type="button" data-slick-prev data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-prev slick-arrow left" aria-label="Prev" role="button">Prev</button> <button type="button" data-slick-next data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-next slick-arrow right" aria-label="Next" role="button">Next</button> </div> </div> </div> <div class="row"> <div class="col-sm-11 col-sm-offset-2 col-xs-22 col-xs-offset-1"> <p class="text-white sg-mb-15px"> {{{ striptags this.description max=80 }}} </p> <a href="/en/shop/{{ this.slug }}" class="btn btn-default-transparent btn-block-sm"> Discover {{ capitalize this.name }} </a> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic1}}{{this.elevatedPic1}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-xs-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-sm-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic}}{{this.elevatedPic}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-md-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic}}{{this.elevatedPic}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-lg-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> </figure> </div> </div> {{/each}} </script> <script id="dineLandingCarousel-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="block-slide"> <div class="block-bottom sg-mb-90px sg-mb-50px-sm"> <div class="row"> <div class="col-sm-20 col-sm-offset-2 col-xs-22 col-xs-offset-1 md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white"><strong>Dine</strong></h5> <div class="row"> <div class="col-sm-18"> <h1 class="sg-mb-30px sg-mb-10px-xs text-white">{{ this.name }}</h1> </div> </div> <div class="solid-line sg-mb-30px hidden-xs"> <button type="button" data-slick-prev data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-prev slick-arrow left" aria-label="Prev" role="button">Prev</button> <button type="button" data-slick-next data-slick-target=".slick-hero" data-role="none" class="slick-btn-custom slick-next slick-arrow right" aria-label="Next" role="button">Next</button> </div> </div> </div> <div class="row"> <div class="col-sm-11 col-sm-offset-2 col-xs-22 col-xs-offset-1"> <p class="text-white sg-mb-15px"> {{{ striptags this.description max=80 }}} </p> <a href="/en/shop/{{ this.slug }}" class="btn btn-default-transparent btn-block-sm"> Discover {{ capitalize this.name }} </a> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic1}}{{this.elevatedPic1}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-xs-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-sm-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic}}{{this.elevatedPic}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-md-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic}}{{this.elevatedPic}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-lg-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> </figure> </div> </div> {{/each}} </script> <script id="socialFeedFooterSlider-tpl" type="text/x-handlebars-template"> {{#each this}} <figure class="social-slide text-center"> <!-- <img data-lazy="img/lazyfonz1.png"/> --> <a href="{{ this.source.link }}" target="_blank"> {{#if this.images.1.url}} <img style="width:136px;height:136px;" data-lazy="{{ this.images.1.url }}" /> {{else}} <img style="width:136px;height:136px;" data-lazy="{{ this.image }}" /> {{/if}} </a> </figure> {{/each}} </script> <script id="megaMenuEntertainment-tpl" type="text/x-handlebars-template"> <ul class="mm-thumbs"> {{#each this}} <li> <a class="mm-thumb mm-thumb--sm" href="/en/entertain-detail/{{ this.slug }}"> <div class="mm-thumb-image"> {{#if this.elevatedPic}} <div class="bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> {{else}} <div class="bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{ this.mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> {{/if}} </div> <div class="mm-thumb-title text-ellipsis" style="margin: 25px 0;"> <span class="titleMegaMenu">{{{ makeTwoLines this.name }}}</span> </div> </a> </li> {{/each}} </ul> </script> <script id="megaMenuStay-tpl" type="text/x-handlebars-template"> <ul class="mm-thumbs"> {{#each this}} <li> <a class="mm-thumb mm-thumb--sm" target="_blank" href="{{this.serviceCta }}"> <div class="mm-thumb-image"> {{#if this.elevatedPic}} <div class="bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> {{else}} <div class="bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{ this.mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> {{/if}} </div> <div class="mm-thumb-title text-ellipsis"> <span class="titleMegaMenu">{{{ makeTwoLines this.name }}}</span> </div> </a> </li> {{/each}} </ul> </script> <script id="store-search-item-tpl2" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card"> <article> <figure> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="{{ assetsUrl }}/assets/media/desktop/search/1/Image.jpg"></div> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Chanel</strong></h5> <p class="sg-mb-5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p> <a class="btn btn-link sg-mb-20px hidden-xs" href="#">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="#">Find out more</a> </main> </article> </div> {{/each}} </script> <script id="store-search-item-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="col col-md-8 col-sm-12 clear-padding list hidden" id="main-top-srch-shop-{{{ this.id }}}"> <div class="block-grid__item margin-bottom-md text-center border--light-grey"> <a href="Javascript:void(0)" data-target-url="/en/{{ storeEntertainRouting this.categories }}/{{ this.slug }}" target="_self" class="table-wrap search-routing"> <h2 class="block-grid__title tile-title table-cell v_middle"> {{{ this.name }}} <small style="opacity: 0; font-size: .1px;"> <br> {{#each this.categories}} {{{ this.name }}} {{/each}} <br> {{#each this.tags}} {{{ this.name }}} {{/each}} </small> </h2> <div class="block-grid__meta"> {{#if this.giftCard}} <!--<i class="icon icon-credit-card pull-left"></i>--> <i class="new-icon pull-left"></i> {{/if}} <span class="block-grid__desc">{{ this.floorName }}</span> </div> </a> </div> </div> </div> {{/each}} </script> <script id="event-search-item-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card list hidden"> <article> <figure> <a href="Javascript:void(0)" data-target-url="/en/event-detail/{{ this.slug }}" class="search-routing"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> </a> </figure> <main> <p class="p--date sg-mb-10px">{{ fromToDate this.startDate this.endDate }}</p> <p class="p--title sg-mb-5px text-gray text-uppercase" href="#"><strong>{{ toUpperCase this.name }}</strong></p> <h5 class="p--event-store-search-title text-uppercase sg-mb-5px hidden"><strong>{{#if options}}{{ this.storeName }}{{else}}{{ this.store.name }}{{/if}}</strong></h5> <!--<h3 class="text-uppercase sg-mb-5px">{{ capitalize this.name }}</h3> --> <p class="sg-mb-5px">{{{ striptags this.description max=80 }}}</p> <a class="btn btn-link sg-mb-10px hidden-xs text-gray search-routing" href="Javascript:void(0)" data-target-url="/en/event-detail/{{ this.slug }}" style="font-weight: 800 !important;">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px search-routing" href="Javascript:void(0)" data-target-url="/en/event-detail/{{ this.slug }}">Find out more</a> <br><br> </main> </article> </div> {{/each}} </script> <script id="offer-search-item-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card list hidden"> <article> <figure> <a href="Javascript:void(0)" data-target-url="/en/offer-detail/{{ this.slug }}" class="search-routing"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ toUpperCase this.name }}{{/if}}"></div> </a> </figure> <main> <p class="p--date sg-mb-10px">{{ fromToDate this.startDate this.endDate }}</p> <h5 class="p--offer-store-search-title text-uppercase sg-mb-5px"><strong>{{#if options}}{{ toUpperCase this.storeName }}{{else}}{{ toUpperCase this.store.name }}{{/if}} </strong></h5> <h3 class="p--offer-search-title text-uppercase sg-mb-5px hidden"><strong>{{ capitalize this.name }}</strong></h3> <p class="sg-mb-5px">{{{ striptags this.description max=80 }}}</p> <a class="btn btn-link sg-mb-20px hidden-xs search-routing" href="Javascript:void(0)" data-target-url="/en/offer-detail/{{ this.slug }}" style="font-weight: 800 !important;">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px search-routing" href="Javascript:void(0)" data-target-url="/en/offer-detail/{{ this.slug }}">Find out more</a> <br><br> </main> </article> </div> {{/each}} </script> <script id="fashion-avenue-offers-block" type="text/x-handlebars-template"> <div class="block col-xs-24" > <div class="block-bottom sg-mb-20px-sm"> <div class="container-fluid"> <div class="row"> <div class="col-sm-20 col-sm-offset-2 text-center"> <h5 class="view-panel__category text-white sg-mb-35px"> Don't miss </h5> <h1 class="view-panel__heading text-white sg-mb-35px text-uppercase"> <strong>{{ this.name }}</strong> </h1> <div class="row"> <div class="col-sm-12 col-sm-offset-6 text-center"> <p class="text-white sg-mb-35px"> {{{ faGetEventDate this.startDate this.endDate }}} </p> </div> </div> <!--<a href="{{ this.video }}" target="_blank" class="btn btn-default-transparent btn-block-sm text-uppercase sg-mb-35px mr-30 {{{ fashionAvenueEventsVideoLinkClass this.video }}}"> Watch video </a>--> <a href="/en/event-detail/{{ this.slug }}" class="btn btn-default-transparent btn-block-sm text-uppercase sg-mb-35px"> View event </a> <a class="btn btn-block text-white animated infinite fadeInDown" data-fullpage-to="2"> </a> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div class="bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{ this.mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{ this.store.name }}{{/if}}"></div> </figure> </div> </div> <div class="block-padding-hero" data-xs="1" data-sm="1" data-md="1" data-lg="1"></div> </script> <script id="fashion-avenue-spotlight-on-block" type="text/x-handlebars-template"> <div class="block block-border-right col-md-12 col-sm-24 vh100minus"> <div class="block-bottom sg-mb-20px"> <div class="container-fluid md-reset-padding md-full-width"> <div class="block-bottom clear-margin-sm"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 col-sm-offset-6 text-left mewmargin-10" id="new-marginned10" style="margin-left: 10%;width: 80%;"> <h5 class="view-panel__category text-white sg-mb-15px text-uppercase"> Spotlight on <br></h5> <h1 class="view-panel__heading text-white sg-mb-35px">{{ this.name }}</h1> <div class="row"> <div class="col-sm-20 text-left"> <p class="text-white sg-mb-35px">{{ this.description }}</p> </div> </div> <!--<div class="row"> <a href="/en/shop/{{ this.slug }}" class="btn btn-default-transparent btn-block-sm text-uppercase sg-mb-35px"> Discover </a> </div>--> </div> </div> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net{{ this.mainPic }}" class="bg-image lazyload" data-alt="{{ this.name }}"></div> </figure> </div> </div> <div class="block block-border-left col-md-12 col-sm-24 vh100minus"> <div class="block-wrap"> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> </div> </div> </div> </div> <div id="carousel-example-generic" class="carousel-fa carousel slide" data-ride="carousel" data-interval="5000" style="text-align: center"> <ol class="carousel-indicators"> {{#each this.addonalPics.img}} <li data-target="#carousel-example-generic" data-slide-to="{{ @index }}" class="{{{ getActiveByIndex @index }}}"></li> {{/each}} </ol> <div class="carousel-inner" role="listbox"> {{{ renderFaSpotlightSliderImages this.addonalPics }}} </div> </div> </div> </div> </script> <script id="fashion-avenue-spotlight-on-block2" type="text/x-handlebars-template"> <div class="block block-border-right col-md-12 col-sm-24"> <div class="block-bottom sg-mb-20px"> <div class="container-fluid md-reset-padding md-full-width"> <div class="block-bottom clear-margin-sm"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 col-sm-offset-6 text-left mewmargin-10" id="new-marginned10" style="margin-left: 10%;width: 80%;"> <h5 class="view-panel__category text-white sg-mb-15px text-uppercase"> Spotlight on <br></h5> <h1 class="view-panel__heading text-white sg-mb-35px">{{ this.name }}</h1> <div class="row"> <div class="col-sm-20 text-left"> <p class="text-white sg-mb-35px">{{ this.description }}</p> </div> </div> <div class="clearfix"> <a href="/en/shop/{{ this.slug }}" class="btn btn-default-transparent btn-block-sm text-uppercase sg-mb-35px"> Discover {{ this.name }} </a> </div> </div> </div> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic1}}{{this.elevatedPic1}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-xs-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic1}}{{this.elevatedPic1}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-sm-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-md-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> <div data-bgset="https://dynamicassets.azureedge.net{{#if this.elevatedPic2}}{{this.elevatedPic2}}{{else}}{{ this.elevatedPic }}{{/if}}" class="bg-image lazyload visible-lg-block" data-alt="{{#if this.elevatedPicAlt}}{{this.elevatedPicAlt}}{{else}}{{ this.name }}{{/if}}"></div> </figure> </div> </div> <div class="block block-border-left col-md-12 col-sm-24"> <div class="block-wrap"> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> </div> </div> </div> </div> <div id="carousel-example-generic" class="carousel-fa carousel slide" data-ride="carousel" data-interval="5000" style="text-align: center"> <ol class="carousel-indicators"> {{#each this.addonalPics.img}} <li data-target="#carousel-example-generic" data-slide-to="{{ @index }}" class="{{{ getActiveByIndex @index }}}"></li> {{/each}} </ol> <div class="carousel-inner" role="listbox"> {{{ renderFaSpotlightSliderImages this.addonalPics }}} </div> </div> </div> </div> </script> <script id="fashion-avenue-spotlight-on-stores-slider-block" type="text/x-handlebars-template"> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> </div> </div> </div> </div> <div id="carousel-example-generic-2" class="carousel-fa carousel slide" data-ride="carousel" data-interval="5000" style="text-align: center"> <ol class="carousel-indicators"> {{#each this.images}} <li data-target="#carousel-example-generic-2" data-slide-to="{{ @index }}" class="{{{ getActiveByIndex @index }}}"></li> {{/each}} </ol> <div class="carousel-inner" role="listbox"> {{#each this.images as |value key|}} <div class="item {{{ getActiveByIndex key }}}" style="background-image: url(https://dynamicassets.azureedge.net{{ value }});"> <div style="display: table;height: 100%;width: 100%;"> <div style="display: table-cell;vertical-align: middle"> <div class="col-sm-12 col-sm-offset-6 text-center ptop20 text-white tshadowed"> <h5 class="view-panel__category text-white sg-mb-35px"> Fashion avenue </h5> <h1 class="view-panel__heading text-white sg-mb-35px">{{{ ../name }}}</h1> <p class="text-white sg-mb-35px">{{{ ../description }}}</p> <p class="text-white sg-mb-35px"> For more information please contact :<br><b>{{{ ../phone }}}</b><br><b><a href="mailto:{{{ ../email }}}" class="text-white">{{{ ../email }}}</a></b></p> </div> </div> </div> </div> {{/each}} </div> </div> </script> <script id="fashion-avenue-spotlight-on-stores-slider-block2" type="text/x-handlebars-template"> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> </div> </div> </div> </div> <div id="carousel-example-generic-2" class="carousel-fa carousel slide" data-ride="carousel" data-interval="5000" style="text-align: center"> <ol class="carousel-indicators"> {{#each this.images}} <li data-target="#carousel-example-generic-2" data-slide-to="{{ @index }}" class="{{{ getActiveByIndex @index }}}"></li> {{/each}} </ol> <div class="carousel-inner" role="listbox"> {{#each this.images as |value key|}} <div class="item {{{ getActiveByIndex key }}}" > <div style="display: table;height: 100%;width: 100%;"> <div style="display: table-cell;vertical-align: middle"> <div class="col-sm-12 col-sm-offset-6 text-center ptop20" style="color: #000 !important;"> <h5 class="view-panel__category text-white sg-mb-35px" style="color: #000 !important;"> Fashion avenue </h5> <h1 class="view-panel__heading text-white sg-mb-35px" style="color: #000 !important;">{{{ ../name }}}</h1> <p class="text-white sg-mb-35px" style="color: #000 !important;">{{{ ../description }}}</p> <p class="text-white sg-mb-35px" style="color: #000 !important;"> For more information please contact :<br><b>{{{ ../phone }}}</b><br><b><a href="mailto:{{{ ../email }}}" class="text-white">{{{ ../email }}}</a></b></p> </div> </div> </div> </div> {{/each}} </div> </div> </script> <script id="plan-your-visit-services-content" type="text/x-handlebars-template"> {{#each this}} <div class="col col-xs-24 col-sm-6 col-md-6"> <section class="site-list sg-mb-30px"> <header> <p class="text-uppercase sg-mb-20px"><strong>{{ this.name }}</strong></p> <div class="solid-line solid-line--black minus61 sg-mb-20px"></div> </header> <ul> {{#each this.description }} <li>{{this}}</li> {{/each}} </ul> </section> </div> {{/each}} </script> <div class="site"> <div class="site-content home-page"> <div class="site-sections"> <nav class="site-sections__menu hidden-xs"> <ul> <li><a href="/en/fashion-avenue">Fashion avenue</a></li> <li><a href="/en/fountain-view">Fountain views</a></li> <li><a href="/en/campaign/chinatown">Chinatown</a></li> <li><a href="/en/campaign/souk-al-bahar">Souk Al Bahar</a></li> <li><a href="/en/offers">Offers</a></li> <li><a href="/en/events">Events</a></li> </ul> </nav> <div class="block-container block-container--hero" id="homepage-slider"> <div class="block-abs"> <div class="block col-xs-24" data-block> <div class="homeCarousel slick-hero slick-slider--inlinedots slick-slider--fullheight"></div> </div> </div> <div class="block-padding-hero" data-xs="1" data-sm="1" data-md="1" data-lg="1"></div> </div> <div class="block-container"> <div class="block-abs"> <div class="block block-border-right col-md-14 col-sm-12 hidden-xs" data-block> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <!--<div class="bg-image lazyload" id="bg-img-fashion-avenue"></div>--> <div data-bgset="https://staticassets.azureedge.net/assets/media/fashion-avenue/fashion-avenue-home.jpg" class="bg-image lazyload"></div> </figure> </div> </div> <div class="block block-border-left col-md-10 col-sm-12 block-white" data-block> <div class="block-content" id="blockFashionAvenue"> <div class="display-table"> <div class="display-table-cell col-middle text-center" style="position: relative;"> <h5 class="sg-mb-50px text-uppercase visible-xs hidden-sm visible-md visible-lg" style="position: absolute; top: 10%; left: 0; right: 0;">Fashion Avenue</h5> <div class="hidden-xs visible-sm"> <br> <h5 class="sg-mb-50px text-uppercase">Fashion Avenue</h5> </div> <h2 class="sg-mb-30px text-uppercase block__push-in hidden-xs hidden-sm" style="font-weight: 400;"> Redefining<br/>luxury </h2> <h3 class="sg-mb-30px text-uppercase block__push-in visible-sm" style="font-weight: 400;"> Redefining<br/>luxury </h3> <h1 class="sg-mb-30px text-uppercase block__push-in visible-xs" style="font-weight: 400;"> Redefining<br/>luxury </h1> <div class="col-lg-12 col-lg-offset-6 col-md-18 col-md-offset-3"> <p class="clearfix sg-mb-30px"> More than 200 of the most covetable luxury brands at Fashion Avenue ready for you to discover. </p> <a href="/en/fashion-avenue" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase hidden-xs visible-sm" style="color: #000; border-color: #000;"> Explore more </a> </div> <div class="visible-xs hidden-sm visible-md visible-lg" style="position: absolute; bottom: 10%; left: 15px; right: 15px;"> <a href="/en/fashion-avenue" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase hidden-xs visible-md visible-lg" style="max-width: 50%; margin: auto;"> Explore more </a> <a href="/en/fashion-avenue" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase visible-xs hidden-sm" style="color: #FFF; border-color: #FFF;"> Explore more </a> </div> </div> </div> </div> <div class="block-gradient visible-xs"></div> <div class="block-visuals visible-xs"> <figure class="block-cover-img"> <div data-bgset="https://staticassets.azureedge.net/assets/media/fashion-avenue/fashion-avenue-home.jpg" class="bg-image lazyload visible-xs-block"></div> <div data-bgset="https://staticassets.azureedge.net/assets/media/fashion-avenue/fashion-avenue-home.jpg" class="bg-image lazyload visible-sm-block"></div> <div data-bgset="https://staticassets.azureedge.net/assets/media/fashion-avenue/fashion-avenue-home.jpg" class="bg-image lazyload visible-md-block"></div> <div data-bgset="https://staticassets.azureedge.net/assets/media/fashion-avenue/fashion-avenue-home.jpg" class="bg-image lazyload visible-lg-block"></div> </figure> </div> </div> </div> <div class="block-padding" data-block-height data-xs="1" data-sm="1" data-md="1" data-lg="1"></div> </div> <div class="block-container" > <div class="block-abs"> <div class="block col-xs-24" data-block> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-full-width md-reset-padding" id="home_view1"> <div class="row"> <div class="col-xs-22 col-sm-offset-half md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white hidden-lg spaced"><strong>Entertain</strong></h5> <h5 class="text-uppercase sg-mb-25px text-white visible-lg spaced"><strong>Entertain</strong></h5> <h1 class="sg-mb-10px text-white col-sm-16" style="margin-left: 0; padding-left: 0;"> Dubai Aquarium & Underwater Zoo</h1> </div> </div> <div class="row"> <div class="col-xs-22 col-sm-offset-half md-pull-in-line"> <span class="sg-mb-10px text-white col-sm-16"> <p class="sg-mb-25px text-white hidden-xs">Marvel at the wonders of nature up-close, with more than 33,000 animals to admire.</p> </span> </div> </div> <div class="row"> <div class="col-xs-22 col-sm-offset-half md-pull-in-line"> <a href="/en/entertain-detail/dubai-aquarium-umderwatep-zoo-1" class="btn btn-default-transparent btn-block-sm text-uppercase margin-right-xs-px"> Explore more </a> <a href="/en/entertain" class="btn btn-default-transparent btn-block-sm text-uppercase"> Discover entertainment </a> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div class="bg-image lazyload" data-bgset="https://staticassets.azureedge.net/assets/media/mobile/entertain/aquarium-1.jpg [(max-width: 766px] | https://staticassets.azureedge.net/assets/media/tablet/entertain/aquarium-1.jpg [(max-width: 1022px] | https://staticassets.azureedge.net/assets/media/desktop/entertain/aquarium-1.jpg" data-alt="Dubai Aquarium & Underwater Zoo"></div> </figure> </div> <!--<div class="block-visuals" style="overflow: hidden;"> <div class="bg-video video-wrap"> <video muted id="video-entertain" data-video data-video-fallback="#video-fallback-entertain" loop> <source src="/assets/media/video/aquarium.m4v" type="video/mp4" /> <source src="/assets/media/video/aquarium.webm" type="video/webm" /> <source src="/assets/media/video/aquarium.ogv" type="video/ogg" /> <source src="/assets/media/video/aquarium.mp4" /> </video> </div> <div class="bg-image lazyload" id="video-fallback-entertain" data-bgset="/assets/media/mobile/entertain/aquarium.jpg [(max-width: 766px] | /assets/media/tablet/entertain/aquarium.jpg [(max-width: 1022px] | /assets/media/desktop/entertain/aquarium.jpg"></div> </div>--> </div> </div> <div class="block-padding" data-block-height data-xs="1" data-sm="1" data-md="1" data-lg="1"></div> </div> <div class="block-container"> <div class="block-abs"> <div class="block block-border-right col-md-12 col-sm-24 " id="home_view2" data-block> <div class="block-bottom sg-mb-50px sg-mb-20px-xs"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white hidden-lg spaced"><strong>Dine</strong></h5> <h5 class="text-uppercase sg-mb-25px text-white visible-lg spaced"><strong>Dine</strong></h5> <div class="visible-xs"> <h1 class="sg-mb-10px text-white">Hai Di Lao</h1> </div> <div class="hidden-xs"> <h2 class="sg-mb-10px text-white">Hai Di Lao</h2> </div> <div class="row"> <div class="col-md-20 col-sm-14"> <p class="sg-mb-25px text-white hidden-xs"></p> </div> </div> <a href="/en/shop/hai-di-lao" class=" btn btn-default-transparent btn-block-sm margin-right-xs-px text-uppercase"> Explore more </a> <a href="/en/dine" class="btn btn-default-transparent btn-block-sm text-uppercase"> Discover dining </a> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net/uploads/offer/mainPicture/641070d1f26a5.jpg" class="bg-image lazyload" data-alt="Hai Di Lao"></div> </figure> </div> </div> <div class="block block-border-left col-md-12 col-sm-24" data-block> <div class="block-wrap"> <div class="block-bottom sg-mb-50px sg-mb-20px-xs" id="home_view3"> <div class="container-fluid md-reset-padding md-full-width"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 md-pull-in-line"> <h5 class="text-uppercase sg-mb-15px text-white hidden-lg spaced"><strong>Stay</strong></h5> <h5 class="text-uppercase sg-mb-15px text-white visible-lg spaced"><strong>Stay</strong></h5> <div class="visible-xs"> <h1 class="sg-mb-10px text-white"></h1> </div> <div class="hidden-xs"> <h2 class="sg-mb-10px text-white"></h2> </div> <div class="row"> <div class="col-md-20 col-sm-12"> <p class="sg-mb-25px text-white hidden-xs"></p> </div> </div> <a href="" target="_blank" class="exploreMoreStayCTA btn btn-default-transparent btn-block-sm margin-right-xs-px text-uppercase"> Explore more </a> <a href="/en/stay" class="btn btn-default-transparent btn-block-sm text-uppercase"> Discover accommodation </a> </div> </div> </div> </div> <div class="block-gradient"></div> <div class="block-visuals"> <figure class="block-cover-img"> <div data-bgset="https://dynamicassets.azureedge.net" class="bg-image lazyload" data-alt=""></div> </figure> </div> </div> </div> </div> <div class="block-padding" data-block-height data-xs="2" data-sm="2" data-md="1" data-lg="1"></div> </div> <div class="clearfix"> <section class="site-section" style="width: 100%; overflow: hidden;"> <div class="container sg-mb-25px"> <div class="row"> <script id="slider-offers-and-events-tpl" type="text/x-handlebars-template"> {{#each this}} <div class="panel-card" data-event-type="{{ this.event-type}}" data-id="{{ this.id }}" style="margin: 10px; width: 100%;"> <article> <figure style="cursor:pointer" class="sg-mb-15px" data-link="/en/{{ event-type }}/{{ slug }}" > <div class="panel-card__img bg-image lazyload" data-bgset="https://dynamicassets.azureedge.net{{ mainPic }}" data-alt="{{#if this.mainPicAlt}}{{this.mainPicAlt}}{{else}}{{{ striptags this.name }}}{{/if}}"></div> </figure> <main> <p class="p--date">{{dateFormat this.startDate format="D MMM"}} - {{ dateFormat this.endDate format="D MMM YYYY" }}</p> {{#if showBrandName }} <h4 class="me sg-mb-10px panel__title" > {{#if options}} {{ striptags this.storeName }} {{else}} {{{ striptags this.store.name }}}{{/if}} </h4> {{else}} <h4 style="visibility:hidden" class="me sg-mb-10px panel__title"> {{#if options}} {{ striptags this.storeName }} {{else}} {{{ striptags this.store.name }}}{{/if}}</h4> {{/if}} <p class="sg-mb-10px panel__title">{{{ this.name }}}</p> <a style="font-size:12px;line-height:12px;" class="btn btn-link hidden-xs" href="/en/{{ event-type }}/{{ slug }}" style="font-weight: 800 !important;"><strong>Find out more</strong></a> <a class="btn btn-default visible-xs" href="/en/{{ event-type }}/{{ slug }}">Find out more</a> </main> </article> </div> {{/each}} </script> <div class="col-xs-24"> <div class="visible-xs"> <h2 class="text-center sg-mt-40px sg-mb-25px">Discover Events & Offers</h2> </div> <div class="hidden-xs"> <h3 class="text-center sg-mt-40px">Discover Events & Offers</h3> </div> </div> </div> </div> <div class="container no-gutter-md sg-mb-30pxm " id="home_view4"> <div class="slick-slider-container"> <div class="slick-slider-container__row slick-slider-with-text"> <div class="row"> <div class="slick-events-offers-slider pull-nav-up diap-dots" data-prefilter=""></div> </div> </div> </div> </div> <div class="container"> <div class="row hidden-xs sg-mb-40px"> <div class="col-xs-24 text-center"> <div class="sg-mt-20px" id="home_view5"> <a href="/en/events" class="btn btn-default btn-block-sm margin-right-xs-px">Discover events</a> <a href="/en/offers" class="btn btn-default btn-block-sm">Discover offers</a> </div> </div> </div> </div> <div class="visible-xs"><br></div> </section> <section class="site-section"> <div class="view-panel-banner"> <div class="view-panel-banner__rel"> <div class="row"> <div class="col-xs-22 col-xs-offset-1 text-center"> <div class="visible-xs visible-sm"> <h1 class="sg-mb-20px text-white">What's New at <br/>Dubai Mall</h1> </div> <div class="visible-md visible-lg"> <h2 class="sg-mb-20px text-white">What's New at <br/>Dubai Mall</h2> </div> <a href="/en/whats-new" class="btn btn-default-transparent btn-block-sm text-uppercase"> Discover more </a> </div> </div> </div> <div class="view-panel-banner__gradient half-opacity"></div> <div class="view-panel-banner__visual"> <div class="bg-image lazyload" data-bgset="https://staticassets.azureedge.net/assets/media/tablet/whats-new/Image-1.jpg" data-alt="Dubai Mall"></div> </div> </div> </section> </div> </div> </div> </div> <div class="site-collapse-menu site-collapse-menu--main hidden" id="site-collapse-menu" style="margin-top: 50px;"> <nav> <ul class="js--accordion" role="tablist"> <li class="site-collapse-menu-item"> <a href="/en/whats-new">What's New</a> </li> <li class="site-collapse-menu-item"> <a href="/en/shop">Shop</a> </li> <li class="site-collapse-menu-item"> <a href="/en/dine">Dine</a> </li> <li class="site-collapse-menu-item"> <a href="/en/stay">Stay</a> </li> <li class="site-collapse-menu-item"> <a href="/en/entertain">Entertain</a> </li> <li class="site-collapse-menu-item"> <a class="site-collapse-menu__level-0" href="#mm-5">Plan Your Visit</a> <ul class="collapse" id="mm-5"> <li class="site-collapse-menu-item"> <a href="/en/plan-your-visit/opening-hours">Opening hours </a> </li> <li class="site-collapse-menu-item"> <a href="/en/plan-your-visit/getting-here">Getting here</a> </li> <li class="site-collapse-menu-item"> <a href="/en/u-by-emaar">U By Emaar</a> </li> <li> <a href="/en/plan-your-visit/parking">Parking</a> </li> </ul> </li> <li class="site-collapse-menu-item"> <a href="/en/services">Services</a> </li> </ul> </nav> <nav class="inverse"> <ul> <li class="site-collapse-menu-item"> <a href="/en/fashion-avenue">Fashion avenue</a> </li> <li class="site-collapse-menu-item"> <a href="/en/fountain-view">Fountain views</a> </li> <li class="site-collapse-menu-item"> <a href="/en/campaign/chinatown">Chinatown</a> </li> <li class="site-collapse-menu-item"> <a href="/en/campaign/souk-al-bahar">Souk Al Bahar</a> </li> <li class="site-collapse-menu-item"> <a href="/en/offers">Offers</a> </li> <li class="site-collapse-menu-item"> <a href="/en/events">Events</a> </li> </ul> </nav> <nav> <ul class="js--accordion" role="tablist"> <li class="site-collapse-menu-item menu_lan" id="language-selecter"> <a href="/ar">العربية</a> </li> <li class="site-collapse-menu-item"> </li> </ul> </nav> </div> <div class="visible-xs sfooter-menu"> <div class="site-collapse-menu" id="site-collapse-menu-footer"> <nav> <ul> <li class="site-collapse-menu-item"><a href="/en/whats-new">What's New</a></li> <li class="site-collapse-menu-item"><a href="/en/shop">Shop</a></li> <li class="site-collapse-menu-item"><a href="/en/dine-directory">Dine</a></li> <li class="site-collapse-menu-item"><a href="/en/stay">Stay</a></li> <li class="site-collapse-menu-item"><a href="/en/entertain">Entertain</a> <li class="site-collapse-menu-item"><a href="/en/plan-your-visit/opening-hours">Plan Your Visit</a></li> <li class="site-collapse-menu-item"><a href="/en/services">Services</a></li> </ul> </nav> <nav class="inverse"> <ul> <li class="site-collapse-menu-item"><a href="/en/fashion-avenue"> Fashion Avenue</a></li> <li class="site-collapse-menu-item"><a href="/en/offers">Offers</a></li> <li class="site-collapse-menu-item"><a href="/en/events"> Events</a></li> </ul> </nav> </div> </div> <footer class="site-footer section"> <div class="site-logo-lined hidden-xs sg-mb-30px"> <a href="/en" title="Dubai Mall"> <span class="site-logo-lined--lines"> <!-- <span class="icon-the-dubai-mall-logo"></span> --> <img src="https://staticassets.azureedge.net/assets/images/dubai-mall-logo-en.png" height="23"> </span> </a> </div> <div class="site-footer__content"> <div class="container sg-mb-30px"> <div class="row"> <div class="col-md-7 col-sm-6 centered-block-sm clear-padding-md"> <h5 class="gs padding-xs text-uppercase follow-us-head">Follow Us</h5> <ul class="follow-us"> <li><a href="https://www.facebook.com/TheDubaiMall" target="_blank" class="social_share" data-platform="Facebook"><span class="icon icon-facebook"></span></a></li> <li><a href="https://twitter.com/TheDubaiMall" target="_blank" class="social_share" data-platform="Twitter"><img src="https://staticassets.azureedge.net/assets/images/twitter.svg" class="icon" style="width: 36px;height: 36px;"></a></li> <li><a href="https://www.youtube.com/user/dubaimallchannel" target="_blank" class="social_share" data-platform="Youtube"><span class="icon icon-youtube-play"></span></a></li> <li><a href="https://www.instagram.com/thedubaimall/" target="_blank" class="social_share" data-platform="Instagram"><span class="icon icon-instagram"></span></a></li> </ul> </div> <div class="col-md-10 col-sm-11 centered-block-sm"> <h5 class="gs padding-xs text-uppercase">RECEIVE OUR NEWSLETTER</h5> <div data-newsletter="footer"> <form class="signup-newsletter" data-parsley-validate novalidate> <div class="step-1"> <div class="input-group newsletter-group" style="width: 65%;"> <input type="hidden" name="source" value="website"> <input type="hidden" name="language" value="en"> <input id="hidden-captcha" name="hidden-captcha" type="hidden"> <input type="email" name="email" data-parsley-type="email" class="form-control" placeholder="Email Address" maxlength="100" autocomplete="off" data-parsley-required="true" data-parsley-required-message="This value is required." data-parsley-type-message="Please enter a valid email address." /> <span class="input-group-btn"> <button class="btn btn-primary text-uppercase" type="submit">Sign Up</button> </span> </div> </div> <div class="step-2 hidden"> <p class="sg-mt-10px">Thank you for subscribing to our newsletter</p> </div> </form> </div> </div> <div class="col-md-7 col-sm-7 centered-block-sm clear-padding-md"> <h5 class="gs padding-xs text-uppercase">Download the app</h5> <ul class="store-badges"> <li style="max-width: 120px !important;"><a href="https://itunes.apple.com/us/app/the-dubai-mall/id430795858?mt=8" target="_blank"><img src="https://staticassets.azureedge.net/assets/images/badge_ios@2x.png" alt="App Store" class="img-responsive"></a></li> <li style="max-width: 120px !important;"><a href="https://play.google.com/store/apps/details?id=com.thedubaimall&hl=en" target="_blank"><img src="https://staticassets.azureedge.net/assets/images/badge_android@2x.png" alt="Google play" class="img-responsive"></a></li> <li style="max-width: 120px !important;"><a href="https://appgallery.huawei.com/app/C100883357" target="_blank" ><img alt="App Gallery" class="img-responsive" src="https://staticassets.azureedge.net/assets/images/badge-huawei.png"></a></li> </ul> </div> </div> </div> <div class="solid-line solid-line--grey hidden-xs"></div> <div class="container sg-mb-30px sg-mt-30px hidden-xs"> <div class="row"> <div class="col-md-6 col-sm-6"> <section class="site-footer-links"> <header> <h5 class="gs text-uppercase">Visitor Information</h5> </header> <ul> <li><a href="/en/services">Services</a></li> <li><a href="/en/map" target="_blank">Mall Map</a></li> <li><a href="http://www.emaargiftcard.com" target="_blank">Emaar Gift Card</a></li> <li><a href="/en/services/the-lounge">The Lounge</a></li> <li><a href="/en/more-from-emaar">More from Emaar</a></li> </ul> </section> </div> <div class="col-md-6 col-sm-6"> <section class="site-footer-links"> <header> <h5 class="gs text-uppercase">About us</h5> </header> <ul> <li><a href="/en/about-us/about-the-dubai-mall">About Dubai Mall</a></li> <li><a href="https://www.emaar.com" target="_blank">About Emaar</a></li> <li><a href="https://properties.emaar.com/en/press-release-listing/" target="_blank">Media Centre</a></li> <!--<li><a href="https://careers.emaar.com/" target="_blank">Careers</a></li>--> <li><a href="https://properties.emaar.com/en/other-emaar-businesses/emaar-malls/" target="_blank">Emaar Malls</a></li> <li><a href="https://careers.emaar.com/" target="_blank">Careers</a></li> </ul> </section> </div> <div class="col-md-6 col-sm-6"> <section class="site-footer-links"> <header> <h5 class="gs text-uppercase"> </h5> </header> <ul> <li><a href="https://retailservices.emaarmalls.com/" target="_blank">E-Services/Tenants' Portal</a></li> <li><a href="https://rental.emaarmalls.com/" target="_blank">Leasing Enquiries</a></li> <li><a href="/en/about-us/privacy-policies" >Privacy Policy</a></li> <li><a href="/en/about-us/terms-and-conditions">Terms and Conditions</a></li> <li><a href="/en/pages/parking-faq">Parking FAQs</a></li> </ul> </section> </div> <div class="col-md-6 col-sm-6"> <section class="site-footer-links"> <header> <h5 class="gs text-uppercase">Contact us</h5> </header> <ul> <li> <p class="footer-fix"><a href="tel:800 38224 6255">UAE ONLY: 800 DUBAI MALL (800 38224 6255)</a></p> </li> <li><a href="mailto:enquiry@thedubaimall.com?subject=Website Enquiry">enquiry@thedubaimall.com</a></li> </ul> </section> </div> </div> </div> <div class="container sg-mb-15px sg-mt-30px visible-xs" data-footer-mobile-menu> <div class="row"> <section class="site-footer-mobile-links"> <ul class="js--accordion full-width"> <li class="site-collapse-menu-item text-left text-uppercase"> <a class="site-collapse-menu__level-0" href="#mm-1" target="_blank">Visitor Information</a> <ul class="collapse" id="mm-1" > <li><a href="/en/map" target="_blank">Mall Map</a></li> <li><a href="http://www.emaargiftcard.com" target="_blank" >Emaar Gift Card</a></li> <li><a href="/en/services/the-lounge">The Lounge</a></li> <li><a href="https://emaarnewcustomer.secure.force.com/wecare?type=1&from=vKteIARjY%2baJ2b6JsyhkZiLs7M%2b5KD0y%2fXUow0DFmQ0%3d&Lang=en" target="_blank">Customer Survey</a></li> </ul> </li> <li class="site-collapse-menu-item text-left text-uppercase"> <a class="site-collapse-menu__level-0" href="#mm-2">About us</a> <ul class="collapse" id="mm-2"> <li><a href="/en/about-us/about-the-dubai-mall">About Dubai Mall</a></li> <li><a href="https://www.emaar.com" target="_blank">About Emaar</a></li> <li><a href="https://properties.emaar.com/en/press-release-listing/" target="_blank">Media Centre</a></li> <li><a href="https://careers.emaar.com/" target="_blank">Careers</a></li> <li><a href="https://properties.emaar.com/en/other-emaar-businesses/emaar-malls/" target="_blank">Emaar Malls</a></li> <li><a href="https://retailservices.emaarmalls.com/" target="_blank">E-Services/Tenants' Portal</a></li> <li><a href="https://rental.emaarmalls.com/" target="_blank">Leasing Enquiries</a></li> <li><a href="/en/about-us/privacy-policies" >Privacy Policy</a></li> <li><a href="/en/about-us/terms-and-conditions">Terms & Conditions</a></li> <li><a href="/en/pages/parking-faq">Parking FAQs</a></li> </ul> </li> <li class="site-collapse-menu-item text-left text-uppercase"> <a class="site-collapse-menu__level-0" href="#mm-3">Contact us</a> <ul class="collapse" id="mm-3"> <li><a href="tel:800 38224 6255">UAE ONLY: 800 DUBAI MALL (<span style="text-decoration: underline;">800 38224 6255</span>)</a></li> <li><a href="mailto:enquiry@thedubaimall.com?subject=Website Enquiry">enquiry@thedubaimall.com</a></li> <li><p class="wecare-data-intro">To provide feedback or suggestions,</br>Please click on the below Wecare icon to connect with us.</p><a class="wecare-data-slide-img" href="javascript:void(0);"><img src="https://staticassets.azureedge.net/assets/images/we-care-logo-en.png"></a></li> <li><a class="wecare-data-slide-cnt" href="https://emaarsales.my.salesforce-sites.com/wecare" target="_blank">Feedback</a></li> <li><a class="wecare-data-slide-cnt" href="https://emaarsales.my.salesforce-sites.com/wecare" target="_blank">Enquiry</a></li> <li><a class="wecare-data-slide-cnt" href="https://emaarsales.my.salesforce-sites.com/wecare" target="_blank">Suggestion</a></li> </ul> </li> </ul> <div class="footer__lang-sel-wrap full-width"> <ul class="full-width"> <select class="footer__lang-sel margin-top-sm" name="Select Language"> <option value="EN">English</option> <option value="FR">French</option> <option value="GE">German</option> </select> </ul> </div> </section> </div> </div> <div style="display:none">KGMpIENocmlzIFNjaGFyZGlqbiAyMDE1LTIwMTY=</div> </div> <!-- EMAAR BRAND GUIDELINES START--> <div class="solid-line solid-line--grey hidden-xs"></div> <div id="footerContainer" class="" style=""> <div id="footerOverlay" class="footeroverlay"></div> <div id="emaarFooter" class=""> <div id="footerLinks" class="footer-links"> <div class="container"> <a id="btnCloseGroup" class="footer-close icon-cross"></a> <div class="footer-top"> <div class="footer-wrapper footer-columns"> <div class="footer-column"> <ul> <li><a href="https://www.emaar.com/en" target="_blank">Properties</a></li> <li><a href="https://www.emaarhospitality.com/" target="_blank">Hospitality</a></li> <li><a href="https://thedubaimall.com/" target="_blank">Malls</a></li> </ul> </div> <div class="footer-column"> <ul> <li><a href="https://www.burjkhalifa.ae/en/" target="_blank">Burj Khalifa</a></li> <li><a href="http://www.dubaiopera.com/" target="_blank">Dubai Opera</a></li> <li><a href="http://www.eii.ae" target="_blank">Industries & Investments</a></li> </ul> </div> <div class="footer-column"> <ul> <li><a href="http://www.reelcinemas.ae/en/" target="_blank">Reel Cinemas</a></li> <li><a href="https://www.dubaiicerink.com/" target="_blank">Dubai Ice Rink</a></li> <li><a href="https://www.vrparkdubai.com/" target="_blank">VR Park</a></li> </ul> </div> <div class="footer-column"> <ul> <li><a href="https://dubai.kidzania.com/en-ae" target="_blank">Kidzania</a></li> <li><a href="https://www.thedubaiaquarium.com/" target="_blank">Dubai Aquariam & Underwater Zoo</a></li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="footer-wrapper footer-columns"> <div class="footer-left footer-column"> <div class="footer-content"> <div class=" footer-columns"> <div class="footer-column one-fourth"> <img src="https://staticassets.azureedge.net/assets/images/emaar_en.png" alt="Emaar Properties"> </div> <div class="footer-column"> <a id="btnShowGroup" class="footer-group">View All Group Entities</a> </div> </div> </div> </div> <div class="footer-right footer-column"> <div class="footer-content"> <p>Emaar Properties PJSC is the Master Developer of Dubai Mall</p> </div> </div> </div> </div> </div> </div> <!-- EMAAR BRAND GUIDELINES END --> <div class="site-footer__disclaimer"> <p><span class="logo--footer"></span><span class="site-footer__disclaimer__inner">© 2024 Emaar Malls. All rights reserved.</span></p> </div> </footer> <div class="container-fluid md-full-width md-reset-padding" style="background-color: rgba(51, 51, 51, 0.9);position: fixed;bottom: -1px;z-index: 1000;" id="cookie_bar"> <div class="row"> <div class="col-xs-22 col-sm-offset-half md-pull-in-line"> <div class="text-center sg-pb-15px site-header__leader"> <p class="text-white"> This website uses cookies. We use cookies to make sure you get the best experience on our website. Please read our <a class="text-underline text-white" href="/en/about-us/privacy-policies">privacy</a> and <a class="text-underline text-white" href="/en/about-us/cookie-policies">cookie policy.</a> </p> <div class="sg-mt-15px"> <a href="#" id="accept_cookie" class="btn btn-default"> Yes, I accept cookies </a> <a href="/en/about-us/cookie-policies" class="btn btn-default "> No, I want more info </a> </div> </div> </div> </div> </div> <div class="site-search-drop" id="site-search"> <div class="container"> <!-- search input --> <section class="search-section search-input"> <div class="col-xs-24 sg-mb-40px"> <form action="#" id="search" class="search-form" onsubmit="return false;"> <fieldset> <input id="q" name="q" class="input--search" placeholder="Search Dubai Mall" type="search" autocomplete="off" /> <button data-toggle="search-debug" class="search-submit" id="shop-search"> <span class="icon icon-search"></span> </button> <span class="icon icon-search fix" id="icon-search-topSearch"></span> </fieldset> </form> </div> </section> <!-- results --> <section class="search-section search-results--lead"> <div class="row"> <div class="col-xs-24 sg-mb-50px"> <ul class="sub-nav--search"> <li> <a href="#" target="_blank" class="active" data-toggle="filter-search" data-filter="all"> All (<span id="srch_count_all">0</span>) </a> </li> <li> <a href="#" target="_blank" data-toggle="filter-search" data-filter="src__shops"> Shop (<span id="srch_count_shop">0</span>) </a> </li> <li> <a href="#" target="_blank" data-toggle="filter-search" data-filter="src__offers"> Offers (<span id="srch_count_offer">0</span>) </a> </li> <li> <a href="#" target="_blank" data-toggle="filter-search" data-filter="src__events"> Events (<span id="srch_count_event">0</span>) </a> </li> </ul> <div class="drop-category"> <select id="shop-category2" class="search-shop-category no-transform" style="border: 1px solid #000; background-color: #FFF; border-radius: 0;"> <option value="all" selected="selected">All</option> <option value="cat--01">Shop</option> <option value="cat--02">Offers</option> <option value="cat--03">Events</option> </select> </div> </div> </div> <div class="row"> <div class="col-xs-24 sg-mb-30px"> <h3 id="yourSearch" class="text-center">Showing search results for ""</h3> <!--<h2 id="yourSearchXs" class="text-center visible-xs">Showing search results for ""</h2>--> </div> </div> </section> <section class="search-section search-results--content src__shops"> <div class="row sg-mb-20px"> <div class="col-xs-18"> <div class="column-border-bottom column-border-bottom--pull-right"> <h5 class="text-uppercase">Shops</h5> </div> </div> <div class="col-xs-6"> <!--<div class="select" style="border: 1px solid #000; padding: 0 5px; overflow: hidden !important; height: 36px;"> <select name="category" id="search-shop-category" class="select-styled" style="width: 100% !important; border:0px; outline:0px; font-size: 14px !important; background-color: transparent; height: 34px;"> </select> </div>--> <select name="category" id="search-shop-category" class="search_me"></select> </div> </div> <div class="row"> <div class="container padding-bottom-xs"> <div class="row padding-xs block-grid-legend" style="margin-top: 30px !important;"> <div class="col-md-12"></div> <div class="col-md-12 text-right"> <i class="new-icon"></i> <span class="inner">Accepts Emaar Gift Card</span> </div> </div> </div> <div class="container block-grid search-results--content__all sg-mb-10px" id="filteredShop-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-matched-stores-head"><span>Matched Results</span></h5> </div> </div> <div class="row" id="filteredShop"></div> <div class="row pagination"> <a href="#" id="showMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> <div class="container block-grid search-results--content__all sg-mb-10px hidden" id="related-filteredShop-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-related-stores-head"><span>Related Results</span></h5> </div> </div> <div class="row" id="related-filteredShop"></div> <div class="row pagination"> <a href="#" id="relatedshop-showMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> <!--<div id="filteredShop" class="container block-grid search-results--content__all sg-mb-10px "> </div>--> <!--<section class="site-section"> <div class="container"> <div class="row pagination"> <a href="#" id="showMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> </section>--> </div> </section> <section class="search-section search-results--content src__offers"> <div class="row"> <div class="col-xs-24 sg-mb-20px"> <div class="column-border-bottom"> <h5 class="text-uppercase">Offers</h5> </div> </div> </div> <div class="row"> <div class="container block-grid search-results--content__all sg-mb-10px" id="filteredOffer-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-matched-offers-head"><span>Matched Results</span></h5> </div> </div> <div class="col-xs-24 sg-mb-20px" id="filteredOffer"></div> <div class="row pagination"> <a href="#" id="offershowMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> <!--<div id="filteredOffer" class="col-xs-24 sg-mb-20px"></div>--> <div class="container block-grid search-results--content__all sg-mb-10px hidden" id="related-filteredOffer-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-related-offers-head"><span>Related Results</span></h5> </div> </div> <div class="col-xs-24 sg-mb-20px" id="related-filteredOffer"></div> <div class="row pagination"> <a href="#" id="related-offershowMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> </div> </section> <section class="search-section search-results--content src__events"> <div class="row"> <div class="col-xs-24 sg-mb-20px"> <div class="column-border-bottom"> <h5 class="text-uppercase">Events</h5> </div> </div> </div> <div class="row"> <div class="container block-grid search-results--content__all sg-mb-10px" id="filteredEvent-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-matched-events-head"><span>Matched Results</span></h5> </div> </div> <div class="col-xs-24 sg-mb-20px" id="filteredEvent"></div> <div class="row pagination"> <a href="#" id="eventshowMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> <!--<div id="filteredEvent" class="col-xs-24 sg-mb-40px"></div>--> <div class="container block-grid search-results--content__all sg-mb-10px hidden" id="related-filteredEvent-parent"> <div class="row"> <div class="col-xs-24"> <h5 class="text-center text-uppercase bordered" id="top-srch-related-events-head"><span>Related Results</span></h5> </div> </div> <div class="col-xs-24 sg-mb-20px" id="related-filteredEvent"></div> <div class="row pagination"> <a href="#" id="related-eventshowMore" style="text-decoration:none !important;" target="_self" class="pagination__txt">Load more</a> </div> </div> </div> </section> <section class="search-section search-preloading"> <div class="row"> <div class="col-xs-24 sg-mb-20px" id="search-results-preloading"></div> </div> </section> <!-- links --> <section class="search-section"> <div class="row"> <div class="col-xs-24"> <h3 class="text-center hidden-xs">Haven't found what you're looking for?</h3> <h2 class="text-center visible-xs">Haven't found what you're looking for?</h2> </div> </div> <div class="row text-center reset-margin"> <a href="#site-search" id="main-top-srch-refine-srch" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase sg-mt-20px sg-mb-40px" target="_self" style="color: #000; border: 1px solid #000;" data-scroll-to>Refine search <i class="arrow"></i></a> <a href="#site-search" id="main-top-srch-srch-again" class="btn btn-primary-transparent btn-primary-transparent--diap-sm text-uppercase sg-mt-20px sg-mb-40px hidden" target="_self" style="color: #000; border: 1px solid #000;" data-scroll-to>Search again <i class="arrow"></i></a> </div> </section> <!-- top searches --> <section class="search-section top-searches"> <div class="row"> <div class="col-xs-24 sg-mb-20px"> <h3 class="text-center">Featured Search</h3> </div> </div> <div class="row"> <div class="col-xs-24 sg-mb-20px"> <div class="panel-card"> <article> <figure> <a href="/en/shop/cartier-fashion-avenue"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/files/store/elevatedPic/56c184eda3357.png.optimized.jpg" data-alt="Cartier"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Cartier</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Founded in 1847 by Louis Francois Cartier, the House of Cartier has been producing pieces with a unity of style for generations, no matter the differences in artistic expression.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/cartier-fashion-avenue">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/cartier-fashion-avenue">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/chanel"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net" data-alt="Chanel"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Chanel</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">“I want to be part of what happens” – Mademoiselle Chanel This aspiration, coupled with a visionary mind, has made Chanel a unique brand.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/chanel">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/chanel">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/christian-louboutin-1"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic3/5b8e24ec14d01.jpg" data-alt="Christian Louboutin"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Christian Louboutin</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Christian Louboutin established his business in the heart of Paris in 1991, first with a collection for Women followed by a Men’s collection a few years later, both recognizable by the signature red lacquered sole. 2014 welcomed the launch of Christian Louboutin Beauté. With a prolific collection of women’s and men’s shoes, handbags and small leather goods. Christian Louboutin now has 145 boutiques available around the world.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/christian-louboutin-1">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/christian-louboutin-1">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/graff"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/uploads/store/elevatedPic3/66f5448d8d149.jpg" data-alt="Graff"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Graff</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Our story unfolds over six decades—driven by the pursuit of craft, a fixation with detail, and a devotion to beauty. Since Laurence Graff OBE established our company in London in 1960, his fascination with the emotional power of gemstones has transformed Graff into a global hallmark of innovation, creativity, and craftsmanship. While our Graff store is under renovation to provide an even better experience, we invite you to visit our new temporary pop up location in Fashion Avenue, where you can continue to experience our legacy firsthand.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/graff">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/graff">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/harry-winston-1"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/files/store/elevatedPic/569c9b0097cae.png.optimized.jpg" data-alt="Harry Winston"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Harry Winston</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Founded in New York City in 1932, the brand continues to set the standard as the “King of Diamonds” in fine jewelry and high-end watchmaking.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/harry-winston-1">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/harry-winston-1">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/level-shoes"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/uploads/offer/elevatedPic3/612e38f171056.jpg" data-alt="Level Shoes"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Level Shoes</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Level Shoes is the world's largest luxury shoe store spanning over 96,000 square feet with over 200+ global brands inclusive of adidas, Axel Arigato, Amina Muaddi, Burberry, Jacquemus, Malone Souliers, Nike and many more, as well as 23 designer boutiques, such as Chanel, Louis Vuitton, Christian Dior and Saint Laurent. With a range of services spanning from personalisation to an in-store foot spa, Level Shoes has a dedicated Concierge Team to support with personal shopping requests, VAT processing and regional deliveries.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/level-shoes">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/level-shoes">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/van-cleef"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/uploads/store/elevatedPic3/66f106cdc7930.jpg" data-alt="Van Cleef & Arpels"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Van Cleef & Arpels</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Founded at Paris’ 22 Place Vendôme in 1906, Van Cleef & Arpels is a High Jewelry Maison that perpetuates a distinctive style that has produced numerous signatures</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/van-cleef">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/van-cleef">Find out more</a> </main> </article> </div> <div class="panel-card"> <article> <figure> <a href="/en/shop/tiffany-0"> <div class="panel-card__img bg-image lazyload sg-mb-10px" data-bgset="https://dynamicassets.azureedge.net/uploads/store/elevatedPic3/66ed3582b1126.jpg" data-alt="Tiffany & Co./ Blue Box Cafe"></div> </a> </figure> <main> <h5 class="text-uppercase sg-mb-5px"><strong>Tiffany & Co.</strong></h5> <div class="sg-mb-5px" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%">Discover the world of Tiffany & Co. like never before – a diamond-inspired façade, exceptional jewelry creations, grand artworks, and the Blue Box café. Capturing the spirit of New York and the region’s rich history, the Dubai Flagship is a celebration of the House’s 187 years legacy and unparalleled craftsmanship.</div> <a class="btn btn-link sg-mb-20px hidden-xs" href="/en/shop/tiffany-0">Find out more</a> <a class="btn btn-default visible-xs sg-mt-20px sg-mb-20px " href="/en/shop/tiffany-0">Find out more</a> </main> </article> </div> </div> </div> </section> </div> </div> <div class="modal-custom-container modal-newsletter-popup" data-newsletter> <div class="modal-custom-container__view"> <div class="display-table"> <div class="display-table-cell col-middle"> <div class="modal-custom-container__box text-center animated fadeInUp"> <a class="modal-custom-close" href="#" data-newsletter-close> <span class="icon-cross"></span> </a> <div class="step-1"> <h3 class="sg-mb-20px">Sign Up to Dubai Mall Newsletter</h3> <p class="sg-mb-20px">Be the first to know about exciting events and new products available at Dubai Mall, delivered straight to your inbox.</p> <form id="newsletter-signup-form" data-parsley-validate novalidate> <div class="input-group newsletter-group sg-mb-40px"> <input type="hidden" name="source" value="website"> <input type="hidden" name="language" value="en"> <input type="email" name="email" data-parsley-type="email" class="form-control" placeholder="Email Address" maxlength="100" autocomplete="off" data-parsley-required="true" data-parsley-required-message="This value is required." data-parsley-type-message="Please enter a valid email address." /> <span class="input-group-btn"> <button class="btn btn-primary text-uppercase" type="submit">Sign Up</button> </span> </div> </form> <p class="text-muted"> <a target="_blank" href="/en/about-us/privacy-policies">Privacy Policy</a> </p> </div> <div class="step-2 hidden"> <h3 class="sg-mb-25px">Congratulations</h3> <p class="sg-mb-30px">You'll be the first to know about Dubai Mall news and updates. In the meantime, why not explore the variety of outstanding stores and entertainment options on our site?</p> <div class="row"> <div class="col-sm-18 col-sm-offset-3"> <a class="btn btn-primary btn-block" id="newsletter_close" href="#" data-newsletter-close> Continue </a> </div> </div> </div> </div> </div> </div> </div> <div class="modal-custom-container__overlay"></div> </div> <style> @media (max-width: 480px) { .sfooter-menu { display:none !important } #footerContainer { display:none !important } .site-footer__content { display:none !important } } /*(1) owl-stage box*/ .owl-carousel .owl-stage { display: flex; } /*(2) the direct div of each element in the owl carousel*/ .owl-item { height: 100%; } .owl-next, .owl-prev { position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media (min-width: 480px) { .owl-next { right: 0; display: flex; margin-top : 0.5% !important; } .owl-prev{ left: 0; display: flex; margin-top : 0.5% !important; } } @media (max-width: 480px) { .owl-next { right: 0; display: flex; } .owl-prev{ left: 0; display: flex; } .owl-slider1 .owl-next { margin-top : 0.5% !important; } .owl-slider1 .owl-prev { margin-top : 0.5% !important; } .owl-slider .owl-next { margin-top : 1% !important; } .owl-slider .owl-prev { margin-top : 1% !important; } } </style> <script defer type="text/javascript" src="https://staticassets.azureedge.net/main/scripts/jquery-3.7.0.min.js?refresh=3"></script> <script defer type="text/javascript" src="https://staticassets.azureedge.net/main/scripts/vendors-new.js?refresh=3"></script> <script defer charset="utf-8" src="https://staticassets.azureedge.net/main/scripts/main.js?refresh=325112024" ></script> <script defer src="https://staticassets.azureedge.net/public-scripts/locale/en.js?refresh=25112024"></script> <script defer type="text/javascript" src="https://staticassets.azureedge.net/main/scripts/joinchat.min.js?refresh=3"></script> <div class="joinchat joinchat--right" data-settings='{"telephone":"97143661630","mobile_only":false,"button_delay":2,"whatsapp_web":true,"qr":false,"message_views":1,"message_delay":5,"message_badge":false,"message_send":"Hello Dubai Mall","message_hash":"55e85552"}'> <div class="joinchat__button"> <div class="joinchat__button__open"></div> <div class="joinchat__button__sendtext">Open chat</div> <svg class="joinchat__button__send" width="60" height="60" viewbox="0 0 400 400" stroke-linecap="round" stroke-width="33"> <path class="joinchat_svg__plain" d="M168.83 200.504H79.218L33.04 44.284a1 1 0 0 1 1.386-1.188L365.083 199.04a1 1 0 0 1 .003 1.808L34.432 357.903a1 1 0 0 1-1.388-1.187l29.42-99.427"/> <path class="joinchat_svg__chat" d="M318.087 318.087c-52.982 52.982-132.708 62.922-195.725 29.82l-80.449 10.18 10.358-80.112C18.956 214.905 28.836 134.99 81.913 81.913c65.218-65.217 170.956-65.217 236.174 0 42.661 42.661 57.416 102.661 44.265 157.316"/> </svg> </div> <div class="joinchat__box"> <div class="joinchat__header"> <svg class="joinchat__wa" width="120" height="28" viewBox="0 0 120 28"><title>WhatsApp</title><path d="M117.2 17c0 .4-.2.7-.4 1-.1.3-.4.5-.7.7l-1 .2c-.5 0-.9 0-1.2-.2l-.7-.7a3 3 0 0 1-.4-1 5.4 5.4 0 0 1 0-2.3c0-.4.2-.7.4-1l.7-.7a2 2 0 0 1 1.1-.3 2 2 0 0 1 1.8 1l.4 1a5.3 5.3 0 0 1 0 2.3zm2.5-3c-.1-.7-.4-1.3-.8-1.7a4 4 0 0 0-1.3-1.2c-.6-.3-1.3-.4-2-.4-.6 0-1.2.1-1.7.4a3 3 0 0 0-1.2 1.1V11H110v13h2.7v-4.5c.4.4.8.8 1.3 1 .5.3 1 .4 1.6.4a4 4 0 0 0 3.2-1.5c.4-.5.7-1 .8-1.6.2-.6.3-1.2.3-1.9s0-1.3-.3-2zm-13.1 3c0 .4-.2.7-.4 1l-.7.7-1.1.2c-.4 0-.8 0-1-.2-.4-.2-.6-.4-.8-.7a3 3 0 0 1-.4-1 5.4 5.4 0 0 1 0-2.3c0-.4.2-.7.4-1 .1-.3.4-.5.7-.7a2 2 0 0 1 1-.3 2 2 0 0 1 1.9 1l.4 1a5.4 5.4 0 0 1 0 2.3zm1.7-4.7a4 4 0 0 0-3.3-1.6c-.6 0-1.2.1-1.7.4a3 3 0 0 0-1.2 1.1V11h-2.6v13h2.7v-4.5c.3.4.7.8 1.2 1 .6.3 1.1.4 1.7.4a4 4 0 0 0 3.2-1.5c.4-.5.6-1 .8-1.6.2-.6.3-1.2.3-1.9s-.1-1.3-.3-2c-.2-.6-.4-1.2-.8-1.6zm-17.5 3.2l1.7-5 1.7 5h-3.4zm.2-8.2l-5 13.4h3l1-3h5l1 3h3L94 7.3h-3zm-5.3 9.1l-.6-.8-1-.5a11.6 11.6 0 0 0-2.3-.5l-1-.3a2 2 0 0 1-.6-.3.7.7 0 0 1-.3-.6c0-.2 0-.4.2-.5l.3-.3h.5l.5-.1c.5 0 .9 0 1.2.3.4.1.6.5.6 1h2.5c0-.6-.2-1.1-.4-1.5a3 3 0 0 0-1-1 4 4 0 0 0-1.3-.5 7.7 7.7 0 0 0-3 0c-.6.1-1 .3-1.4.5l-1 1a3 3 0 0 0-.4 1.5 2 2 0 0 0 1 1.8l1 .5 1.1.3 2.2.6c.6.2.8.5.8 1l-.1.5-.4.4a2 2 0 0 1-.6.2 2.8 2.8 0 0 1-1.4 0 2 2 0 0 1-.6-.3l-.5-.5-.2-.8H77c0 .7.2 1.2.5 1.6.2.5.6.8 1 1 .4.3.9.5 1.4.6a8 8 0 0 0 3.3 0c.5 0 1-.2 1.4-.5a3 3 0 0 0 1-1c.3-.5.4-1 .4-1.6 0-.5 0-.9-.3-1.2zM74.7 8h-2.6v3h-1.7v1.7h1.7v5.8c0 .5 0 .9.2 1.2l.7.7 1 .3a7.8 7.8 0 0 0 2 0h.7v-2.1a3.4 3.4 0 0 1-.8 0l-1-.1-.2-1v-4.8h2V11h-2V8zm-7.6 9v.5l-.3.8-.7.6c-.2.2-.7.2-1.2.2h-.6l-.5-.2a1 1 0 0 1-.4-.4l-.1-.6.1-.6.4-.4.5-.3a4.8 4.8 0 0 1 1.2-.2 8.3 8.3 0 0 0 1.2-.2l.4-.3v1zm2.6 1.5v-5c0-.6 0-1.1-.3-1.5l-1-.8-1.4-.4a10.9 10.9 0 0 0-3.1 0l-1.5.6c-.4.2-.7.6-1 1a3 3 0 0 0-.5 1.5h2.7c0-.5.2-.9.5-1a2 2 0 0 1 1.3-.4h.6l.6.2.3.4.2.7c0 .3 0 .5-.3.6-.1.2-.4.3-.7.4l-1 .1a21.9 21.9 0 0 0-2.4.4l-1 .5c-.3.2-.6.5-.8.9-.2.3-.3.8-.3 1.3s.1 1 .3 1.3c.1.4.4.7.7 1l1 .4c.4.2.9.2 1.3.2a6 6 0 0 0 1.8-.2c.6-.2 1-.5 1.5-1a4 4 0 0 0 .2 1H70l-.3-1v-1.2zm-11-6.7c-.2-.4-.6-.6-1-.8-.5-.2-1-.3-1.8-.3-.5 0-1 .1-1.5.4a3 3 0 0 0-1.3 1.2v-5h-2.7v13.4H53v-5.1c0-1 .2-1.7.5-2.2.3-.4.9-.6 1.6-.6.6 0 1 .2 1.3.6.3.4.4 1 .4 1.8v5.5h2.7v-6c0-.6 0-1.2-.2-1.6 0-.5-.3-1-.5-1.3zm-14 4.7l-2.3-9.2h-2.8l-2.3 9-2.2-9h-3l3.6 13.4h3l2.2-9.2 2.3 9.2h3l3.6-13.4h-3l-2.1 9.2zm-24.5.2L18 15.6c-.3-.1-.6-.2-.8.2A20 20 0 0 1 16 17c-.2.2-.4.3-.7.1-.4-.2-1.5-.5-2.8-1.7-1-1-1.7-2-2-2.4-.1-.4 0-.5.2-.7l.5-.6.4-.6v-.6L10.4 8c-.3-.6-.6-.5-.8-.6H9c-.2 0-.6.1-.9.5C7.8 8.2 7 9 7 10.7c0 1.7 1.3 3.4 1.4 3.6.2.3 2.5 3.7 6 5.2l1.9.8c.8.2 1.6.2 2.2.1.6-.1 2-.8 2.3-1.6.3-.9.3-1.5.2-1.7l-.7-.4zM14 25.3c-2 0-4-.5-5.8-1.6l-.4-.2-4.4 1.1 1.2-4.2-.3-.5A11.5 11.5 0 0 1 22.1 5.7 11.5 11.5 0 0 1 14 25.3zM14 0A13.8 13.8 0 0 0 2 20.7L0 28l7.3-2A13.8 13.8 0 1 0 14 0z"/></svg> <div class="joinchat__close" title="Close"></div> </div> <div class="joinchat__box__scroll"> <div class="joinchat__box__content"> <div class="joinchat__message">Greetings from Dubai Mall,<br />How may we assist you?</div> </div> </div> </div> <svg style="width:0;height:0;position:absolute"><defs><clipPath id="joinchat__peak_l"><path d="M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z"/></clipPath><clipPath id="joinchat__peak_r"><path d="M0 25.68V0c0 13.23 10.92 15.3 15.97 16.34 1.56.32 1.18 2.34 0 2.34-8.58 0-15.97-.1-15.97 7Z"/></clipPath></defs></svg> </div> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : '538197479698275', xfbml : true, version : 'v2.7' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); // current footer var footer_element = document.getElementById("btnShowGroup"); if(typeof(footer_element) != 'undefined' && footer_element != null){ document.getElementById("btnShowGroup").addEventListener("click", displayMenu); function displayMenu() { var footerContainer = document.getElementById("footerContainer"); if (footerContainer.classList.contains('active')){ footerContainer.className =""; } else { footerContainer.className ="active"; } var scrollingElement = (document.scrollingElement || document.body); scrollingElement.scrollTop = scrollingElement.scrollHeight; } document.getElementById("btnCloseGroup").addEventListener("click", hideMenu); function hideMenu() { var footerContainer = document.getElementById("footerContainer"); footerContainer.className =""; } document.getElementById("footerOverlay").addEventListener("click", hideMenu); } document.addEventListener('DOMContentLoaded', function(){ var myEle = document.getElementById("mobile_app_bar"); if(myEle){ $("#site-collapse-menu").css('margin-top','120px'); } var el = document.getElementById('close_app_notification'); if(el){ el.addEventListener('click', mobileNotification, false); } var elAC = document.getElementById('accept_cookie'); if(elAC){ var checkCookiePolicy = getCookie('CookiePolicy'); console.log("checkCookiePolicy-"+checkCookiePolicy); if(checkCookiePolicy == 1){ //document.getElementById("accept_cookie").style.display = 'none'; var cookieBar = document.getElementById("cookie_bar"); cookieBar.remove(); } elAC.addEventListener('click', cookieAccept, false); } }, false); function mobileNotification() { // $.cookie("mobile_apps", "1", { expires: 0.21 }); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); document.cookie = "mobile_apps"+"="+1+expires+"; path=/"; var mobileBar = document.getElementById("mobile_app_bar"); $("#site-collapse-menu").css('margin-top','50px'); mobileBar.remove(); } function cookieAccept() { //$.cookie("CookiePolicy", "1", { expires: 0.21 }); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); document.cookie = "CookiePolicy"+"="+1+expires+"; path=/"; var cookieBar = document.getElementById("cookie_bar"); cookieBar.remove(); document.getElementById("t38_widget").contentWindow.postMessage('cookieAccepted_true','https://chatbot.emaar.com'); } function getCookie(name) { // Split cookie string and get all individual name=value pairs in an array var cookieArr = document.cookie.split(";"); // Loop through the array elements for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); /* Removing whitespace at the beginning of the cookie name and compare it with the given string */ if(name == cookiePair[0].trim()) { // Decode the cookie value and return return decodeURIComponent(cookiePair[1]); } } // Return null if not found return null; } </script> <link rel="stylesheet" type="text/css" href="https://staticassets.azureedge.net/assets/pdfjs/css/viewer.css?refresh=325112024"> <link rel="resource" type="application/l10n" href="https://staticassets.azureedge.net/assets/pdfjs/locale/locale.properties"> <script defer src="https://staticassets.azureedge.net/assets/pdfjs/pdf.js"></script> <script defer src="https://staticassets.azureedge.net/assets/pdfjs/viewer.js?refresh=325112024"></script> <script type="text/javascript"> document.addEventListener("load", function(){ pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://staticassets.azureedge.net/assets/pdfjs/pdf.worker.js'; }); </script> </body> </html>