{% extends "layouts/services.html.twig" %}
{% block bodyClass %}tpl-special-facility-front-page has-facilities-skin{% endblock %}
{% block facilitiesSkinImage %}background-image: url('https://picsum.photos/1440/400');{% endblock %}
{% block siteHeader %}
{% include 'organisms/services-facility-header.html.twig' with {
logo: asset('/images/logo-neg.svg'),
taxonomy: { path: path('services-area-frontpage'), name: 'Área de servizos' }
} %}
{% endblock %}
{% block pageContent %}
<article class="special-facility-front-page-wrapper">
<div class="special-facility-front-page-header">
<div class="special-facility-front-page-contact-info">
{% include 'molecules/specs/contact.html.twig' with {
title: 'Contacto',
} %}
{% include 'molecules/social-button-list.html.twig' %}
</div>
<div class="special-facility-front-page-description">
<div class="at-lead-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada
pellentesque. Suspendisse mauris mauris, ultricies id egestas ac, consectetur a tortor.
Vestibulum ac convallis lectus. Proin in nibh imperdiet, iaculis dui in, aliquet augue. Fusce
tincidunt mattis massa et sollicitudin.</p>
</div>
</div>
<aside class="special-facility-front-page-attachments">
<div class="ml-alert is-attached">
<h3 class="at-title">Aviso</h3>
<div class="at-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex.</p>
</div>
</div>
<ul class="ml-buttons-list is-vertical">
<li>
<a href="" class="at-button is-tertiary at-icon-intranet">Intranet</a>
</li>
<li>
<a href="" class="at-button is-tertiary at-icon-external-link">Recurso externo</a>
</li>
<li>
<a href="" class="at-button is-tertiary at-icon-external-link">Recurso externo</a>
</li>
<li>
<a href="" class="at-button is-tertiary at-icon-external-link">Recurso externo</a>
</li>
</ul>
</aside>
</div>
</article>
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Recursos destacados</h2>
</div>
<div class="org-modules-container has-banners">
{% include 'molecules/banners/m.html.twig' with {
modifiers: 'is-services is-program',
title: 'Programa',
text: '',
hasImage: true,
link: path ('services-program'),
} %}
{% include 'molecules/banners/l.html.twig' with {
modifiers: 'is-services is-program',
title: 'Programa',
hasImage: true,
link: path ('services-program'),
} %}
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-services is-activity',
title: 'Actividade',
text: '',
hasImage: true,
link: path ('services-activity'),
} %}
{% include 'molecules/banners/s.html.twig' with {
modifiers: 'is-services is-activity',
title: 'Actividade',
text: '',
hasImage: true,
link: path ('services-activity'),
} %}
{% include 'molecules/banners/m.html.twig' with {
modifiers: 'is-services',
title: 'Recurso externo',
text: '',
} %}
</div>
</section>
<div class="row">
<div class="col-lg-9">
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Actualidade</h2>
<div class="tier-action">
<a href="">ver máis</a>
</div>
</div>
<div class="tier-content">
<div class="org-modules-container is-three-quarters">
{% include 'molecules/news/l-institutional.html.twig' %}
{% include 'molecules/news/m.html.twig' with { hasImage: true } %}
</div>
</div>
</section>
</div>
<div class="col-lg-3">
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Axenda</h2>
<div class="tier-action">
<a href="">ver máis</a>
</div>
</div>
<div class="tier-content">
<div class="org-modules-container is-one-quarter">
{% include 'molecules/events/m.html.twig' with { hasDate: true } %}
{% include 'molecules/events/m.html.twig' with { hasDate: true } %}
</div>
</div>
</section>
</div>
</div>
<section class="org-tier">
<div class="tier-header">
<h2 class="tier-title">Diretorio seleccionado</h2>
</div>
<div class="org-modules-container" id="banners-container-1">
{% include 'molecules/specs/contact.html.twig'with {
link: path('services-unity'),
title: 'Unidade relacionada'} %}
{% include 'molecules/specs/contact.html.twig'with {
title: 'Contacto'} %}
{% include 'molecules/specs/contact.html.twig'with {
title: 'Contacto'} %}
</div>
</section>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}