<header class="n7-header md-max-w-480-min-h:pt-[--header-offset] lg-min-w-480-min-h:pt-[--topbar-offset] shadow-md" id="siteHeader" aria-label="Header del sito">
<!-- Top bar -->
<div class="n7-top-bar flex items-center n7-background-02 py-1 md:py-2 px-4 hidden lg:flex">
<div class="n7-top-bar__container n7-container mx-auto flex items-center lg:flex-1">
<div class="n7-top-bar__navigation grid lg:flex items-center gap-2 lg:gap-8">
<!-- Secondary nav/menu component -->
<nav aria-label="Secondaria">
<ul class="n7-secondary-navigation grid lg:flex gap-4">
<li class="">
<a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">
voce 1
</a>
</li>
<li class="">
<a href="" class="n7-link p-2 text-xs lg:text-sm n7-content-01">
voce 2
</a>
</li>
</ul>
</nav>
</div>
<div class="n7-top-bar__utilities-area flex ml-auto">
<!-- Social links component -->
<div class="n7-social-links grid gap-1 md:flex md:gap-6">
<ul id="headerSocial" class="flex items-center gap-4 p-2 lg:p-0">
<li class="flex items-center">
<a href="" class="n7-link
text-2xl n7-content-01 p-2 xl:p-1 n7-link--lg
">
<span class="sr-only">Vai al profilo Facebook di ???</span>
<svg class="n7-icon inline-block align-middle fill-current w-8 h-8 lg:w-6 lg:h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--facebook" />
</svg>
</a>
</li>
<li class="flex items-center">
<a href="" class="n7-link
text-2xl n7-content-01 p-2 xl:p-1 n7-link--lg
">
<span class="sr-only">Vai al profilo Instagram di ???</span>
<svg class="n7-icon inline-block align-middle fill-current w-8 h-8 lg:w-6 lg:h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--instagram" />
</svg>
</a>
</li>
<li class="flex items-center">
<a href="" class="n7-link
text-2xl n7-content-01 p-2 xl:p-1 n7-link--lg
">
<span class="sr-only">Vai al canale YouTube di ???</span>
<svg class="n7-icon inline-block align-middle fill-current w-8 h-8 lg:w-6 lg:h-6" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#solid--youtube" />
</svg>
</a>
</li>
</ul>
</div>
<div class="w-1e flex mx-6 hidden lg:block">
<img class="w-full h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<!-- Language Selctor component -->
<div class="px-4">Lingua</div>
<!-- Search component -->
<div class="hidden lg:block">
<button type="button" id="searchModalTrigger" class="n7-btn n7-btn--secondary n7-btn--icon rounded-full w-6 h-6 md:w-10 md:h-10">
<span class="sr-only">Cerca nel sito - apri la modale</span>
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
<!-- Search Modal -->
<div id="searchModal" class="fixed items-center content-center inset-0 bg-black bg-opacity-50 overflow-y-auto h-full w-full" style="display:none;" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
<div class="relative h-full lg:h-full lg:w-full mx-auto p-6 lg:p-16 shadow-lg bg-white">
<div class="container n7-modal-content px-16 grid gap-14">
<div class="flex justify-between items-center">
<h2 id="modalTitle" class="text-3xl md:text-5xl lg:text-6xl">Cerca nel sito</h2>
<button id="closeModal" class="n7-btn n7-btn--icon border-0 hover:n7-background-primary hover:text-white">
<span class="sr-only">Chiudi</span>
<svg class="n7-icon inline-block align-middle fill-current w-8 h-8" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-mark" />
</svg>
</button>
</div>
<form role="search" class="flex gap-2">
<div class="n7-input-field gap-1 flex-1 ">
<label for="inputSearch" class="n7-input-field__label">
Cerca servizi, informazioni, aiuti...
</label>
<div class="n7-input has-icon">
<svg class="n7-icon inline-block align-middle fill-current n7-input__icon" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
<input id="inputSearch" class="text-sm n7-input-placeholder" type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="n7-btn
n7-btn--icon-right group/button n7-btn--primary self-end">
Cerca nel sito
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 transition-all duration-200 ease-out transform group-hover/button:translate-x-1" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-right" />
</svg>
</button>
</form>
</div><!-- /END MODAL CONTENT -->
</div>
</div>
</div><!--/ END SEARCH WRAPPER -->
</div>
<!--/ END TOP BAR UTILITIES -->
</div>
</div><!-- /END TOPBAR -->
<!-- Main heading -->
<div class="n7-main-heading bg-white flex items-center px-4 py-3 lg:p-4 border-b n7-border-primary lg:border-b-0 md-max-w-480-min-h:fixed md-max-w-480-min-h:top-[--header-top-position] md-max-w-480-min-h:right-0 md-max-w-480-min-h:left-0 md-max-w-480-min-h:z-30">
<div class="n7-main-heading__container n7-container mx-auto flex items-center flex-1">
<div class="n7-site-branding n7-branding flex items-center site-branding lg:max-w-[35.7%]">
<a class="n7-site-logo site-logo flex n7-logo--main auto" href="#">
<img class="w-full h-full object-cover md:object-contain object-left-top" src="/images/logo.png" alt="Alt logo image" width="248" height="81" />
</a>
<div class="n7-w-4 n7-h-10 md:n7-w-10 md:n7-h-20">
<img class="w-full h-auto" src="/images/vertical-divider.svg" alt="">
</div>
<a class="n7-site-logo site-logo flex n7-logo--secondary w-auto" href="#">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Alt logo image" width="248" height="81" />
</a>
</div>
<div class="n7-main-headings__center flex-1 lg:ml-auto lg:justify-end">
<nav class="n7-primary-navigation flex lg:justify-end" aria-label="Principale" id="siteNavWrapper">
<button type="button" class="n7-btn n7-btn--only-text rounded-0 lg:hidden ml-auto n7-btn--icon group" aria-expanded="false" aria-controls="mainNavPanel" id="mobileNavToggle">
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-show-menu group-aria-expanded:hidden" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--bars-3" />
</svg>
<svg class="n7-icon inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 m-0 p-0 transition-all duration-200 ease-out transform group-hover:translate-none is-close-menu hidden group-aria-expanded:inline-block" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--x-mark" />
</svg>
<span class="sr-only is-show-menu">
Menu
</span>
</button>
<!-- Mobile panel -->
<div class="n7-primary-navigation__panel flex-col bg-white transition-all invisible w-[88%] lg:w-auto fixed lg:static lg:visible top-[--header-height] bottom-0 left-[12%] lg:left-0 border-l n7-border-primary lg:border-l-0 overflow-y-auto lg:overflow-visible" id="mainNavPanel">
<!-- Main nav -->
<div class="n7-primary-navigation__module is-main lg:border-b-0">
<ul class="n7-primary-navigation__list grid lg:flex lg:justify-end gap-4 xl:gap-8">
<li>
<a href="" class="n7-primary-navigation__link group w-full flex items-center p-3 gap-2 font-medium hover:underline focus:n7-content-primary text-sm lg:text-base">
Item
</a>
</li>
<li>
<a href="" class="n7-primary-navigation__link group w-full flex items-center p-3 gap-2 font-medium hover:underline focus:n7-content-primary text-sm lg:text-base is-current" aria-current="page">
Current page
</a>
</li>
<li class="n7-dropdown-menu has-dropdown-menu n7-primary-navigation__item">
<button class="n7-dropdown-menu__trigger n7-dropdown-trigger group w-full flex items-center font-medium hover:underline focus:n7-content-primary aria-expanded:n7-background-02 lg:aria-expanded:bg-white aria-expanded:n7-content-01 p-3 gap-2 text-sm lg:text-base" aria-expanded="false" aria-controls="submenumenu-01">
Dropdown<svg class="n7-icon inline-block align-middle fill-current w-5 h-5 ml-auto transition-all n7-dropdown-menu__trigger-icon group-aria-expanded:-rotate-180" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--chevron-down" />
</svg>
</button>
<ul class="n7-dropdown-menu__list hidden border border-t-0 n7-border-gray-01 lg:w-52 lg:border-t lg:absolute lg:rounded lg:shadow-md border-r-0 border-l-0 lg:border-r lg:border-l" id="submenumenu-01">
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="block p-3 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-02 focus:n7-background-02 group-first:rounded-t group-last:rounded-b" href="">
<div class="flex gap-2 items-center">
<span class="grow">Item 1</span>
</div>
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="block p-3 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-02 focus:n7-background-02 group-first:rounded-t group-last:rounded-b" href="">
<div class="flex gap-2 items-center">
<span class="grow">Item 2</span>
</div>
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="block p-3 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-02 focus:n7-background-02 group-first:rounded-t group-last:rounded-b" href="">
<div class="flex gap-2 items-center">
<span class="grow">Item 3</span>
</div>
</a>
</li>
<li class="n7-dropdown-menu__item group border-b n7-border-gray-01 last-of-type:border-b-0">
<a class="block p-3 transition bg-white text-sm xl:text-base hover:underline hover:n7-background-02 focus:n7-background-02 group-first:rounded-t group-last:rounded-b" href="">
<div class="flex gap-2 items-center">
<span class="grow">Item 4</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- Mobile search in panel -->
<div class="n7-primary-navigation__module is-main lg:hidden is-last-element">
<form role="search" class="flex items-end p-3">
<div class="n7-input-field gap-1 flex-1 ">
<label for="inputSearchMobile" class="n7-input-field__label">
Cerca servizi, informazioni, aiuti...
</label>
<div class="n7-input has-icon">
<svg class="n7-icon inline-block align-middle fill-current n7-input__icon" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
<input id="inputSearchMobile" class="rounded-l-lg rounded-r-none text-sm n7-input-placeholder" type="search" placeholder="Cerca">
</div>
</div>
<button type="button" class="n7-btn n7-btn--secondary n7-btn--icon w-12 h-12">
<span class="sr-only">Cerca</span>
<svg class="n7-icon inline-block align-middle fill-current w-5 h-5" aria-hidden="true" focusable="false" role="img">
<use href="../../icons.svg#mini--magnifying-glass" />
</svg>
</button>
</form>
</div>
</div>
<div class="n7-primary-navigation__backdrop bg-black/25 top-[--header-height] lg:hidden"></div>
</nav>
</div>
</div>
</div>
<div class="lg:flex lg:n7-background-02 lg:py-2 is-second-last">
<nav class="lg:n7-container lg:flex lg:justify-center" aria-label="Label navigazione bottom">
<ul class="grid lg:flex gap-4">
<li class="">
<a href="" class="n7-link p-2 n7-content-01 font-medium text-sm lg:text-base">
Item 1
</a>
</li>
<li class="">
<a href="" class="n7-link p-2 n7-content-01 font-medium text-sm lg:text-base">
Item 2
</a>
</li>
<li class="">
<a href="" class="n7-link p-2 n7-content-01 font-medium text-sm lg:text-base">
Item 3
</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="mainContent">
</main>
<footer class="n7-footer mt-auto bg-white">
<div class="n7-logos-area">
<div class="container p-6 space-y-6">
<h2 class="n7-content-02 text-base md:text-lg font-bold">Titolo sezione footer</h2>
<div class="grid md:flex gap-4 md:items-center">
<div class="md:mr-auto">
<!-- Logo -->
<a class="n7-site-logo site-logo flex" href="#">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Img alt" width="247" height="80" />
</a>
</div>
<div class="flex flex-wrap gap-4">
<a class="n7-site-logo site-logo flex" href="#">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Img alt" width="247" height="80" />
</a>
<a class="n7-site-logo site-logo flex" href="#">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Img alt" width="247" height="80" />
</a>
</div>
</div>
</div>
</div>
<div class="n7-footer__navigation-row grid gap-x-10 gap-y-4 md:flex n7-container md:px-5 py-6">
<!-- Left block -->
<div class="flex flex-col gap-3 px-5 md:px-0 pb-4 md:pb-0 border-b md:border-b-0 n7-border-gray-01">
<!-- Logo -->
<div class="n7-site-logo site-logo flex mb-1">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Img alt" width="247" height="80" />
</div>
<!-- Info e contatti -->
<address class="grid gap-3 n7-content-03 text-sm">
<p>Indirizzo</p>
<p>Email: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
<p>Pec: <a class="n7-link n7-link--sm n7-link--underline text-current" href="mailto:email@email.com">email@email.com</a></p>
<p>Codice fiscale: 00000000000</p>
</address>
</div>
<!-- Right block -->
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-x-14 gap-y-4 w-full px-5">
<div class="basis-full md:basis-1/2 lg:basis-full">
<nav aria-labelledby="footerMainNav01">
<h2 id="footerMainNav01" class="text-lg mb-4">Lorem ipsum</h2>
<ul class="flex flex-col gap-3">
<li>
<a href="" class="n7-link n7-content-03 text-sm">Lorem ipsum dolor sit amet consectetur adipiscing elit</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
</ul>
<nav>
</div>
<div class="basis-full md:basis-1/2 lg:basis-full">
<nav aria-labelledby="footerMainNav02">
<h2 id="footerMainNav02" class="text-lg mb-4">Lorem ipsum</h2>
<ul class="flex flex-col gap-3">
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">Lorem ipsum dolor sit amet consectetur adipiscing elit</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
</ul>
<nav>
</div>
<div class="basis-full md:basis-1/2 lg:basis-full">
<nav aria-labelledby="footerMainNav03">
<h2 id="footerMainNav03" class="text-lg mb-4">Lorem ipsum</h2>
<ul class="flex flex-col gap-3">
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">Lorem ipsum dolor sit amet consectetur adipiscing elit</a>
</li>
<li>
<a href="" class="n7-link n7-content-03 text-sm">link</a>
</li>
</ul>
<nav>
</div>
<div class="basis-full md:basis-1/2 lg:basis-full">
<div class="flex flex-col gap-8">
<h2 class="text-lg">Titolo</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit proin bibendum ut purus vitae pharetra.</p>
<a href="#" class="n7-btn
n7-btn--primary
">
Link
</a>
</div>
</div>
</div>
</div>
<!-- Footer bottom bar -->
<div class="n7-footer__bottom-bar border-t n7-border-gray-01 px-2 md:px-5 py-6">
<div class="n7-container grid gap-6 md:flex items-center justify-between">
<div class="n7-footer__bottom-bar-left">
<!-- Utilities and other -->
<nav aria-label="Utilità ">
<ul class="flex gap-y-3 gap-x-5 md:gap-y-1 flex-wrap">
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Gestione cookies</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Note legali e copyright</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Privacy e cookie</a>
</li>
<li>
<a href="" class="n7-link py-1 px-3 md:py-4 n7-content-03 text-xs md:text-sm md:text-md">Dichiarazione di accessibilità </a>
</li>
</ul>
</nav>
</div>
<div class="n7-footer__bottom-bar-right px-2 md:px-0">
<!-- Logos -->
<div class="n7-site-logo site-logo flex w-40 h-auto md:w-44 lg:w-[223px]">
<img class="w-full h-full object-contain object-left-top" src="/images/logo.png" alt="Img alt" width="223" height="76" />
</div>
</div>
</div>
</div>
</footer>
{% render '@header' %}
<main id="mainContent">
{% block content %}{% endblock content %}
</main>
{% render '@footer' %}
/* No context defined. */
No notes defined.