Nos Services
Financements
<div class="text-white md:flex">
<div class="md:w-1/3" x-data="{open: false, isMobile: window.outerWidth < 768}" @resize.window.debounce.100="isMobile = window.outerWidth < 768;">
<div @click="open = !open"
class="flex justify-between font-semibold py-6 cursor-pointer md:cursor-default">
<span>Nos Services</span>
<span class="md:hidden">
<svg x-show="!open" class="icon w-5" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 16.5V30H16.5V16.5H30V13.5H16.5V0H13.5V13.5H0V16.5H13.5Z" fill="currentColor"/>
</svg>
<svg x-show="open" class="icon w-4.5" width="24.1215" height="24.1213" viewBox="0 0 24.1215 24.1213" fill="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M 12.0608,14.1819 2.12132,24.1213 0,22 9.93945,12.0605 2.26974e-4,2.12132 2.12155,0 12.0608,9.93923 22,0 24.1213,2.12132 14.1821,12.0605 24.1215,22 22.0002,24.1213 Z" fill="currentColor" />
</svg>
</span>
</div>
<ul :class="{'hidden' : !open && isMobile}">
<li class="py-2"><a href="#">Acheter</a></li>
<li class="py-2"><a href="#">Vendre</a></li>
<li class="py-2"><a href="#">Entretenir</a></li>
<li class="py-2"><a href="#">Nous trouver</a></li>
<li class="py-2"><a href="#">Qui sommes-nous ?</a></li>
</ul>
</div>
<div class="md:w-1/3" x-data="{open: false, isMobile: window.outerWidth < 768}" @resize.window.debounce.100="isMobile = window.outerWidth < 768;">
<div @click="open = !open"
class="flex justify-between font-semibold py-6 cursor-pointer md:cursor-default">
<span>Financements</span>
<span class="md:hidden">
<svg x-show="!open" class="icon w-5" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 16.5V30H16.5V16.5H30V13.5H16.5V0H13.5V13.5H0V16.5H13.5Z" fill="currentColor"/>
</svg>
<svg x-show="open" class="icon w-4.5" width="24.1215" height="24.1213" viewBox="0 0 24.1215 24.1213" fill="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M 12.0608,14.1819 2.12132,24.1213 0,22 9.93945,12.0605 2.26974e-4,2.12132 2.12155,0 12.0608,9.93923 22,0 24.1213,2.12132 14.1821,12.0605 24.1215,22 22.0002,24.1213 Z" fill="currentColor" />
</svg>
</span>
</div>
<ul :class="{'hidden' : !open && isMobile}">
<li class="py-2"><a href="#">Comment ça marche</a></li>
<li class="py-2"><a href="#">Nos avantages</a></li>
</ul>
</div>
<div class="md:w-1/3" x-data="{open: false, isMobile: window.outerWidth < 768}" @resize.window.debounce.100="isMobile = window.outerWidth < 768;">
<div @click="open = !open"
class="flex justify-between font-semibold py-6 cursor-pointer md:cursor-default">
<span>A propos</span>
<span class="md:hidden">
<svg x-show="!open" class="icon w-5" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 16.5V30H16.5V16.5H30V13.5H16.5V0H13.5V13.5H0V16.5H13.5Z" fill="currentColor"/>
</svg>
<svg x-show="open" class="icon w-4.5" width="24.1215" height="24.1213" viewBox="0 0 24.1215 24.1213" fill="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M 12.0608,14.1819 2.12132,24.1213 0,22 9.93945,12.0605 2.26974e-4,2.12132 2.12155,0 12.0608,9.93923 22,0 24.1213,2.12132 14.1821,12.0605 24.1215,22 22.0002,24.1213 Z" fill="currentColor" />
</svg>
</span>
</div>
<ul :class="{'hidden' : !open && isMobile}">
<li class="py-2"><a href="#">Nous rejoindre</a></li>
<li class="py-2"><a href="#">Nos articles</a></li>
<li class="py-2"><a href="#">Nos services</a></li>
<li class="py-2"><a href="#">Nos financements</a></li>
<li class="py-2"><a href="#">Nous contacter</a></li>
</ul>
</div>
</div>