Gu铆a de ocio de Madrid - 隆HOLA! Madrid

<!DOCTYPE HTML>     <html lang="es">  <head> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-j8y0ITrvFafF4EkV1mPW0BKm6dp3c+J9Fky22Man50Ofxo2wNe5pT1oZejDH9/Dt" crossorigin="anonymous"> <link rel="stylesheet" href="https://holaocio.vstatics.com/css/owl.carousel.min.css"> <meta name="google-site-verification" content="fP1ouG-Y0p0hHg6TZWeKjP83cIJdqz-WkDlJMwWi3fA"/> <title>Gu铆a de ocio de Madrid - 隆HOLA! Madrid</title> <meta charset="utf-8"> <meta content="width=device-width" name="viewport"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta property="og:title" content="Gu铆a de ocio de Madrid - 隆HOLA! Madrid" /> <meta property="og:description" content="Directorio de ocio: conciertos, mercados, musicales, restaurantes, museos, cocteler铆as..." /><meta name="description" content="Directorio de ocio: conciertos, mercados, musicales, restaurantes, museos, cocteler铆as..." /><meta property="og:url" content="https://www.holamadrid.com" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="HOLA" /> <meta property="og:image" content="https://holaocio.vstatics.com/img/bodashola/logo-ogimage.jpg" /> <link type="text/css" rel="stylesheet" href="https://holaocio.vstatics.com//css/bootstrap.min.4.5.2.css" /> <link rel="canonical" href="https://www.holamadrid.com"/>   <link href="https://holaocio.vstatics.com/v1/dist/css/holaocio-styles.css?revision=20250318173900" rel="stylesheet" />   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Vidaloka&display=swap" rel="stylesheet"> <link href="https://use.typekit.net/rse4nik.css" rel="stylesheet"> <script src="https://kit.fontawesome.com/0cf1c8a0ca.js" crossorigin="anonymous"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> <script src="https://holaocio.vstatics.com//js/popper.min.js"></script> <script type="text/javascript" src="https://holaocio.vstatics.com/v1/dist/js/es/general.js?revision=20250318173900"></script> <script src="https://holaocio.vstatics.com//js/bootstrap.min.4.5.2.js"></script> <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script> <meta name="mobile-web-app-capable" content="yes"> <link rel="shortcut icon" type="image/x-icon" href="https://holaocio.vstatics.com/img/holaocio/favicon.ico" /> <link rel="icon" sizes='196x196' href="https://holaocio.vstatics.com/img/holaocio/touch-icon-196x196.png" /> <link rel="apple-touch-icon-precomposed" sizes='152X152' href="https://holaocio.vstatics.com/img/holaocio/touch-icon-152x152.png" /> <link rel="apple-touch-icon-precomposed" sizes='114x114' href="https://holaocio.vstatics.com/img/holaocio/icon114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes='72x72' href="https://holaocio.vstatics.com/img/holaocio/icon72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes='57x57' href="https://holaocio.vstatics.com/img/holaocio/icon57x57.png" /> <script type="text/javascript" src="//dmp.citiservi.es/dtcheck.js?p=5b1grfox&m=2&sid=9706" async></script> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var gptadslots = []; var googletag = googletag || {cmd:[]}; </script> <script> googletag.cmd.push(function () { var mapping1 = googletag.sizeMapping() .addSize([0, 0], []) .addSize([728, 0], [[728, 200], [728, 90]]) .addSize([970, 0], [[970, 90], [970, 250], [728, 90]]) .build(); var mapping2 = googletag.sizeMapping() .addSize([0, 728], [[300, 250]]) .addSize([729, 0], []) .build(); var mapping3 = googletag.sizeMapping() .addSize([0, 0], [[320, 100], [320, 50], [300, 250]]) .addSize([728, 0], [[728, 200], [728, 90]]) .addSize([970, 0], [[970, 90], [970, 250]]) .build(); if (citiservi.utils.is_mobile()) { // LOS BANNERS DE MOBILE //Adslot 1 declaration gptadslots.push(googletag.defineSlot('/87824813/hola/novias/bodas/home', [[300,250]], 'div-hola-slot-home') .setTargeting('position', ['robapaginas']) .setTargeting('place', ['ATF']) .defineSizeMapping(mapping2) .addService(googletag.pubads())); //Adslot 2 declaration gptadslots.push(googletag.defineSlot('/87824813/hola/novias/bodas/noticias', [[300,250]], 'div-hola-slot-robapaginas') .setTargeting('position', ['robapaginas']) .setTargeting('place', ['ATF']) .defineSizeMapping(mapping2) .addService(googletag.pubads())); } else { // LOS BANNERS DE DESKTOP //Adslot 1 declaration gptadslots.push(googletag.defineSlot('/87824813/hola/novias/bodas/home', [[728,90],[728,200],[970,90],[970,250]], 'div-hola-slot-home') .setTargeting('position', ['megabanner']) .setTargeting('place', ['ATF']) .defineSizeMapping(mapping1) .addService(googletag.pubads())); //Adslot 2 declaration gptadslots.push(googletag.defineSlot('/87824813/hola/novias/bodas/noticias', [[300,250]], 'div-hola-slot-robapaginas') .setTargeting('position', ['robapaginas']) .setTargeting('place', ['ATF']) .defineSizeMapping(mapping2) .addService(googletag.pubads())); } googletag.pubads().collapseEmptyDivs(true); googletag.pubads().enableSingleRequest(); googletag.pubads().enableLazyLoad({ fetchMarginPercent: 500, renderMarginPercent: 100, mobileScaling: 2.0 }); googletag.enableServices(); }); </script> <script type="text/javascript"> // Begin Check vendorConsent cookie var cs_ucfr = ''; function getCmpVendorsCookie(name) { var cookieValue = null; var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length === 2) { cookieValue = parts.pop().split(";").shift(); } return cookieValue; } var vendorConsentsValue = getCmpVendorsCookie('vendorconsents'); if(vendorConsentsValue !== null) { var vendorConsents = JSON.parse(atob(vendorConsentsValue)); if(typeof vendorConsents === 'object' && typeof vendorConsents[77] === "boolean") { if(vendorConsents[77] === true) { cs_ucfr = 1; } else { cs_ucfr = 0; } } } // End Check vendorConsent cookie var _comscore = _comscore || []; var x =({ c1: "2", c2: "6035866",options:{url_append:"comscorekw=fashion"}}); x.cs_ucfr = cs_ucfr; _comscore.push(x); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); (function() { if(typeof(dataLayer)=="object"){ dataLayer.push({event: 'keyword_comscore',eventCategory: 'keyword_comscore',eventAction: 'keyword',eventLabel: 'fashion'}); } })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=6035866&cs_ucfr=1&cv=2.0&cj=1&comscorekw=fashion" /> </noscript> <script type="text/javascript" > (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-K96HDVHK'); </script> <script type="text/javascript"> _atrk_opts = { atrk_acct:"XbAUn1QolK10cv", domain:"hola.com",dynamic: true}; (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(as, s); })(); </script> <noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=XbAUn1QolK10cv" style="display:none" height="1" width="1" alt=""/></noscript> </head> <body> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K96HDVHK" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <header> <nav class="navbar navbar-expand-md flex-column container"> <div class="row justify-content-between align-items-center w-100"> <div class="col-2 pl-0 visible-xs"> </div> <div class="col-8"> <a href="/"> <div class="title-header"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/logotipo.webp" type="image/webp"> <source srcset="https://holaocio.vstatics.com/img/holaocio/logotipo.png" type="image/png"> <img src="https://holaocio.vstatics.com/img/holaocio/logotipo.png" class="img-logo-header img-responsive"> </picture> </div> </a> </div> <div class="col-2 pr-0 pr-md-2"> <div class="row m-0 justify-content-end"> <a href="#menu" class="d-block" id="toggle"> <span></span> <span></span> <span></span> </a> </div> </div> <script> show_login = function(callback) { citiservi.auth.set_callback('success_login', window[callback]); if (!$('#modals-login').html()) { citiservi.utils.do_get({ url: '/1.0/_common/get_split_login_html', success_func: function(response, status) { if (response.status == 200) { $('#modals-login').html(response.html); $('#split_login_modal').modal(); } else { alert('Ha ocurrido un error inesperado. Int茅ntalo de nuevo m谩s tarde.'); } } }); } else { $('#split_login_modal').modal(); } } check_login = function(callback) { citiservi.auth.set_callback('success_logged', function(response) { if (response.logged) window[callback].apply(null); else show_login(callback); }); citiservi.auth.set_callback('error_logged', function () { show_login(callback); }); citiservi.auth.logged("https://www.holamadrid.com/1.0/auth/logged", false); } </script> <div id="mySidenav" class="sidenav"> <a id="close-sidenav"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/close-sidenav.webp" type="image/webp"> <source srcset="https://holaocio.vstatics.com/img/holaocio/close-sidenav.png" type="image/png"> <img src="https://holaocio.vstatics.com/img/holaocio/close-sidenav.png"> </picture> </a> <div class="user-links d-flex align-items-center justify-content-start mb-2"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/user-icon.webp" type="image/webp"> <source srcset="https://holaocio.vstatics.com/img/holaocio/user-icon.png" type="image/png"> <img src="https://holaocio.vstatics.com/img/holaocio/user-icon.png" class="mr-2"> </picture> <a href="#" class="mr-2 login_modal_header">ACCEDE</a> o <a href="#" class="login_modal_header ml-2">REG脥STRATE</a> </div> <ul class="menu"> <li class="has-submenu"> <a href="#" title="Gastro">Gastro</a> <ul class="submenu"> <li><a href="/cafeterias/" title="Cafeter铆as">Cafeter铆as</a></li> <li><a href="/bares/" title="Bares">Bares</a></li> <li><a href="/restaurantes/" title="Restaurantes">Restaurantes</a></li> <li><a href="/pastelerias-y-panaderias/" title="Pasteler铆as y panader铆as">Pasteler铆as y panader铆as</a></li> <li><a href="/mercados/" title="Mercados">Mercados</a></li> <li><a href="/salir/" title="Salir">Salir</a></li> </ul> </li> <li> <a href="/hoteles/" title="Hoteles">Hoteles</a> </li> <li> <a href="/museos-y-galerias/" title="Museos y Galer铆as">Museos y Galer铆as</a> </li> <li class="has-submenu"> <a href="#" title="De Tiendas">De Tiendas</a> <ul class="submenu"> <li><a href="/moda/" title="Moda">Moda</a></li> <li><a href="/decoracion/" title="Decoraci贸n">Decoraci贸n</a></li> <li><a href="/jugueterias/" title="Jugueter铆as">Jugueter铆as</a></li> <li><a href="/libros/" title="Libros">Libros</a></li> </ul> </li> <li><a href="https://www.hola.com/aviso-legal/">Condiciones legales</a></li> <li><a href="https://www.hola.com/politica-de-privacidad/">Pol铆tica de privacidad</a></li> <li><a href="https://www.holamadrid.com/informacion/contactar.html">Contactar</a></li> <li><a href="https://www.hola.com/contacto/cookies/">Pol铆tica de cookies</a></li> <li><a href="https://www.holamadrid.com/informacion/preguntas-frecuentes.html">驴Necesitas ayuda?</a></li> <li><a href="https://www.holamadrid.com/informacion/sobre-guias-hola.html">驴Qui茅nes somos?</a></li> </ul> </div> </div> <aside class="main-Over" data-main-button=""></aside> </nav> <div class="maxi-menu-wrapper d-none d-lg-block w-100"> <div class="maxi-menu"> <ul class="d-flex justify-content-center mt-0 mb-2"> <li class="has-submenu"> <a href="#">GASTRO</a> <div class="submenu-maxi"> <div class="container py-3"> <div class="row"> <div class="col-md-12"> <p class="title-submenu"><a href="/ocio/"><b><u>Gastro</u></b></a></p> <ul class="row"> <li class="col-md-3"><a href="/cafeterias/" title="Cafeter铆as">Cafeter铆as</a></li> <li class="col-md-3"><a href="/bares/" title="Bares">Bares</a></li> <li class="col-md-3"></li> <li class="col-md-3"></li> <li class="col-md-3"><a href="/restaurantes/" title="Restaurantes">Restaurantes </a></li> <li class="col-md-3"><a href="/pastelerias-y-panaderias/" title="Pasteler铆as y panader铆as">Pasteler铆as y Panader铆as</a></li> <li class="col-md-3"></li> <li class="col-md-3"></li> <li class="col-md-3"><a href="/mercados/" title="Mercados">Mercados</a></li> <li class="col-md-3"><a href="/salir/" title="Salir">Salir</a></li> </ul> </div> </div> </div> </li> <li> <a href="/hoteles/">HOTELES</a> </li> <li> <a href="/museos-y-galerias/">MUSEOS Y GALER脥AS</a> </li> <li> <a href="#">DE TIENDAS</a> <div class="submenu-maxi"> <div class="container py-3"> <div class="row"> <div class="col-md-12"> <p class="title-submenu"><a href="/ocio/"><b><u>De Tiendas</u></b></a></p> <ul class="row"> <li class="col-md-3"><a href="/moda/" title="Moda">Moda</a></li> <li class="col-md-3"><a href="/decoracion/" title="Decoraci贸n">Decoraci贸n</a></li> <li class="col-md-3"></li> <li class="col-md-3"></li> <li class="col-md-3"><a href="/jugueterias/" title="Jugueter铆as">Jugueter铆as </a></li> <li class="col-md-3"><a href="/libros/" title="Libros">Libros</a></li> </ul> </div> </div> </div> </li> </ul> </div> </div> <script> $(".ancla").click(function(evento){ evento.preventDefault(); var codigo = "#" + $(this).data("ancla"); $("html,body").animate({scrollTop: $(codigo).offset().top-80}, 2000); }); </script> </header> <div id="modals-login-header"></div> <script type="text/javascript"> $(function() { $('#toggle').click(function() { $(this).toggleClass("on"); }); $('#toggle').click(function() { $("#mySidenav").toggleClass("show"); }); $('.menu li.has-submenu a').click(function() { $(this).toggleClass("show"); }); $("#close-sidenav").click(function(){ $("#mySidenav").removeClass("show"); }); $("#close-sidenav").click(function(){ $(".menu li.has-submenu a.show").removeClass("show"); }); $("#donde").click(function(){ $("#search-box").toggleClass("show"); $('#vestido, .wrapper .container .rounded-items+.row div, .scrollx-list div, .ideas, .inspirate').css('z-index','-1'); }); $("#search-box ul li a").click(function(){ $("#search-box").toggleClass("show"); }); $("#close-search-box").click(function(){ $("#search-box").toggleClass("show"); $('#vestido, .wrapper .container .rounded-items+.row div, .scrollx-list div, .ideas, .inspirate').css('z-index','initial'); }); $("#search-box ul li span.arrow").click(function(){ $(this).toggleClass("show"); }); $(".description-wrapper").click(function(){ $(this).toggleClass("show"); }); $('.selectpicker').selectpicker(); }) $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 145) { $("header").addClass("sticky-header"); } else { $("header").removeClass("sticky-header"); } }); var totalItemsPop = $('#bodas-carousel .carousel-item').length; $('#bodas-carousel').on('slide.bs.carousel', function() { setTimeout(function(){ currentIndexPop = $('#bodas-carousel .carousel-item.active').index() + 1; $('#carousel-counter').html('' + currentIndexPop + '/' + totalItemsPop + ''); }, 1000); }); $(document).ready(function() { $('a.login_modal_header').on('click', function() { var callback = function(response){ window.location = response.user_role == 5 ? "https://www.holamadrid.com/" : "https://www.holamadrid.com/" }; citiservi.auth.set_callback('success_login', callback); if (!$('#modals-login-header').html()) { citiservi.utils.do_get({ url: '/1.0/_common/get_split_login_html', success_func: function(response, status) { if (response.status == 200) { $('#modals-login-header').html(response.html); $('#split_login_modal').addClass("show"); $('#split_login_modal .modal-header button.close').attr("id", "close-login"); $('#split_login_modal .modal-header button.close').attr("onclick", "$('#split_login_modal').removeClass('show')"); $('.social-logion-options h4').remove(); $('#modal-body-login #login_form > .form-group > .col-sm-9 > input#email').attr('placeholder',"Correo Electr贸nico"); $('#modal-body-login #login_form > .form-group > .col-sm-9 > input#password').attr('placeholder',"Contrase帽a"); $('.social-logion-options h6').text("Puedes iniciar sesi贸n con tu red social favorita"); } else { alert('Ha ocurrido un error inesperado. Int茅ntalo de nuevo m谩s tarde.'); } } }); } else { $('#split_login_modal').addClass("show"); } }); }); </script> <main class="wrapper"> <div class="align-items-center text-center mb-2" > <h1 class="cmga-title">La mejor gu铆a de la ciudad</h1> </div> <div class="jumbotron d-flex align-items-center text-center mb-2" id="jumbotron-home" > <div class="container"> <div class="row justify-content-center flex-column align-items-center"> <div class="col-md-6 col-lg-5"> </div> <div class="col-md-8 col-lg-6 mt-3 mt-md-0"> <form id="search-jumbotron" name="search" method="get" autocomplete="off" action="https://www.holamadrid.com/ocio/buscar" id="form_search" class="d-flex flex-md-no-wrap"> <input class="form-control cmga cormorant-garamond-bold" id="donde" type="text" id="what" name="what" value="" placeholder="驴Qu茅 buscas?" aria-label="Que"> <div class="search-box py-0 py-md-3" id="search-box"> <div class="row my-3 d-md-none"> <div class="col-12"> <a id="close-search-box" class="float-right"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/close-sidenav.webp" type="image/webp"> <source srcset="https://holaocio.vstatics.com/img/holaocio/close-sidenav.png" type="image/png"> <img src="https://holaocio.vstatics.com/img/holaocio/close-sidenav.png"> </picture> </a> </div> </div> <div class="row"> <div class="col-md-6 pr-md-3"> <ul class="search-list"> <li class="has-child"><a href="#">GASTRO</a><span class="arrow"></span> <ul class="search-sublist"> <li><a href="/cafeterias/">Cafeter铆as</a></li> <li><a href="/bares/">Bares</a></li> <li><a href="/restaurantes/">Restaurantes</a></li> <li><a href="/mercados/">Mercados</a></li> <li><a href="/salir/">Salir</a></li> </ul> </li> </ul> </div> <div class="col-md-6 pr-md-3"> <ul class="search-list"> <li><a href="/hoteles/">HOTELES</a></li> <li><a href="/museos-y-galerias/">MUSEOS Y GALERIAS</a></li> <li class="has-child"><a href="#">DE TIENDAS</a><span class="arrow"></span> <ul class="search-sublist"> <li><a href="/moda/">Moda</a></li> <li><a href="/decoracion/">Decoraci贸n</a></li> </ul> </li> </ul> </div> </div> </div> <input class="form-control d-none d-md-block cmga cormorant-garamond-bold" type="text" id="where" name="where" value="" placeholder="驴D贸nde?" aria-label="Donde"> <button type="submit" class="btn btn-search"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/search.webp" type="image/webp"> <source srcset="https://holaocio.vstatics.com/img/holaocio/search.png" type="image/png"> <img src="https://holaocio.vstatics.com/img/holaocio/search.png"> </picture> </button> </form> </div> </div> </div> </div> <div class="container"> <div class="rounded-items d-flex flex-wrap justify-content-center mx-0 my-4 m-md-4" style="margin-left: 40px!important;"> <div class="rounded-item mr-5 mb-3"> <a class="image-rounded bordered" href="/restaurantes/"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/RESTAURANTES.jpg" type="image/jpeg"> <img width="200" src="https://holaocio.vstatics.com/img/holaocio/RESTAURANTES.jpg" > </picture> </a> <a href="/restaurantes/" class="d-block text-center mt-1"><h2 class="as_h2_menu">RESTAURANTES</h2></a> </div> <div class="rounded-item mr-5 mb-3"> <a class="image-rounded bordered" href="/bares/"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/COCTELERIAS.png" type="image/png"> <img width="200" src="https://holaocio.vstatics.com/img/holaocio/COCTELERIAS.png" > </picture> </a> <a href="/bares/" class="d-block text-center mt-1"><h2 class="as_h2_menu">BARES</h2></a> </div> <div class="rounded-item mr-5 mb-3"> <a class="image-rounded bordered" href="/de-tiendas/"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/DETIENDAS.jpg" type="image/jpeg"> <img width="200" src="https://holaocio.vstatics.com/img/holaocio/DETIENDAS.jpg" > </picture> </a> <a href="/de-tiendas/" class="d-block text-center mt-1"><h2 class="as_h2_menu">DE TIENDAS</h2></a> </div> <div class="rounded-item mr-5 mb-3"> <a class="image-rounded bordered" href="/salir/"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/SALIR.png" type="image/png"> <img width="200" src="https://holaocio.vstatics.com/img/holaocio/SALIR.png" > </picture> </a> <a href="/salir/" class="d-block text-center mt-1"><h2 class="as_h2_menu">SALIR</h2></a> </div> <div class="rounded-item mr-5 mb-3"> <a class="image-rounded bordered" href="/hoteles/"> <picture> <source srcset="https://holaocio.vstatics.com/img/holaocio/HOTELES.png" type="image/png"> <img width="200" src="https://holaocio.vstatics.com/img/holaocio/HOTELES.png" > </picture> </a> <a href="/hoteles/" class="d-block text-center mt-1"><h2 class="as_h2_menu">HOTELES</h2></a> </div> </div> <div class="row mt-4 mb-4"> <div class="col-md-12 mt-3 text-center"> <span class="text-md-center cmga-title-regular lh-40">NUESTROS </br> IMPRESCINDIBLES</span> <form id="filter" class="d-block d-md-table m-md-auto"> <p id="geo_name" class="d-none"></p> <select class="selectpicker" data-live-search="true"> <option disabled selected>CERCA DE...</option> <option value="84" data-tokens="Barrio de Salamanca">Barrio de Salamanca</option> <option value="84" data-tokens="Chamber铆">Chamber铆</option> <option value="84" data-tokens="Chueca">Chueca</option> <option value="84" data-tokens="Lavapies">Lavapies</option> <option value="84" data-tokens="Retiro">Retiro</option> </select> <span><i class="fas fa-map-marker-alt"></i></span> <button type="button" id="editRegion">Editar</button> </form> <div class="row my-2 my-md-5 carousel-premium-home d-none scrollx-list"> <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0 list-item"> <div class="card-wrapper text-left"> <a href=""><img src="" class="img-fluid mx-auto d-block" alt="img1"></a> <p class="title-card cormorant-garamond-semibold"> <br><span>premium</span></p> <ul class="stars list-unstyled mt-0 d-flex justify-content-start"> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> </ul> <div class="card-tags"><span class="tag"></span><span class="region"> </span></div> <div class="card-content"> <p></p> </div> <a href="" class="more-link">M谩s Info</a> </div> </div> <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0 list-item"> <div class="card-wrapper text-left"> <a href=""><img src="" class="img-fluid mx-auto d-block" alt="img1"></a> <p class="title-card cormorant-garamond-semibold">, <br></p> <ul class="stars list-unstyled mt-0 d-flex justify-content-start"> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> </ul> <div class="card-tags"><span class="tag"></span><span class="region"> </span></div> <div class="card-content"> <p></p> </div> <a href="" class="more-link">M谩s Info</a> </div> </div> <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0 list-item"> <div class="card-wrapper text-left"> <a href=""><img src="" class="img-fluid mx-auto d-block" alt="img1"></a> <p class="title-card cormorant-garamond-semibold">, <br></p> <ul class="stars list-unstyled mt-0 d-flex justify-content-start"> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> </ul> <div class="card-tags"><span class="tag"></span><span class="region"> </span></div> <div class="card-content"> <p></p> </div> <a href="" class="more-link">M谩s Info</a> </div> </div> <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0 list-item"> <div class="card-wrapper text-left"> <a href=""><img src="" class="img-fluid mx-auto d-block" alt="img1"></a> <p class="title-card cormorant-garamond-semibold">, <br></p> <ul class="stars list-unstyled mt-0 d-flex justify-content-start"> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> <li><span class="active"><i class="fas fa-star" aria-hidden="true"></i></span></li> </ul> <div class="card-tags"><span class="tag"></span><span class="region"> </span></div> <div class="card-content"> <p></p> </div> <a href="" class="more-link">M谩s Info</a> </div> </div> </div> <a href="https://www.holamadrid.com/ocio/" class="btn btn-light btn-text-dark text-dark d-table mt-5 mx-auto">M脕S PROVEEDORES</a> </div> </div> <script> $(document).ready(function(){ $('#filter .dropdown-menu li a').on('click', function(e){ e.preventDefault(); companies_home('Madrid', $(this).attr('data-tokens')) }) function decode_utf8( s ) { try { return decodeURIComponent( escape( s ) ); } catch (err) { return s; } } function offers_home(region = null) { if (region != null) { url = '/carrusel-widget?v='+Math.random()+'&r='+region } else { url = '/carrusel-widget?v='+Math.random() } /** SHUFFLE OFFERS HOME **/ $.ajax({ type : 'GET', url : url, async : true, success : function(data) { offers = JSON.parse(data.offers,true) $( ".carousel-premium-home .card-wrapper" ).each(function(index,element) { href = offers[index].url; $(element).children("a").attr("href", href) src = offers[index].src; $(element).children("a").children("img").attr("src",src) $(element).children("p").html(offers[index].name+" <br><span>premium</span>"); $(element).children("div.card-tags").children(".tag").text(offers[index].category); $(element).children("div.card-content").children("p").html(decode_utf8(offers[index].description)); $(element).children('.stars').empty() for (pos = 1;pos <= 5; pos++) { if (pos <= offers[index].rating) { $(element).children('.stars').append('<li><span class="active"><i class="fas fa-star"></i></span></li>') } else if (pos > offers[index].rating) { $(element).children('.stars').append('<li><span ><i class="fas fa-star"></i></span></li>') } } }); $('.carousel-premium-home').removeClass('d-none'); }, error : function(request, status, error) { }, }); }; function companies_home(region = null, geotag = null) { if (region != null) { url = '/carrusel-widgetc?v='+Math.random()+'&r='+region + '&gtag='+geotag } else { url = '/carrusel-widgetc?v='+Math.random() } /** SHUFFLE OFFERS HOME **/ $.ajax({ type : 'GET', url : url, async : true, success : function(data) { companies = JSON.parse(data.companies,true) $( ".carousel-premium-home .card-wrapper" ).each(function(index,element) { href = companies[index].url; $(element).children("a").attr("href", href) src = companies[index].src; $(element).children("a").children("img").attr("src",src) $(element).children("p").html(companies[index].name); $(element).children("div.card-tags").children(".tag").text(companies[index].category); $(element).children("div.card-content").children("p").html(decode_utf8(companies[index].description)); $(element).children('.stars').empty() for (pos = 1;pos <= 5; pos++) { if (pos <= companies[index].rating) { $(element).children('.stars').append('<li><span class="active"><i class="fas fa-star"></i></span></li>') } else if (pos > companies[index].rating) { $(element).children('.stars').append('<li><span ><i class="fas fa-star"></i></span></li>') } } }); $('.carousel-premium-home').removeClass('d-none'); }, error : function(request, status, error) { }, }); /** FIN SHUFFLE **/ }; offers_home(); }); </script> <div class="row mt-5 pt-3"> <div class="ideas gastro col-md-12"> <span class="cmga-title-regular d-block cormorant-garamond-light text-md-center mb-4"><img src="https://holaocio.vstatics.com/img/holaocio/marca.png"/>GASTRO</span> <div class="row mt-3 mb-5 scrollx-list"> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> </div> </div> </div> <div class="row mt-5"> <div class="col-md-12 text-center"> <a href="https://suscripciones.hola.com/publicaciones/publicaciones-hola-madrid/31005" target="_blank"> <img class="desktop-banner" src="https://holaocio.vstatics.com/img/holaocio/banner.png" /> <img class="w-100 mobile-banner" src="https://holaocio.vstatics.com/img/holaocio/banner-mobile.png" /> </a> </div> </div> <div class="row mx-0 my-3 justify-content-center" id='div-hola-slot-home'> <script> googletag.cmd.push(function() { googletag.display('div-hola-slot-home'); }); </script> </div> <div class="container"> <div class="row mt-5 pt-3"> <div class="ideas escapadas col-md-12"> <span class="cmga-title-regular d-block cormorant-garamond-light text-md-center mb-4"><img src="https://holaocio.vstatics.com/img/holaocio/marca.png"/>ESCAPADAS</span> <div class="row mt-3 mb-5 scrollx-list"> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> </div> </div> </div> <div class="ideas de-tiendas"> <span class="cmga-title-regular d-block cormorant-garamond-light text-md-center" id="bodas"><img src="https://holaocio.vstatics.com/img/holaocio/marca.png"/>DE TIENDAS</span> <span class="text-md-center cormorant-garamond-light span_as_h text-uppercase font-primary ">DESCUBRE POR QU脡 NOS HAN CONQUISTADO</span> <div class="row mt-3 mb-5 scrollx-list"> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a> </div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> <div class="col-12 col-md-3 mb-3 mb-mb-0 list-item"> <div class="card-wrapper"> <div class="img-content"> <a href=""><img width="350px" src="" class="img-fluid mx-auto d-block" alt="img1"></a></div> <h3 class="title-card as_h1"><a class="black-color-i" href=""></a></h3> </div> </div> </div> </div> <a href="https://www.holamadrid.com/de-tiendas/" class="btn btn-light btn-text-dark text-dark d-table mt-3 mx-auto">DIRECCIONES</a></div> </div> <script> $(document).ready(function(){ $.ajax({ type : 'GET', url : 'https://www.hola.com/feeds/rss/any/tags_de-tiendas-madrid/any/50.xml', async : true, success : function(data) { var items = $(data).find('item'); $( ".de-tiendas .card-wrapper" ).each(function(index,element) { if (index < items.length) { var item = items.eq(index); var title = item.find('title').text(); var link = item.find('link').text(); var image = item.find('enclosure').attr('url'); var description = item.find('description').text(); $(element).find("a img").attr("src", image); $(element).find("h3 a").text(title); $(element).find("h3 a").attr("href", link); $(element).find("div a").attr("href", link); $(element).find("a").attr("href", link); } }); }, error : function(request, status, error) { }, }); $.ajax({ type : 'GET', url : 'https://www.hola.com/feeds/rss/any/tags_gastro-madrid/any/50.xml', async : true, success : function(data) { var items = $(data).find('item'); $( ".gastro .card-wrapper" ).each(function(index,element) { if (index < items.length) { var item = items.eq(index); var title = item.find('title').text(); var link = item.find('link').text(); var image = item.find('enclosure').attr('url'); var description = item.find('description').text(); $(element).find("a img").attr("src", image); $(element).find("h3 a").text(title); $(element).find("h3 a").attr("href", link); $(element).find("div a").attr("href", link); $(element).find("a").attr("href", link); } }); }, error : function(request, status, error) { }, }); $.ajax({ type : 'GET', url : 'https://www.hola.com/feeds/rss/any/tags_escapadas-madrid/any/50.xml', async : true, success : function(data) { var items = $(data).find('item'); $( ".escapadas .card-wrapper" ).each(function(index,element) { if (index < items.length) { var item = items.eq(index); var title = item.find('title').text(); var link = item.find('link').text(); var image = item.find('enclosure').attr('url'); var description = item.find('description').text(); $(element).find("a img").attr("src", image); $(element).find("h3 a").text(title); $(element).find("h3 a").attr("href", link); $(element).find("div a").attr("href", link); $(element).find("a").attr("href", link); } }); }, error : function(request, status, error) { }, }); function shuffle(array) { var currentIndex = array.length, randomIndex; // While there remain elements to shuffle... while (0 !== currentIndex) { // Pick a remaining element... randomIndex = Math.floor(Math.random() * currentIndex); currentIndex--; // And swap it with the current element. [array[currentIndex], array[randomIndex]] = [ array[randomIndex], array[currentIndex]]; } return array; } $.each(shuffle($(".bodas-list")),function(index,value){ if(index <= 3) { $(this).show() } }) if (citiservi.utils.is_mobile()) { $("#donde").attr('readonly','true'); } function quitarAcentos(cadena){ const acentos = {'谩':'a','茅':'e','铆':'i','贸':'o','煤':'u','脕':'A','脡':'E','脥':'I','脫':'O','脷':'U'}; return cadena.split('').map( letra => acentos[letra] || letra).join('').toString(); } }) pathimage = "https://images.hola.com/imagenes/"; </script> </div> </main> <footer class="py-5"> <div class="container"> <div class="row"> <div class="col-md-4 mb-3 mb-md-0"> <p class="title-footer font-primary"><a href="#toggle-1" data-toggle="collapse">AYUDA Y ATENCI脫N AL USUARIO</a></p> <ul id="toggle-1" class="content-collapsible collapse show"> <li><a href="https://www.holamadrid.com/informacion/contactar.html"title="Preg煤ntanos">Preg煤ntanos</a></li> <li><a href="https://www.holamadrid.com/informacion/preguntas-frecuentes.html" title="Preguntas frecuentes">Preguntas frecuentes</a></li> <li><a href="https://www.holamadrid.com/informacion/sobre-guias-hola.html" title="Sobre Gu铆a 隆HOLA! Madrid">Sobre Gu铆a 隆HOLA! Madrid</a></li> </ul> </div> <div class="col-md-4 mb-3 mb-md-0"> <p class="title-footer font-primary"><a href="#toggle-2" data-toggle="collapse">CUIDAMOS TU PRIVACIDAD</a></p> <ul id="toggle-2" class="content-collapsible collapse show"> <li><a href="https://www.hola.com/aviso-legal/" title="Aviso Legal">Aviso Legal</a></li> <li><a href="https://www.hola.com/politica-de-privacidad/" title="Pol铆tica de Privacidad">Pol铆tica de Privacidad</a></li> <li><a href="https://www.hola.com/contacto/cookies/" title="Pol铆tica de Cookies">Pol铆tica de Cookies</a></li> </ul> </div> <div class="col-md-4 mb-3 mb-md-0"> <p class="title-footer font-primary"><a href="#toggle-3" data-toggle="collapse">PROVEEDORES GU脥AS HOLA</a></p> <ul id="toggle-3" class="content-collapsible collapse show"> <li><a href="https://www.holamadrid.com/ocio/" title="Planes">Planes</a></li> <li><a href="https://www.holamadrid.com/informacion/empresas" title="Contacto nuevo proveedor">Contacto nuevo proveedor</a></li> </ul> </div> </div> <p class="font-primary colabora"> Empresa Colaboradora <span>Citiservi Europe S.L</span></p> </div> </footer> </body> <script> </script> </html>

CINXE.COM

Gu铆a de ocio de Madrid - 隆HOLA! Madrid