<main>
<div class="landing-header">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="steps-header__head">
<div class="container">
<div class="steps-header__head-wrapper">
<div class="row">
<div class="col-xs-6 col-ms-6 col-sm-6 col-lg-6">
<div class="steps-header__logo">
<a href="#" class="steps-header__logo-link" title="Homepage">
<img class="steps-header__logo-img" src="
/dist/images/logo-hipotecas-accent.svg
" alt="Logotype">
</a>
</div>
</div>
<div class="col-xs-6 center-xs bottom-xs col-ms-6 col-sm-6 col-lg-6">
<div class="steps-header__language">
<div class="popup"><!-- ==== La clase fractal es para la previsualización en Fractal. NO INTEGRAR ==== -->
<button class="popup__trigger" type="button">
<svg class="icon icon- ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#"></use>
</svg>
Idioma
</button>
<div class="popup__window
popup__window_right
">
<div class="popup__lang">
<ul class="popup__lang-list">
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
popup__lang-link_active
" href="#">
ES
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
EN
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
PT
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
CAT
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="
advantages-extra
">
<div class="advantages-extra__description">
<div class="advantages-extra__title">
<h2 class="
title-l
">
Despreocúpate, hipotecas sin letra pequeña
</h2>
</div>
<div class="advantages-extra__link">
<a class="link
" href="#">
<span>Ver nuestras ventajas</span>
</a>
</div>
</div>
<div class="advantages-extra__content ">
<ul class="row center-xs center-ms center-sm center-lg ">
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Sin comisiones</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Sin compromisos</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Sin clausulas suelo</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Sin cambio de banco</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Sin dudas</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Siempre con un gestor personalizado</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Productos adaptados a tus necesidades y estilo de vida</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-big-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Condiciones transparentes sin sorpresas</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="reviews">
<div class="reviews__content">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-6 col-lg-6">
<div class="reviews__content-wrapper">
<div class="reviews__label">
<div class="text-label-m">nuestros clientes opinan</div>
</div>
<div class="reviews__title">
<h2 class="
title-l
">
Nuestro mayor interés, la satisfacción de nuestros clientes
</h2>
</div>
</div>
</div>
</div>
</div>
<div class="reviews__main">
<div class="reviews__ekomi">
<div class="ekomi-rating">
<div class="ekomi-rating__pic">
<a class="ekomi-rating__link" href="https://www.ekomi.es/testimonios-union-de-creditos-inmobiliarios-uci.html" target="_blank" noreferrer noopener>
<img class="ekomi-rating__img" src="/dist/images/ekomi.png" alt="eKomi quality mark">
</a>
</div>
<div class="ekomi-rating__number">
<div class="
number-xl
"><span>9,6/10</span></div>
</div>
<div class="ekomi-rating__label">
<div class="text-label-m">+ de 4000 opiniones</div>
</div>
</div>
<div class="reviews__nav">
<div class="reviews__nav-back nav-back">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="reviews__nav-forward nav-forward">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="reviews__swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">Sep 2019</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>La verdad que un servicio bastante bueno y serio.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">Sep 2019</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>3 Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">3 Sep 2019</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>4 La verdad que un servicio bastante bueno y serio.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">4 Sep 2019</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>5 Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">5 Sep 2019</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-review">
<div class="tile-review__rating">
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
"></span>
</div>
<div class="star-wrapper">
<span class="star
star_hollow
"></span>
</div>
</div>
<div class="tile-review__bodycopy">
<div class="
especial-m
">
<p>6 La verdad que un servicio bastante bueno y serio.</p>
</div>
</div>
<div class="tile-review__date">
<div class="text-label-m">6 Sep 2019</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="reviews__nav">
<div class="reviews__nav-back nav-back">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="reviews__nav-forward nav-forward">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="reviews__link">
<a class="link
" href="#">
<span>A long line for a link</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Comento esta variante ya que parece no estar en uso (CA)
-->
<footer class="footer">
<div class="container">
<div class="footer__main">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="footer__main-section">
<div class="footer__main-share">
<ul class="footer__main-share-list">
<li class="footer__main-share-item">
<a class="footer__main-share-link" href="#">
<div class="footer__main-share-logo" style="max-width: 47px">
<img class="footer__main-share-img" src="/dist/images/logo-white.svg" width="47px" alt="UCI">
</div>
</a>
</li>
<li class="footer__main-share-item">
<ul class="footer__main-share-socials">
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#fb">
<svg class="icon icon-fb ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fb"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#inst">
<svg class="icon icon-instagram ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#instagram"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#in">
<svg class="icon icon-in ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#in"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#yt">
<svg class="icon icon-youtube ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#youtube"></use>
</svg>
</a>
</li>
</ul>
</li>
<li class="footer__main-share-item">
<ul class="footer__main-share-certificates">
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/gptw.png" alt="Great Place to Work">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/confianza-online.png" alt="Confianza online">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/aenor-iso9001.png" alt="AENOR ISO 9001">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/ekomi.png" alt="Ekomi">
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="footer__main-section">
<div class="footer__main-legal">
<ul class="footer__main-legal-list">
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Aviso legal y Condiciones de uso</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Información legal y reclamaciones</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Política de privacidad y cookies</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Gobierno corporativo</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="footer__main-section">
<div class="footer__main-copyright">
<div class="bodycopy-xs
bodycopy_color_light
">
<p>UNIÓN DE CRÉDITOS INMOBILIARIOS - Todos los derechos reservados</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</main>
<main>
{{#if isHipotecas}}
{{ render '@landing-header--hipotecas' }}
{{else}}
{{ render '@landing-header' }}
{{/if}}
{{ render '@prequalifier-form--hipotecas' }}
{{ render '@advantages-extra' }}
{{ render '@reviews' }}
{{#if isHipotecas}}
{{ render '@footer--with-copyright-row---for-landings--' }}
{{else}}
{{ render '@footer--with-copyright-row---for-landings--' }}
{{/if}}
</main>
{
"isHipotecas": true
}
.landing-prequalifier {
}
No notes defined.