<!-- offcanvas area start -->
<div class="offcanvas__area bg-gradient-header">
<div class="offcanvas__wrapper">
<div class="offcanvas__content">
<div class="offcanvas__top mb-40 d-flex justify-content-between align-items-center">
<div class="offcanvas__logo logo">
<a href="#">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo Mether" width="150" height="24"
srcset="{{ asset('assets/images/logo.png') }} 480w,
{{ asset('assets/images/logo.png') }} 768w,
{{ asset('assets/images/logo.png') }} 1200w">
</a>
</div>
<div class="offcanvas__close">
<button class="offcanvas__close-btn offcanvas-close-btn">
<i class="fal fa-times"></i>
</button>
</div>
</div>
<div class="">
{% if app.user %}
<a href="{{path('app_auth_logout')}}" class="btn btn-warning">Deconnexion</a>
{% endif %}
</div>
<div class="mobile-menu fix mb-40"></div>
{# <div class="offcanvas__contact mt-30 mb-20">
<h4>Contact Info</h4>
<ul>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fal fa-map-marker-alt"></i>
</div>
<div class="offcanvas__contact-text">
<a target="_blank" href="https://www.google.com/maps/place/Dhaka/@23.7806207,90.3492859,12z/data=!3m1!4b1!4m5!3m4!1s0x3755b8b087026b81:0x8fa563bbdd5904c2!8m2!3d23.8104753!4d90.4119873">PIXELSIOR Croklacom, les Gayots 03440 Buxières-les-MinesC</a>
</div>
</li>
<li class="d-flex align-items-center">
<div class="offcanvas__contact-icon mr-15">
<i class="fal fa-envelope"></i>
</div>
<div class="offcanvas__contact-text">
<a href="mailto:contact@pixelsior.fr">contact@pixelsior.fr</a>
</div>
</li>
</ul>
</div> #}
{# <div class="offcanvas__social">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div> #}
</div>
</div>
</div>
<div class="body-overlay"></div>
<!-- offcanvas area end -->