{% set parametre = site_parameters.getParameters() %}
{% set target = ['','_top','_new','_self','_blank','_parent'] %}
{% import _self as macros %}
<header class="modele-header-3 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
<div class="header-principal">
<div class="container-fluid content-wrapper">
<div class="item-header row d-flex justify-content-between align-items-center">
<div class="col-lg-5 col-sm-4 col-3">
<div class="d-flex justify-content-start flex-lg-row flex-sm-column flex-row">
{#% set emails = unserialize(contacts[0].email) %}
{% for key,item in emails %}
<div class="item-email-header d-flex me-lg-4 me-sm-0 me-2">
<a href="tel:{{item}}" class="d-flex align-items-center" rel="nofollow">
<i class="fa-regular fa-envelope me-2"></i>
<span class="d-sm-inline d-none">{{item}}</span>
</a>
</div>
{% endfor %#}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header d-flex">
<a href="tel:{{stripNonNumeric(item)}}" class="d-flex align-items-center" rel="nofollow">
<i class="fa-solid fa-phone-volume me-2"></i>
<span class="d-sm-inline d-none">{{item}}</span>
</a>
</div>
{% endfor %}
</div>
</div>
<div class="bloc-header-1 col-auto text-center">
<a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
<div class="logo">
{% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
<img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="128" height="65" fetchpriority="high">
{% elseif parametre.image is not empty %}
<img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="128" height="65" fetchpriority="high">
{% endif %}
</div>
</a>
</div>
<div class="bloc-header-2 col-lg-5 col-sm-4 col-3 order-lg-3 ps-0">
<div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
{#
{% if socials is defined and socials is not empty %}
<div class="socials-items d-sm-flex d-none">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest-p"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
#}
<div class="cta bouton1-header ">
<button class="btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="Prendre rendez-vous maintenant"><i class="fa-regular fa-envelope d-sm-none d-block"></i> <span class="d-sm-block d-none">{{ 'label.reserver'|trans([],'textes') }}</span></button>
</div>
<div class="item-menu-header justify-content-center align-items-center d-xl-none d-flex ms-3">
<div class="w-100">
<div class="burger-menu" id="burger-menu">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
{% if menu_right is defined and menu_right is not empty %}
<nav class="primary-nav menu justify-content-center" id="menu">
<ul>
{{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
</ul>
{% if socials is defined and socials is not empty %}
<div class="socials-items d-none">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if contacts is defined and contacts is not empty %}
{% for item in contacts %}
<div class="item-horaire-header d-lg-none d-flex text-center">
{% if item.horairesContact is not empty %}
{{item.horairesContact|raw}}
{% endif %}
</div>
{% endfor %}
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header mb-2 d-none">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta-mobile bouton1-header d-none">
<button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
</div>
</nav>
{% endif %}
</div>
</div>
{% if parametre.actifbarserach %}
<div class="dropdown search-bar bouton1-header">
<button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-search"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
<form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
<input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
<button class="btn btn-theme" type="submit">Rechercher</button>
<button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
</form>
</ul>
</div>
{% endif %}
{% if parametre.actifswitchlang %}
<div class="switch-lang-mobile d-lg-block">
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="container-fluid d-xl-block d-none pt-2">
<div class="item-menu-header col-12 d-flex justify-content-center align-items-center order-4">
<div class="w-100">
<div class="burger-menu" id="burger-menu">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
{% if menu_right is defined and menu_right is not empty %}
<nav class="primary-nav menu justify-content-center" id="menu">
<ul>
{{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
</ul>
{% if socials is defined and socials is not empty %}
<div class="socials-items d-md-none d-block">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header mb-2 d-md-none d-block">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
</nav>
{% endif %}
</div>
</div>
</div>
</div>
</header>
{% macro render_menu(menu_items, use_icons, target) %}
{% for menu in menu_items %}
<li>
<a title="{{ menu.title }}" href="{{ menu.path }}" {% if menu.nofollow %} rel="nofollow" {% endif %} target="{{ target[menu.target] }}"
{% if menu.child is defined and menu.child is not empty %}class="toggle-submenu"{% endif %} >
{% if use_icons %}
{% if menu.icone %}
<img src="{{ menu.icone }}" alt="{{ menu.title }}" class="icone"/>
{% endif %}
{% if menu.icone_hover %}
<img src="{{ menu.icone_hover }}" alt="{{ menu.title }}" class="picto-hover"/>
{% endif %}
{% endif %}
{{ menu.title }}
</a>
{% if menu.child is defined and menu.child is not empty %}
<ul class="submenu">
{{ _self.render_menu(menu.child, use_icons, target) }}
</ul>
{% endif %}
</li>
{% endfor %}
{% endmacro %}
{#
<header class="modele-header-2 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
<div class="header-principal">
<div class="container-fluid content-wrapper">
<div class="item-header row d-flex justify-content-between align-items-center">
<div class="bloc-header-1 col col-lg-auto">
<a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
<div class="logo">
{% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
<img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="88" height="60" fetchpriority="high">
{% elseif parametre.image is not empty %}
<img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="88" height="60" fetchpriority="high">
{% endif %}
</div>
</a>
</div>
<div class="item-menu-header col-auto d-flex justify-content-center align-items-center flex-lg-row flex-row-reverse order-lg-2 order-3">
<div>
<div class="burger-menu" id="burger-menu">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
{% if menu_right is defined and menu_right is not empty %}
<nav class="primary-nav menu" id="menu">
<ul>
{{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
</ul>
{% if socials is defined and socials is not empty %}
<div class="socials-items d-none">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header mb-2 d-none">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta-mobile bouton1-header d-none">
<button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
</div>
</nav>
{% endif %}
</div>
<div class="cta bouton1-header d-flex ms-lg-5 me-lg-0 me-5">
<button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.reserver'|trans([],'textes') }}"><span class="d-sm-block d-none">{{ 'label.reserver'|trans([],'textes') }}</span><i class="fa-solid fa-envelope d-sm-none"></i></button>
</div>
</div>
<div class="bloc-header-2 col-auto order-lg-3 order-2 d-none">
<div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
{#
{% if socials is defined and socials is not empty %}
<div class="socials-items d-sm-flex d-none">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header d-sm-flex d-none me-2">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta bouton1-header d-sm-flex d-none">
<button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(4)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
</div>
{% if parametre.actifbarserach %}
<div class="dropdown search-bar bouton1-header">
<button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-search"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
<form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
<input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
<button class="btn btn-theme" type="submit">Rechercher</button>
<button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
</form>
</ul>
</div>
{% endif %}
{% if parametre.actifswitchlang %}
<div class="switch-lang-mobile d-lg-block">
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</header>#}
{#
<header class="modele-header-1 {{className}} {% if theme_option.headerbgtransparent %}transparent{% endif %}">
<div class="header-principal">
<div class="container-fluid content-wrapper">
<div class="item-header row d-flex justify-content-between align-items-center">
<div class="bloc-header-1 col col-lg-auto">
<a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
<div class="logo">
{% if theme_option.headerbgtransparent and parametre.imageheader is not empty %}
<img class="img-logo" src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="121" height="166" fetchpriority="high">
{% elseif parametre.image is not empty %}
<img src="{{asset('/uploads/media-site/'~ parametre.image)}}" alt="{{parametre.titre}}" width="121" height="166" fetchpriority="high">
{% endif %}
</div>
</a>
</div>
<div class="item-menu-header col-auto d-flex justify-content-center align-items-center order-lg-2 order-3">
<div>
<div class="burger-menu" id="burger-menu">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
{% if menu_right is defined and menu_right is not empty %}
<nav class="primary-nav menu" id="menu">
<ul>
{{ macros.render_menu(menu_right, theme_option.actificonesnavigation, target) }}
</ul>
{% if socials is defined and socials is not empty %}
<div class="socials-items d-md-none d-block">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header mb-2 d-md-none d-block">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta-mobile bouton1-header d-md-none d-block">
<button class="btn-theme btn-header" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
</div>
</nav>
{% endif %}
</div>
</div>
<div class="bloc-header-2 col-auto order-lg-3 order-2">
<div class="lists-items-header d-flex justify-content-end align-items-center flex-wrap" itemscope="">
{% if socials is defined and socials is not empty %}
<div class="socials-items d-sm-flex d-none">
<div class="socials">
{% for item in socials %}
{% if item.type == 1 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
{% elseif item.type == 2 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
{% elseif item.type == 3 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-instagram"></i></a>
{% elseif item.type == 4 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
{% elseif item.type == 5 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-youtube"></i></a>
{% elseif item.type == 6 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-pinterest"></i></a>
{% elseif item.type == 7 %}
<a href="{{item.url}}" title="{{item.titre}}" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% set phones = unserialize(contacts[0].tel) %}
{% for key,item in phones %}
<div class="item-tel-header d-sm-flex d-none me-2">
<a href="tel:{{stripNonNumeric(item)}}" class="tel phone-link" rel="nofollow">
<i class="fa-solid fa-phone me-2 "></i>
<span>{{item}}</span>
</a>
</div>
{% endfor %}
<div class="cta bouton1-header d-sm-flex d-none">
<button class="btn-header btn-theme" onclick="window.location.href = '{{resolveInternalSlugLink(11)}}';" title="{{ 'label.reserver'|trans([],'textes') }}">{{ 'label.reserver'|trans([],'textes') }}</button>
</div>
{% if parametre.actifbarserach %}
<div class="dropdown search-bar bouton1-header">
<button class="btn btn-outline-secondary btn-header" type="button" id="searchDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-search"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end p-3" aria-labelledby="searchDropdown">
<form class="d-flex" role="search" action="{{path('page',{slug:'search'})}}" method="GET">
<input class="form-control me-2" type="search" name="search_keywords" placeholder="Rechercher..." aria-label="Rechercher">
<button class="btn btn-theme" type="submit">Rechercher</button>
<button class="btn btn-dark btn-mobile" type="submit"><i class="fas fa-search"></i></button>
</form>
</ul>
</div>
{% endif %}
{% if parametre.actifswitchlang %}
<div class="switch-lang-mobile d-lg-block">
{{ include ('theme/'~ app.request.server.get('APP_THEME') ~'/partials/_locale.html.twig',{}, with_context = false)}}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</header>
#}