The Basilica of La Sagrada Familia, by Gaudí. Barcelona

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <script type="text/javascript"> var texto = "(Opens in a new window)"; </script> <link rel='manifest' href='/manifest.json?loc=en'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>The Basilica of La Sagrada Familia, by Gaudí. Barcelona | spain.info</title> <meta name="description" content='Discover the history and contact information of the Basilica of La Sagrada Familia. Modernisme (Art Nouveau). Check out what to see in Barcelona | spain.info'/> <meta property="fb:app_id" content="435706789795019"/> <meta property="og:title" content="The Basilica of La Sagrada Familia, by Gaudí. Barcelona | spain.info"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.spain.info/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg"/> <meta property="og:site_name" content="Spain.info"/> <meta property="og:description" content='Discover the history and contact information of the Basilica of La Sagrada Familia. Modernisme (Art Nouveau). Check out what to see in Barcelona | spain.info'/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@spain"/> <meta name="twitter:description" content='Discover the history and contact information of the Basilica of La Sagrada Familia. Modernisme (Art Nouveau). Check out what to see in Barcelona | spain.info'/> <meta name="twitter:title" content="The Basilica of La Sagrada Familia, by Gaudí. Barcelona | spain.info"/> <meta name="twitter:image" content="https://www.spain.info/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg"/> <link rel="alternate" href="https://www.spain.info/de/highlights/sagrada-familia/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/dostoprimechatelnosti/sagrada-familiia/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/meisho/sagurada-famiria/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/places-of-interest/sagrada-familia/" hreflang="en"/> <link rel="canonical" href="https://www.spain.info/en/places-of-interest/sagrada-familia/"/> <link rel="alternate" href="https://www.spain.info/pt_BR/lugares-interesse/sagrada-familia/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/siti-interesse/sagrada-familia/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/ciekawe-miejsca/sagrada-familia/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/curiosites/sagrada-familia/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/lugares-interes/sagrada-familia/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/en/places-of-interest/sagrada-familia/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> <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-N7W4FXW');</script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/lugares-interes/sagrada-familia/', 'tipo-recurso': 'Recurso final', 'tipo-plantilla': 'Monumento', 'detalle': 'Basílica de la Sagrada Familia', 'comunidad': 'Cataluña ', 'provincia': 'Barcelona ', 'municipio': 'Barcelona ', 'zona-turistica': 'Tras las huellas de Miró ', 'category': 'Arte y cultura', 'objetivo': 'Diversificación motivacional;Reposicionar imagen en mercados maduros', 'eje-primario': 'Que hacer', 'eje-secundario': 'Arte y cultura' }); </script> <div id="fb-root"></div> <script>(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/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/en/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Spain's official tourism website</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Search'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container">  <button class="icon-close" aria-label='Close'><span></span></button> <form action="/en/search-results/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Search" xml:lang="es" class="sr-only">Search</label> <input name="q" class="form-control input-visible" type="search" placeholder="Search" aria-label="Search"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Search"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Where to go</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Discover</strong> our destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/en/destination/barcelona/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelona</a> </li> <li> <a href="/en/destination/valencia/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valencia</a> </li> <li> <a href="/en/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Seville</a> </li> <li> <a href="/en/destination/zaragoza/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Zaragoza</a> </li> <li> <a href="/en/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/en/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/en/destination/santiago-compostela/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santiago de Compostela</a> </li> <li> <a href="/en/destination/salamanca/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanca</a> </li> <li> <a href="/en/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/en/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/en/region/canary-islands/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Canary Islands</a> </li> <li> <a href="/en/region/balearic-islands/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Balearic Islands</a> </li> <li> <a href="/en/destinations/" class="dropdown-item d-block d-customdk-none">See all the destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/en/search-results/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Search destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="SEARCH OTHER DESTINATIONS" aria-label="SEARCH OTHER DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="SEARCH OTHER DESTINATIONS"> </fieldset> </form> <a href="/en/destinations/" class="btn btn-dark text-uppercase">See all the destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu">  <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="en" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div>  </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>What to do</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Activities</strong> to suit all tastes</p></div> <hr> </div> <a class="dropdown-item" href="/en/art-culture/" title="Go to: Art and culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art and culture" title="Art and culture" /> <span>Art and culture</span> </a> <a class="dropdown-item" href="/en/coasts-beaches/" title="Go to: Coasts and beaches"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Coasts and beaches" title="Coasts and beaches" /> <span>Coasts and beaches</span> </a> <a class="dropdown-item" href="/en/cities/" title="Go to: Urban tourism"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Urban tourism" title="Urban tourism" /> <span>Urban tourism</span> </a> <a class="dropdown-item" href="/en/nature/" title="Go to: Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/en/gastronomy-wine-tourism/" title="Go to: Food and wine"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Food and wine" title="Food and wine" /> <span>Food and wine</span> </a> <a class="dropdown-item" href="/en/adventure-sports/" title="Go to: Sport and adventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport and adventure" title="Sport and adventure" /> <span>Sport and adventure</span> </a> <a class="dropdown-item" href="/en/shopping/" title="Go to: Shopping"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/en/routes/" title="Go to: Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Plan your trip</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Book</strong> your trip to Spain.</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/about-spain/" id="info-1" class="dropdown-item active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>About Spain</a> </li> <li> <a href="/en/info/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Practical information</a> </li> <li> <a href="/en/how-to-get-there/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>How to get to Spain</a> </li> <li> <a href="/en/getting-around/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Getting around Spain</a> </li> <li> <a href="/en/activities/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Book your experiences</a> </li> <li> <a href="/en/route-planner/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Route planner</a> </li> <li> <a href="/en/brochures/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Download brochures</a> </li> <li> <a href="/en/weather/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>The weather</a> </li> <li> <a href="/en/travel-tips/visa-passport/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa and passport</a> </li> <li> <a href="https://sustainability.spain.info/en/" id="info-10" title="Go to: Sustainability in Spain" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sustainability in Spain</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/en/about-spain/" title="Go to: About Spain" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="About Spain" title="About Spain"/> <div class="card-body"> <p class="title text-uppercase">About Spain</p> <p class="card-text mb-0">Data and interesting facts about the country, its culture, nature, gastronomy and population.</p> </div> </a> <a href="/en/info/" title="Go to: Practical information" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Practical information" title="Practical information"/> <div class="card-body"> <p class="title text-uppercase">Practical information</p> <p class="card-text mb-0">Prepare for your trip in advance with our useful information on entrance requirements, money, safety, healthcare, opening times, etc.</p> </div> </a> <a href="/en/how-to-get-there/" title="Go to: How to get to Spain" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="How to get to Spain" title="How to get to Spain"/> <div class="card-body"> <p class="title text-uppercase">How to get to Spain</p> <p class="card-text mb-0">Find information on our airports and cruise ports and discover what the flight times are from different points across the world.</p> </div> </a> <a href="/en/getting-around/" title="Go to: Getting around Spain" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Getting around Spain" title="Getting around Spain"/> <div class="card-body"> <p class="title text-uppercase">Getting around Spain</p> <p class="card-text mb-0">We provide you with useful information on the connections between Spain’s major cities.</p> </div> </a> <a href="/en/activities/" title="Go to: Book your experiences" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Book your experiences" title="Book your experiences"/> <div class="card-body"> <p class="title text-uppercase">Book your experiences</p> <p class="card-text mb-0">Choose from thousands of activities thought out for you. You just have to pick a theme and a place where you want to enjoy it.</p> </div> </a> <a href="/en/route-planner/" title="Go to: Route planner" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Route planner" title="Route planner"/> <div class="card-body"> <p class="title text-uppercase">Route planner</p> <p class="card-text mb-0">Create your own plan for your trip to Spain with a route to suit your requirements.</p> </div> </a> <a href="/en/brochures/" title="Go to: Download brochures" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Download brochures" title="Download brochures"/> <div class="card-body"> <p class="title text-uppercase">Download brochures</p> <p class="card-text mb-0">With our digital brochures and guides, you will be able to discover the best of our cuisine, culture and fiestas.</p> </div> </a> <a href="/en/weather/" title="Go to: The weather" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="The weather" title="The weather"/> <div class="card-body"> <p class="title text-uppercase">The weather</p> <p class="card-text mb-0">Check the average temperatures and the hours of sunshine in different areas and the clothing you should wear according to the season.</p> </div> </a> <a href="/en/travel-tips/visa-passport/" title="Go to: Visa and passport" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa and passport" title="Visa and passport"/> <div class="card-body"> <p class="title text-uppercase">Visa and passport</p> <p class="card-text mb-0">Do you want to know if you need a visa to visit Spain? Find out about the various types of visas and how to get them.</p> </div> </a> <a href="https://sustainability.spain.info/en/" title="Go to: Sustainability in Spain" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sustainability in Spain" title="Sustainability in Spain"/> <div class="card-body"> <p class="title text-uppercase">Sustainability in Spain</p> <p class="card-text mb-0">Plan an environmentally and socially responsible holiday. Help to care for the planet.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/en/calendar/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-en" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> English<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-en"> <ul> <li class="nav-item">    <a href="/es/lugares-interes/sagrada-familia/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item">    <a href="/de/highlights/sagrada-familia/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item">    <a href="/fr/curiosites/sagrada-familia/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item">    <a href="/it/siti-interesse/sagrada-familia/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item">    <a href="/pt_BR/lugares-interesse/sagrada-familia/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item">    <a href="/ru/dostoprimechatelnosti/sagrada-familiia/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item">    <a href="/pl/ciekawe-miejsca/sagrada-familia/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item">    <a href="/ja/meisho/sagurada-famiria/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/en/interactive-map/" class="" > <span class="icon-map-marker"></span> <span class="text">Interactive map</span> </a> </li> <li class="list-item"> <a href="/en/plan-trip-to-spain/" class="" > <span class="icon-mi-viaje"></span> <span class="text">My ideal trip</span> </a> </li> <li class="list-item"> <a href="/en/app/favourites/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">My favourites</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterIngles.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Newsletter</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><div> <section class="branded"> <div class="cabecera videoauto position-relative no-opac "> <iframe id="playercabecera" data-video="1036330047" src="https://player.vimeo.com/video/1036330047?autoplay=1&title=0&byline=0&portrait=0&dnt=1&muted=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="title-container"> <div class="wrapper-title container"> <h1 class="titulo-portada custom-title container-fluid text-white text-center">Basilica of La Sagrada Familia</h1> </div> </div> <div class="wrapper-controles-vimeo container"> <div class="d-flex align-items-center"> <div class="controles-play d-inline-block"> <button class="btn p-0 vim icono-pause" data-method="pause" data-value=""><img src="/.content/images/iconos/icono-pause.svg" width="35" height="35" alt="pause"></button> <button class="btn p-0 vim icono-playcabecera noned" data-method="play" data-value=""><img src="/.content/images/iconos/icono-video-play.svg" width="35" height="35" alt="play"></button> </div> <div class="controles-vol d-inline-block"> <button class="btn p-0 vim icono-speaker" data-method="setVolume" data-value="0.5"><img src="/.content/images/iconos/icono-speaker.svg" width="35" height="35" alt="volume"></button> <button class="btn vim p-0 icono-mute noned" data-method="setVolume" data-value="0"><img src="/.content/images/iconos/icono-mute.svg" width="35" height="35" alt="mute"></button> </div> <div class="d-inline-block"> <div class="infoImg left left-bottom copy-video-cabecera text-white"> <img src="/.content/images/iconos/icono-info-video.svg" width="35" height="35" alt="info video"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Alessandro Colle</span> <span class="copy_container"> <span class="copy_texto"></span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </div> </div> </div> </section> <section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-4 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/" target="_self" title="" >Home</a></li> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/art-culture/" target="_self" title="" >Art and culture</a></li> </ol> </nav> </div> <div class="col-sm-8 text-right"> <div class="item-location text-dark d-md-none text-center"> <span class="icon-point"></span> <a href="/en/destination/barcelona/" class="text-underline">Barcelona</a> </div> </div> </div> </div> </section> <section class="module entradilla"> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="wrapper-title"> <p class="title pb-0"> The great temple of atonement</p> <hr> </div> <p class="text-destacado"> In 1883 the brilliant architect Gaudí agreed to take on this project, succeeding Francisco de Paula, and worked on it until his death.</p> <p class="text-destacado"> </p> <p class="text-secundario"> Work to complete this great basilica still continues today. The first architect to undertake this project originally planned a neo-Gothic building. However Gaudí took over following his death, and while conserving the original layout he soon stamped his own personal imprint and distinctive style on the building. He finished only the chapel of San José, the crypt and the door of El Nacimiento. The façades and the entire exterior have a glorious profusion of brightly-coloured decorative elements. There is a cryptogram over the La Pasión door.</p> </div> <div class="col-md-4 col-lg-3 offset-lg-1"> <div class="wrapper-botones"> <div id="acordeones-compartir" class="accordion"> <div class="item"> <div class="item-header" id="headingOne"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <span class="icon-share"></span>Share</button> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#acordeones-compartir"> <div class="item-body"> <nav class="wrapper-icons-inline"> <ul class="list d-block"> <li class="list-item py-1 pl-0 pr-1"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/places-of-interest/sagrada-familia/" class="item-link hacerblank" rel="nofollow"><span class="icon-facebook"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Facebook</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="https://twitter.com/share?url=https://www.spain.info/en/places-of-interest/sagrada-familia/" class="item-link hacerblank" rel="nofollow"><span class="icon-xicon1"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">Twitter</span></a></li> <li class="list-item py-1 pl-0 pr-1"><a href="/en/app/send-to-a-friend/?id=e355f261-cb0b-11e9-89a3-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span><span class="btn text-uppercase pl-3 bg-transparent d-inline">E-mail</span></a></li> <li class="list-item download-wrapper py-1 pl-0 pr-1"> <button class="sguardar item-link item-body d-flex align-items-center"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> <span id="save_btn" class="btn text-uppercase pl-3 bg-transparent">Download offline</span> </button> </li> </ul> </nav> </div> </div> </div> <div class="item"> <input id="fav-id"type="hidden" value="e355f261-cb0b-11e9-89a3-0242ac110003"> <noscript> <div style="display:none"> </noscript> <div class="item-header"> <div id="fav-status"> <div id="no-fav" class="noned"> <a class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseTwofav" aria-expanded="false" aria-controls="collapseOne" rel="nofollow"><span class="icon-like"></span>Save favourite</a> </div> <div id="has-fav" class="noned"> <a id="elim-fav" class="btn text-uppercase" rel="nofollow" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne"><span class="icon-like-active"></span>Remove favourite</a> </div> </div> </div> <div id="collapseTwofav" class="collapse" aria-labelledby="favor-status-"> <div class="item-body"> <div class="bg-light-gray px-4"> <a class="bullet primary" href="/en/app/favourites/" rel="nofollow">Go to my favourites</a> </div> </div> </div> <noscript> </div> </noscript> <noscript> <p>Debe activar Javascript para poder utilizar este servicio</p> </noscript> </div> <div class="item"> <div class="item-header" id="headingFour"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseOne"> <span class="icon-tickets"></span>Book</button> </div> <div id="collapseFour" class="" aria-labelledby="headingFour" data-parent="#acordeones-compartir"> <div class="item-body"> <div class="bg-light-gray text-left p-2 px-4"> <a href="https://sagradafamilia.org/en/tickets" class="bullet primary hacerblank" title="" rel="nofollow" >https://sagradafamilia.org/en/tickets</a> </div> </div> </div> </div> </div> </div> <div class="pt-2 wrapper-cert"> <a href="/en/query/world-heritage-spain/"><img src="/export/sites/segtur/.content/images/certificaciones/certificacion-patrimonio-mundial.png" alt="World Heritage"></a> </div> </div> </div> </div> </section> <section class="module positioned bg-white p-0"> <div class="position-relative caja-mapa cursor-initial"> <div class="container"> <div class="mapinfo"> <div class="title-box"> <h2 class="title"><strong>Basilica of La Sagrada Familia</strong></h2> <hr> <p class="description">C/ Mallorca, 401</p> <p class="description"> 08013  Barcelona  (Catalonia) </p> </div> <div class="wrapper-botones"> <div class="accordion" id="acordeonesInfoContacto"> <div class="item"> <div class="item-header" id="headingDatosContacto"> <p class="mb-0"> <button class="btn text-uppercase" type="button" data-toggle="collapse" data-target="#collapseDatosContacto" aria-expanded="true" aria-controls="collapseDatosContacto"> <span class="icon-info-simple"></span>Contact details</button> </p> </div> <div id="collapseDatosContacto" class="collapse show" aria-labelledby="headingDatosContacto" data-parent="#acordeonesInfoContacto"> <div class="item-body"> <div class="wrapper"> <span class="key">Email:</span><span class="value"><a href="mailto:informacio@sagradafamilia.org">informacio@sagradafamilia.org</a></span> <span class="key">Tel.:</span><span class="value">+34 932 080 414</span> <span class="key">Website:</span><span class="value"><a href="https://sagradafamilia.org/en/home" title="" class="hacerblank" rel="nofollow">https://sagradafamilia.org/en/home</a></span> <div class="rrss pt-1"> <nav class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/BasilicadelaSagradaFamilia" title="" class="hacerblank item-link" rel="nofollow"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://twitter.com/sagradafamilia" title="" class="hacerblank item-link" rel="nofollow"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/user/sagradafamiliacat" title="" class="hacerblank item-link" rel="nofollow"><span class="icon-youtube"></span></a></li> <li class="list-item"><a href="https://www.instagram.com/basilicasagradafamilia/" title="" class="hacerblank item-link" rel="nofollow"><span class="icon-instagram"></span></a></li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> //<![CDATA[ $(window).ready(function () { //MAPA LEAFLET: //custom marker: var customMarker = L.icon({ iconUrl: '/export/system/modules/es.segittur.comun/resources/img/custom-marker.png', iconSize: [38, 38], // size of the icon iconAnchor: [20, 20], // point of the icon which will correspond to marker's location popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor }); var map = L.map('map',{ maxZoom: 18, minZoom : 3, maxBounds: [ [90,-180], [-90, 180]], maxBoundsViscosity: 1.0}).setView([41.402942517246501000,2.174492787605020200], 12); map.scrollWheelZoom.disable(); if (false){ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors' }).addTo(map); map.removeControl(map.zoomControl); L.control.zoom({ position: 'bottomright' }).addTo(map); }else{ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="//openstreetmap.org" target="_blank">OpenStreetMap</a> contributors' }).addTo(map); } if (!false){ marker = L.marker([41.402942517246501000,2.174492787605020200], { icon: customMarker, riseOnHover: true }).addTo(map); } //f() para habitar wheelzoom cuando se hace click en mapa. // map.on('click', function() { // if (map.scrollWheelZoom.enabled()) { // map.scrollWheelZoom.disable(); // } // else { // map.scrollWheelZoom.enable(); // } // }); }); //]]> </script> <noscript> <p>Activa JS</p> </noscript> <div id="map" class="leaf-map"></div></div> </section> <div> </div><div> <section class="module-destacado"> <section class="destacado bg-pattern-1"> <div class="album"> <div class="custom-container"> <section class="module destacados positioned"> <div class="container"> <div class="title-box "> <span class="subtitle">What to do</span> <p class="title"><strong>Travel plans for inspiring you</strong></p> <hr> </div><div class="row"> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/en/route/barcelona-two-days/"> <img data-src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg' data-srcset='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_428131509.jpg 450w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_464878315.jpg 510w, /export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/imagenes/rutas/barcelona-dos-dias/barcelona-s212073259.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='Views of Barcelona' title='Views of Barcelona'>           <div class="position-absolute content left bottom text-white w-100"> <p>Barcelona in two days</p> </div> </a> </div> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/en/top/discover-cities-where-spanish-olympic-medallists-born/"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/joven-playa-maspalomas-gran-canaria-islas-canarias-s195123092.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/joven-playa-maspalomas-gran-canaria-islas-canarias-s195123092.jpg_428131509.jpg 450w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/joven-playa-maspalomas-gran-canaria-islas-canarias-s195123092.jpg_464878315.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/joven-playa-maspalomas-gran-canaria-islas-canarias-s195123092.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/joven-playa-maspalomas-gran-canaria-islas-canarias-s195123092.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='Young person running on Maspalomas beach in Gran Canaria, Canary Islands' title='Young person running on Maspalomas beach in Gran Canaria, Canary Islands'>           <div class="position-absolute content left bottom text-white w-100"> <p>Discover the cities that gave us the most Spanish Olympic medal winners</p> </div> </a> </div> <div class="col-md-4"> <a class="position-relative wrapper zoom-in layer-dark-shadow bottom d-block bg-cover" href="/en/top/barcelona-art-nouveau-gaudi/"> <img data-src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg' data-srcset='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_428131509.jpg 450w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_464878315.jpg 510w, /export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_45004101.jpg 480w' sizes='(max-width: 480px) 450px, (max-width: 768px) 510px, 480px' src='/export/sites/segtur/.content/images/cabecera/mosaicos-park-guell-barcelona-123rf-27270768.jpg_428131509.jpg' class='lazy img-fluid img-editable' alt='Detail of Park Güell, Barcelona' title='Detail of Park Güell, Barcelona'>           <div class="position-absolute content left bottom text-white w-100"> <p>Barcelona, the Mecca of Gaudí modernism</p> </div> </a> </div> <a href="/en/search-results/?reversePath=/sites/segtur/.content/Monumentos/sagrada-familia.html" title="Travel plans for inspiring you" class="btn btn-white text-uppercase d-block mx-auto mt-4" rel="nofollow">See more</a></div> </div> </section> </div> </div> </section> </section> </div><div> <section class="module"> <div class="container"> <div class="title-box "> <span class="subtitle">What to do</span> <p class="title"><strong>Next tours</strong></p> <hr> </div></div> <div id='slider-atractivosCercanos' class=" custom-slider-bottom waaslider"><div class="container position-relative"> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg><div class="custom-slider-2 arrows-out"> <div class="wrapper-card"> <a href='/en/places-of-interest/museum-expiatory-temple-sagrada-familia/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/imas-07-1456-museo-templo-expiatorio.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/imas-07-1456-museo-templo-expiatorio.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/imas-07-1456-museo-templo-expiatorio.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/imas-07-1456-museo-templo-expiatorio.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/imas-07-1456-museo-templo-expiatorio.jpg_1337655923.jpg' class='img-fluid lazy' alt='' title=''>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">0 km away</span> <h2 class="title-secondary">Sagrada Familia Church Museum</h2> <p class="description-secondary">The Sagrada Familia Museum has a host of elements and objects on…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/sant-pau-modernist-site/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/hospital-santa-creu-sant-pau_barcelona.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/hospital-santa-creu-sant-pau_barcelona.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/hospital-santa-creu-sant-pau_barcelona.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/hospital-santa-creu-sant-pau_barcelona.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/hospital-santa-creu-sant-pau_barcelona.jpg_1337655923.jpg' class='img-fluid lazy' alt='The Sant Pau Modernist site in Barcelona, Catalonia' title='The Sant Pau Modernist site in Barcelona, Catalonia'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">0.9 km away</span> <h2 class="title-secondary">Sant Pau Modernist site</h2> <p class="description-secondary">The old Sant Pau hospital was designed and built by the architect…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/museu-disseny-barcelona/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/museo-disseny-barcelona-s787072867-c-ed-eqroy.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/museo-disseny-barcelona-s787072867-c-ed-eqroy.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/museo-disseny-barcelona-s787072867-c-ed-eqroy.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/museo-disseny-barcelona-s787072867-c-ed-eqroy.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/museo-disseny-barcelona-s787072867-c-ed-eqroy.jpg_1337655923.jpg' class='img-fluid lazy' alt='Museu del Disseny de Barcelona' title='Museu del Disseny de Barcelona'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">1 km away</span> <h2 class="title-secondary">Museu del Disseny de Barcelona</h2> <p class="description-secondary">Situated in the Disseny Hub Barcelona building, the museum holds…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/basilica-purissima-concepcio-barcelona/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/basilica_purissima_concepcio_barcelona_s_448972978.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/basilica_purissima_concepcio_barcelona_s_448972978.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/basilica_purissima_concepcio_barcelona_s_448972978.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/basilica_purissima_concepcio_barcelona_s_448972978.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/basilica_purissima_concepcio_barcelona_s_448972978.jpg_1337655923.jpg' class='img-fluid lazy' alt='Basilica of La Puríssima Concepció' title='Basilica of La Puríssima Concepció'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">1.1 km away</span> <h2 class="title-secondary">Basilica of La Puríssima Concepció</h2> <p class="description-secondary">It was formerly part of the Monastery of Jonqueres and was moved…</p> </div> </div> </a> </div> <div class="wrapper-card"> <a href='/en/places-of-interest/auditori-barcelona/' title='' rel='' class="card d-block"> <figure> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/auditori_barcelona_c_boulengerxavier_s_1179013897.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/auditori_barcelona_c_boulengerxavier_s_1179013897.jpg_1337655923.jpg 330w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/auditori_barcelona_c_boulengerxavier_s_1179013897.jpg_2047786959.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/auditori_barcelona_c_boulengerxavier_s_1179013897.jpg_1022232183.jpg 350w' sizes='(max-width: 480px) 330px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/auditori_barcelona_c_boulengerxavier_s_1179013897.jpg_1337655923.jpg' class='img-fluid lazy' alt='Barcelona Auditorium' title='Barcelona Auditorium'>          </figure> <div class="card-body"> <div class="title-box secondary"> <span class="subtitle">1.1 km away</span> <h2 class="title-secondary">Barcelona Auditorium</h2> <p class="description-secondary">The auditorium is an ideal place for listening to music measuring…</p> </div> </div> </a> </div> </div> </div> </div> </section> </div><div class="bg-cover"> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generico.jpg" class="img-editable img-fluid" alt="banner" style="display: none;" /> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">EXPERIENCES</span> <h2 class="title">Book yours</h2> <hr> <p class="description d-none d-sm-block">Choose between thousands of activities to live your best life on holiday.</p> </div> <a href="/en/search-results/?tab=e&exp=true&loc=ICP" class="btn btn-white text-uppercase" rel="nofollow">See more</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-generica-mb.jpg" alt ="banner" class="img-fluid d-md-none" /> </div> </div> </div> </section> </div></div></div><div id="extra" ></div><div id="form-errores" ></div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Accessible mode</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/places-of-interest/sagrada-familia/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/en/places-of-interest/sagrada-familia/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/en/app/send-to-a-friend/?id=e355f261-cb0b-11e9-89a3-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Spain</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='Culture' title='Culture'><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/en/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">All rights reserved</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaIngles.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> About us</a> </li> <li class="list-item d-block"> <a title="" href="/en/site-map/" class="text-gray text-uppercase"> Site map</a> </li> <li class="list-item d-block"> <a title="" href="/en/legal-notice/" rel="nofollow" class="text-gray text-uppercase"> Legal notice</a> </li> <li class="list-item d-block"> <a title="" href="/en/conditions-use-information/" rel="nofollow" class="text-gray text-uppercase"> Use of the information</a> </li> <li class="list-item d-block"> <a title="" href="/en/cookies/" rel="nofollow" class="text-gray text-uppercase"> Cookie Policy</a> </li> <li class="list-item d-block"> <a title="" href="/en/accessibility/" rel="nofollow" class="text-gray text-uppercase"> Accessibility</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-en.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">YOUR NEW MEMORIES START HERE.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DISCOVER SPAIN WITH US</span><span class="d-block">FOLLOW US ON…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/spain/" id="popupIG" rel="nofollow"target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("pupRRSS", "true", 2); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>You are not online. A connection is required for updated content.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">You have downloaded the content</p> <p id="textInstall" class="text py-3">We recommend downloading the content offline from the Spain.info Web App</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Download</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>It is not possible to save for offline use.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Downloaded"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Click on share (iOS icon).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Select “Add to home screen”.</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/en/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Downloaded'; } } var locale = 'en'; setTimeout(() => { if (getCookie('pupRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'en'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'en'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script><script type='application/ld+json'>{"@context":"http://www.schema.org","@type":"TouristAttraction","name":"Basilica of La Sagrada Familia","url":"https://www.spain.info/en/places-of-interest/sagrada-familia/","description":"In 1883 the brilliant architect Gaudí agreed to take on this project, succeeding Francisco de Paula, and worked on it until his death.","image":"https://www.spain.info/export/sites/segtur/.content/images/cabeceras-grandes/cataluna/sagrada-familia-s87317419-c-AlessandroColle.jpg","address":{"@type":"PostalAddress","streetAddress":" C/ Mallorca, 401 08013 +34 932 080 414 Barcelona Barcelona Barcelona Catalonia","addressLocality":"Barcelona","addressRegion":"Catalonia"}}</script> </body> </html>

CINXE.COM

The Basilica of La Sagrada Familia, by Gaudí. Barcelona | spain.info