<div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade left" id="exampleModal" role="dialog" tabindex="-1">
<div class="modal-dialog bg-transparent" role="document">
<div class="modal-content bg-transparent">
<div class="modal-header">
<nav class="nav">
<a class="nav-link" href="#"><i class="fab fa-2x fa-facebook"></i></a>
<a class="nav-link" href="#"><i class="fab fa-2x fa-instagram"></i></a>
<a class="nav-link" href="#"><i class="fab fa-2x fa-tripadvisor"></i></a>
<a class="nav-link" href="#"><i class="fab fa-2x fa-airbnb"></i></a>
</nav>
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true"><i class="fas fa-times"></i></span>
</button>
</div>
<div class="modal-body rounded-0 bg-transparent">
<div class="container-fluid">
<div class="row">
<div class="col-6">
<ul class="nav flex-column">
<li class="nav-item active">
<a class="nav-link" href="/"><img src="{{asset('img/navbar/accueil.png')}}" class="img-fluid" alt=""></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{asset('img/navbar/particuliers.png')}}" class="img-fluid" alt="">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/particuliers/mariages"><img src="{{asset('img/navbar/mariages.png')}}" class="img-fluid" alt=""></a>
<a class="dropdown-item" href="/particuliers/evenements"><img src="{{asset('img/navbar/evenements.png')}}" class="img-fluid" alt=""></a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/chambres-dhotes"><img src="{{asset('img/navbar/chambresdhotes.png')}}" class="img-fluid" alt=""></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="{{asset('img/navbar/chambresdhotes.png')}}" class="img-fluid" alt=""></a>
</li>
</ul>
</div>
<div class="col-6">
<ul class="nav flex-column">
<li class="nav-item active">
<a class="nav-link" href="/professionnels"><img src="{{asset('img/navbar/professionnels.png')}}" class="img-fluid" alt=""></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="{{asset('img/navbar/particuliers.png')}}" class="img-fluid" alt=""></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{asset('img/navbar/tourisme.png')}}" class="img-fluid" alt="">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Circuits touristiques - La palombe orange</a>
<a class="dropdown-item" href="#">Musées en pays de gosse</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="{{asset('img/navbar/contact.png')}}" class="img-fluid" alt=""></a>
</li>
</ul>
</div>
</div>
</div>
{# <div class="modal-footer">
<button class="btn btn-secondary" data-dismiss="modal" type="button">Close</button>
<button class="btn btn-primary" type="button">Save changes</button>
</div> #}
</div>
</div>
</div>