<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="contact-info">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-8 col-lg-8 col">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="contact-info__title">
<h1 class="
title-l
">
Fale Connosco!
</h1>
</div>
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-8 col-lg-6">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 two-lines"> <a class="link
link_simple
link_has-icon link_has-icon_before
" href="tel:210000000">
<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>210 000 000</span>
</a>
<div class="
bodycopy-s
">
<span>(Custo de chamada para a rede fixa nacional)</span>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 two-lines"> <a class="link
link_simple
link_has-icon link_has-icon_before
" href="tel:910000000">
<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>910 000 000</span>
</a>
<div class="
bodycopy-s
">
<span>(Custo de chamada para a rede móvel nacional)</span>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line"><svg class="icon icon-reloj accent">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#reloj"></use>
</svg>
<div class="
bodycopy-s
">
<span>Dias úteis das 09:00h às 18:00h</span>
</div>
</li>
</ul>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-6">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line"> <a class="link
link_simple
link_has-icon link_has-icon_before
" href="mailto:uci@uci.pt">
<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>uci@uci.pt</span>
</a>
</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line"> <a class="link
link_has-icon link_has-icon_before
" href="#">
<svg class="icon icon-marker icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#marker"></use>
</svg>
<span>Onde estamos</span>
</a>
</li>
</ul>
</li>
</ul>
<div class="row">
<div class="col-xs-12 col-ms-6 col-sm-8 col-lg-6 contact-info__description">
<div class="
bodycopy-s
">
<p>Estamos aqui para responder às suas questões.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div class="contact-info">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-8 col-lg-8 col">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
{{#if title}}
<div class="contact-info__title">
{{> @title-l title }}
</div>
{{/if}}
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-8 col-lg-6">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 two-lines">{{> @link telefono }}{{>
@bodycopy-s info }}</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 two-lines">{{> @link telefono2 }}{{>
@bodycopy-s info2 }}</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line">{{ render '@icon--reloj'}}{{> @bodycopy-s horario }}</li>
</ul>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-6">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line">{{> @link enlace-mail }}</li>
<li class="col-xs-12 col-ms-12 col-sm-12 col-lg-12 one-line">{{> @link oficinas }}</li>
</ul>
</li>
</ul>
{{#if description}}
<div class="row">
<div class="col-xs-12 col-ms-6 col-sm-8 col-lg-6 contact-info__description">
{{> @bodycopy-s description }}
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
},
"title": {
"text": "Fale Connosco!",
"isH1": true
},
"description": {
"text": "<p>Estamos aqui para responder às suas questões.</p>"
},
"telefono": {
"isSimple": true,
"icon-before": {
"name": "tel",
"isBefore": true
},
"href": "tel:210000000",
"text": "210 000 000"
},
"telefono2": {
"isSimple": true,
"icon-before": {
"name": "tel",
"isBefore": true
},
"href": "tel:910000000",
"text": "910 000 000"
},
"info": {
"text": "<span>(Custo de chamada para a rede fixa nacional)</span>"
},
"info2": {
"text": "<span>(Custo de chamada para a rede móvel nacional)</span>"
},
"horario": {
"text": "<span>Dias úteis das 09:00h às 18:00h</span>"
},
"enlace-mail": {
"isSimple": true,
"icon-before": {
"name": "mail",
"isBefore": true
},
"href": "mailto:uci@uci.pt",
"text": "uci@uci.pt"
},
"oficinas": {
"icon-before": {
"name": "marker",
"isBefore": true
},
"href": "#",
"text": "Onde estamos"
}
}
.contact-info {
&__title{margin-bottom: 30px;}
ul{
li{
a.link{
span{padding-left: 5px;padding-right:5px;}
}
&:first-child{flex-wrap: wrap;flex-direction: row;
a.link{display:inline-flex;width:auto;
span{display:inline;padding-left: 5px;padding-right:0;}
&:first-child span{padding-right: 5px;}
}
}
&.two-lines{
div{clear:left;width: 100%;}
&:nth-of-type(2n) {
.icon{display:none;}
}
}
&.one-line{
flex-direction: row;
padding-bottom: 20px;
.icon-reloj{margin: 3px 14px 0 0; display: inline-flex; width: 12px; height:12px;}
}
}
}
}
No notes defined.