<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="contact-cards">
<div class="contact-cards__title">
<h2 class="
title-l
">
Contacta con nosotros
</h2>
</div>
<div class="contact-cards__cards">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-6 col-lg-6 col contact-cards__item">
<div class="card-contact">
<div class="card-contact__content">
<div class="card-contact__pic">
<img class="card-contact__img" src="/dist/images/cliente.png" alt="Icon" />
</div>
<div class="card-contact__title">
<h3 class="
title-m
">Si eres cliente</h3>
</div>
<div class="card-contact__link">
<a class="link
link_simple
link_has-icon link_has-icon_before
" href="mailto:clientes@uci.com">
<svg class="icon icon-mail icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#mail"></use>
</svg>
<span>clientes@uci.com</span>
</a>
</div>
<div class="card-contact__link2">
<a class="link
link_simple
link_has-icon link_has-icon_before
" href="tel:912063795">
<svg class="icon icon-tel icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#tel"></use>
</svg>
<span>912 06 37 95</span>
</a>
</div>
<div class="card-contact__more-info">
<div class="
bodycopy-s
">
L-V de 09.00 a 20.00h
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-6 col-lg-6 col contact-cards__item">
<div class="card-contact">
<div class="card-contact__content">
<div class="card-contact__pic">
<img class="card-contact__img" src="/dist/images/colaboraciones.png" alt="Icon" />
</div>
<div class="card-contact__title">
<h3 class="
title-m
">Si aún no eres cliente</h3>
</div>
<div class="card-contact__link">
<a class="link
link_simple
link_has-icon link_has-icon_before
" href="mailto:cuentanos@uci.com">
<svg class="icon icon-mail icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#mail"></use>
</svg>
<span>cuentanos@uci.com</span>
</a>
</div>
<div class="card-contact__link2">
<a class="link
link_simple
link_has-icon link_has-icon_before
" href="tel:912063790">
<svg class="icon icon-tel icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#tel"></use>
</svg>
<span>912 06 37 90</span>
</a>
</div>
<div class="card-contact__more-info">
<div class="
bodycopy-s
">
L-V de 10.00 a 18.00h
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="contact-cards__additional">
<div class="
bodycopy-m
">
<p>Rellena este formulario y contactaremos contigo lo antes posible. Si eres cliente, accede al <a href='https://clientes.uci.es' target='_blank'>Área cliente</a> en la página de inicio.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div {{#if hasID}}id="{{idComponent}}" {{/if}}
class="contact-cards">
<div class="contact-cards__title">
{{> @title-l title }}</div>
<div class="contact-cards__cards">
<ul class="row">
{{#each item}}
<li class="col-xs-12 col-ms-12 col-sm-6 col-lg-6 col contact-cards__item">
{{> @card-contact card }}
</li>
{{/each}}
</ul>
{{#if additional-text}}
<div class="contact-cards__additional">
{{> @bodycopy-m additional-text }}
</div>
{{/if}}
</div>
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true
},
"title": {
"text": "Contacta con nosotros"
},
"additional-text": {
"text": "<p>Rellena este formulario y contactaremos contigo lo antes posible. Si eres cliente, accede al <a href='https://clientes.uci.es' target='_blank'>Área cliente</a> en la página de inicio.</p>"
},
"item": [
{
"card": {
"image-src": "/dist/images/cliente.png",
"image-alt": "Icon",
"title": {
"text": "Si eres cliente"
},
"link": {
"text": "clientes@uci.com",
"href": "mailto:clientes@uci.com",
"isSimple": true,
"icon-before": {
"name": "mail",
"isBefore": true
}
},
"link2": {
"text": "912 06 37 95",
"href": "tel:912063795",
"isSimple": true,
"icon-before": {
"name": "tel",
"isBefore": true
}
},
"more-info": {
"text": "L-V de 09.00 a 20.00h",
"colorAccent": true
}
}
},
{
"card": {
"image-src": "/dist/images/colaboraciones.png",
"image-alt": "Icon",
"title": {
"text": "Si aún no eres cliente"
},
"link": {
"text": "cuentanos@uci.com",
"href": "mailto:cuentanos@uci.com",
"isSimple": true,
"icon-before": {
"name": "mail",
"isBefore": true
}
},
"link2": {
"text": "912 06 37 90",
"href": "tel:912063790",
"isSimple": true,
"icon-before": {
"name": "tel",
"isBefore": true
}
},
"more-info": {
"text": "L-V de 10.00 a 18.00h",
"colorAccent": true
}
}
}
]
}
.contact-cards {
&__title{
margin-bottom: 32px;
}
&__additional{
a{color: var(--color-accent);text-decoration: underline;font-weight: 700;}
margin-top: 32px;
}
@media (--viewport-ms-max) {
&__additional{
margin-top: 8px;
}
&__item{
margin-bottom: 24px;
}
}
}
No notes defined.