<section class="splitter splitter_bg-color_white ">
<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="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10">
<div class="sitemap">
<div class="sitemap__section">
<div class="sitemap__section-header">
<p class="
title-m
">Particulares</p>
</div>
<div class="sitemap__section-body">
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Home</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Hipotecas</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipotecas compra de casa</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipoteca compra de casa sobre plano</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipotecas compra de casa</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipoteca compra más reforma</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipoteca de reunificación de deudas</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Seguros</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Seguro de hogar</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Seguro de protección de pagos</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Seguro de vida</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Simulamos tu hipoteca</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Simulador de hipoteca</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Simulador cuánto pedir</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Quiénes somos</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Somos UCI</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Responsabilidad corporativa</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Experiencias UCI</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Blog</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Trabaja con nosotros</span></a>
</div>
</div>
</div>
<div class="sitemap__page-level-2">
<ul class="sitemap__page-level-2-list">
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Empleados</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Becarios</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Consultores financieros</span></a>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Blog</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Centro de ayuda</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-2">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Preguntas frecuentes</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-2">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Glosario de términos</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-2">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>¿Dónde estamos?</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Términos legales</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Aviso legal y condiciones de uso</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Informe legal y reclamaciones</span></a>
</div>
</div>
</div>
<div class="sitemap__page-level-2">
<ul class="sitemap__page-level-2-list">
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Tablón de anuncios</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Quejas y reclamaciones</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Guía de acceso al préstamo hipotecario</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Tipos de interés y comisiones</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Descubre nuestras tarifas</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Código de buenas prácticas</span></a>
</div>
</div>
</li>
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
<div class="
bodycopy-s
">
<a class="bodycopy__link" href="#"><span>Nuestros modelos de minutas</span></a>
</div>
</div>
</li>
</ul>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Políticas de privacidad y cookies</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sitemap__section">
<div class="sitemap__section-header">
<p class="
title-m
">Particulares no residentes</p>
</div>
<div class="sitemap__section-body">
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Home</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Hipotecas para no residentes</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Hipoteca compra de casa no residentes</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Seguros</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Simulamos tu hipoteca</p>
</a>
</div>
<div class="sitemap__page-content">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Simulador de hipoteca</span></a>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
<div class="
bodycopy-m
">
<a class="bodycopy__link" href="#"><span>Simulador cuánto pedir</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sitemap__section">
<div class="sitemap__section-header">
<p class="
title-m
">Profesionales inmobiliarios</p>
</div>
<div class="sitemap__section-body">
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Home</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Eventos y Formaciones</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Revistas inmobiliarias</p>
</a>
</div>
</div>
</div>
</div>
<div class="sitemap__section">
<div class="sitemap__section-header">
<p class="
title-m
">Profesionales inmobiliarios</p>
</div>
<div class="sitemap__section-body">
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Home</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Emisiones</p>
</a>
</div>
</div>
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Documentación</p>
</a>
</div>
</div>
</div>
</div>
<div class="sitemap__section">
<div class="sitemap__section-header">
<p class="
title-m
">Aliados</p>
</div>
<div class="sitemap__section-body">
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
<p class="
title-s
">Home</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div {{#if hasID}}id="{{idComponent}}"{{/if}} class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10">
<div class="sitemap">
{{#each section}}
<div class="sitemap__section">
<div class="sitemap__section-header">
{{> @title-m this.title }}
</div>
<div class="sitemap__section-body">
{{#each this.page}}
<div class="sitemap__page">
<div class="sitemap__page-name">
<a class="sitemap__page-name-link" href="#">
{{> @title-s this.title }}
</a>
</div>
{{#if this.level-1}}
<div class="sitemap__page-content">
<ul class="row">
{{#each this.level-1}}
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-1">
<div class="sitemap__page-level-1-link">
{{> @bodycopy-m this.link }}
</div>
</div>
{{#if this.level-2}}
<div class="sitemap__page-level-2">
<ul class="sitemap__page-level-2-list">
{{#each this.level-2}}
<li class="sitemap__page-level-2-item">
<div class="sitemap__page-level-2-link">
{{> @bodycopy-s this }}
</div>
</li>
{{/each}}
</ul>
</div>
{{/if}}
</li>
{{/each}}
</ul>
</div>
{{else if this.level-2}}
<div class="sitemap__page-content">
<ul class="row">
{{#each this.level-2}}
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="sitemap__page-level-2">
<div class="sitemap__page-level-2-link">
{{> @bodycopy-s this.link }}
</div>
</div>
</li>
{{/each}}
</ul>
</div>
{{/if}}
</div>
{{/each}}
</div>
</div>
{{/each}}
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true
},
"section": [
{
"title": {
"text": "Particulares",
"isP": true
},
"page": [
{
"title": {
"text": "Home",
"isP": true
}
},
{
"title": {
"text": "Hipotecas",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Hipotecas compra de casa"
}
},
{
"link": {
"href": "#",
"text": "Hipoteca compra de casa sobre plano"
}
},
{
"link": {
"href": "#",
"text": "Hipotecas compra de casa"
}
},
{
"link": {
"href": "#",
"text": "Hipoteca compra más reforma"
}
},
{
"link": {
"href": "#",
"text": "Hipoteca de reunificación de deudas"
}
}
]
},
{
"title": {
"text": "Seguros",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Seguro de hogar"
}
},
{
"link": {
"href": "#",
"text": "Seguro de protección de pagos"
}
},
{
"link": {
"href": "#",
"text": "Seguro de vida"
}
}
]
},
{
"title": {
"text": "Simulamos tu hipoteca",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Simulador de hipoteca"
}
},
{
"link": {
"href": "#",
"text": "Simulador cuánto pedir"
}
}
]
},
{
"title": {
"text": "Quiénes somos",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Somos UCI"
}
},
{
"link": {
"href": "#",
"text": "Responsabilidad corporativa"
}
},
{
"link": {
"href": "#",
"text": "Experiencias UCI"
}
},
{
"link": {
"href": "#",
"text": "Blog"
}
},
{
"link": {
"href": "#",
"text": "Trabaja con nosotros"
},
"level-2": [
{
"href": "#",
"text": "Empleados"
},
{
"href": "#",
"text": "Becarios"
},
{
"href": "#",
"text": "Consultores financieros"
}
]
}
]
},
{
"title": {
"text": "Blog",
"isP": true
}
},
{
"title": {
"text": "Centro de ayuda",
"isP": true
},
"level-2": [
{
"link": {
"href": "#",
"text": "Preguntas frecuentes"
}
},
{
"link": {
"href": "#",
"text": "Glosario de términos"
}
},
{
"link": {
"href": "#",
"text": "¿Dónde estamos?"
}
}
]
},
{
"title": {
"text": "Términos legales",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Aviso legal y condiciones de uso"
}
},
{
"link": {
"href": "#",
"text": "Informe legal y reclamaciones"
},
"level-2": [
{
"href": "#",
"text": "Tablón de anuncios"
},
{
"href": "#",
"text": "Quejas y reclamaciones"
},
{
"href": "#",
"text": "Guía de acceso al préstamo hipotecario"
},
{
"href": "#",
"text": "Tipos de interés y comisiones"
},
{
"href": "#",
"text": "Descubre nuestras tarifas"
},
{
"href": "#",
"text": "Código de buenas prácticas"
},
{
"href": "#",
"text": "Nuestros modelos de minutas"
}
]
},
{
"link": {
"href": "#",
"text": "Políticas de privacidad y cookies"
}
}
]
}
]
},
{
"title": {
"text": "Particulares no residentes",
"isP": true
},
"page": [
{
"title": {
"text": "Home",
"isP": true
}
},
{
"title": {
"text": "Hipotecas para no residentes",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Hipoteca compra de casa no residentes"
}
},
{
"link": {
"href": "#",
"text": "Seguros"
}
}
]
},
{
"title": {
"text": "Simulamos tu hipoteca",
"isP": true
},
"level-1": [
{
"link": {
"href": "#",
"text": "Simulador de hipoteca"
}
},
{
"link": {
"href": "#",
"text": "Simulador cuánto pedir"
}
}
]
}
]
},
{
"title": {
"text": "Profesionales inmobiliarios",
"isP": true
},
"page": [
{
"title": {
"text": "Home",
"isP": true
}
},
{
"title": {
"text": "Eventos y Formaciones",
"isP": true
}
},
{
"title": {
"text": "Revistas inmobiliarias",
"isP": true
}
}
]
},
{
"title": {
"text": "Profesionales inmobiliarios",
"isP": true
},
"page": [
{
"title": {
"text": "Home",
"isP": true
}
},
{
"title": {
"text": "Emisiones",
"isP": true
}
},
{
"title": {
"text": "Documentación",
"isP": true
}
}
]
},
{
"title": {
"text": "Aliados",
"isP": true
},
"page": [
{
"title": {
"text": "Home",
"isP": true
}
}
]
}
]
}
.sitemap {
padding-bottom: 160px;
&__section {
margin-bottom: 80px;
&:last-child {
margin-bottom: 0;
}
&-header {
padding-bottom: 20px;
margin-bottom: 60px;
border-bottom: 1px solid var(--color-secondary-light);
}
}
&__page {
margin-bottom: 40px;
&:last-child {
margin-bottom: 0;
}
&-name {
&-link {
display: inline-block;
&:hover,
&:focus {
.title-s {
color: var(--color-accent);
}
}
.title-s {
font-family: 'Jornada Sans Medium';
font-size: 18px;
line-height: 28px;
}
}
}
&-content {
margin: 20px 0 -20px;
}
&-level {
&-1,
&-2 {
margin-bottom: 20px;
}
&-2 {
&-list {
margin-bottom: -10px;
}
&-item {
margin-bottom: 10px;
}
}
}
}
}
Permite establecer dos niveles.