<footer class="footer footer_reduced landing-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: 175px">
<img class="footer__main-share-img" src="/dist/images/logo-hipotecas-accent.svg" alt="Hipotecas.com">
</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="/dist/images/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="/dist/images/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="/dist/images/aenor-covid.png" alt="AENOR Covid">
</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="/dist/images/aenor-ambiental.png" alt="AENOR Gestión ambiental">
</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="/dist/images/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="/dist/images/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>
</div>
</div>
</div>
</footer>
<footer {{#if hasID}}id="{{idComponent}}"{{/if}} class="footer footer_reduced landing-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">
{{#each footer-share-item}}
<li class="footer__main-share-item">
{{#if this.logo}}
<a class="footer__main-share-link" href="#">
<div
class="footer__main-share-logo"
style="max-width: {{ this.logo.max-width }}"
>
<img
class="footer__main-share-img"
src="{{ this.logo.src }}"
alt="{{ this.logo.alt }}"
>
</div>
</a>
{{/if}}
{{#if this.social}}
<ul class="footer__main-share-socials">
{{#each social}}
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="{{ this.href }}">
{{> @icon this.icon }}
</a>
</li>
{{/each}}
</ul>
{{/if}}
{{#if this.certificate}}
<ul class="footer__main-share-certificates">
{{#each this.certificate}}
<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: {{ this.width }}; height: {{ this.height }}"
>
<img
class="footer__main-share-certificate-img"
src="{{ this.src }}"
alt="{{ this.alt }}"
>
</div>
</a>
</li>
{{/each}}
</ul>
{{/if}}
</li>
{{/each}}
</ul>
</div>
</div>
<div class="footer__main-section">
<div class="footer__main-legal">
<ul class="footer__main-legal-list">
{{#each footer-legal-item}}
<li class="footer__main-legal-item">
<a class="footer__main-legal-link" href="#">
{{> @bodycopy-xs this }}
</a>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
{
"hasID": false,
"footer-share-item": [
{
"logo": {
"max-width": "175px",
"src": "/dist/images/logo-hipotecas-accent.svg",
"alt": "Hipotecas.com"
}
},
{
"social": [
{
"href": "#fb",
"icon": {
"name": "fb"
}
},
{
"href": "#inst",
"icon": {
"name": "instagram"
}
},
{
"href": "#in",
"icon": {
"name": "in"
}
},
{
"href": "#yt",
"icon": {
"name": "youtube"
}
}
]
},
{
"certificate": [
{
"width": "auto",
"height": "80px",
"src": "/dist/images/gptw.png",
"alt": "Great Place to Work"
},
{
"width": "auto",
"height": "80px",
"src": "/dist/images/confianza-online.png",
"alt": "Confianza online"
},
{
"width": "auto",
"height": "80px",
"src": "/dist/images/aenor-covid.png",
"alt": "AENOR Covid"
},
{
"width": "auto",
"height": "80px",
"src": "/dist/images/aenor-ambiental.png",
"alt": "AENOR Gestión ambiental"
},
{
"width": "auto",
"height": "80px",
"src": "/dist/images/aenor-iso9001.png",
"alt": "AENOR ISO 9001"
},
{
"width": "auto",
"height": "80px",
"src": "/dist/images/ekomi.png",
"alt": "Ekomi"
}
]
}
],
"footer-legal-item": [
{
"text": "<span>Aviso legal y Condiciones de uso</span>",
"colorLight": true
},
{
"text": "<span>Información legal y reclamaciones</span>",
"colorLight": true
},
{
"text": "<span>Política de Privacidad y cookies</span>",
"colorLight": true
},
{
"text": "<span>Gobierno corporativo</span>",
"colorLight": true
}
]
}
/* Los estilos se borraron el 10/12/2020
https://dev.azure.com/Uci-EcowebDevops/ecoweb-app/_git/ecoweb-app/commit/a78c57821c37d5e12c30efcb21dd3659b28cc4ad?refName=refs/heads/master&path=/Project/Ecoweb/Ecoweb.Frontend/src/03-organisms/landing-footer/landing-footer.css
*/
.landing-footer {
}
Variantes: Default, Footer Reduced