{% 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: 'Nome de área' }
} %}
{% 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',
} %}
</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-external-link">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>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}