54 lines
No EOL
3.9 KiB
PHP
54 lines
No EOL
3.9 KiB
PHP
<div id="expertiseAnchor" class="row nav-expertise-wrapper wrapper-xxl justify-content-center align-items-center">
|
|
<ul class="d-flex flex-wrap nav justify-content-evenly align-items-center">
|
|
<li class="specimen-wrapper text-center mb-5 my-md-0">
|
|
<a class="expertise-link d-flex flex-column justify-content-center align-items-center @if(request()->route()->getName() === 'expertise.pintade')active @endif" href="{{ route('expertise.pintade') }}">
|
|
<div class="coin-wrapper position-relative rounded-circle mx-auto w-fit">
|
|
<div class="coin-img-wrapper position-relative rounded-circle p-2">
|
|
<img class="m-4" src="{{ asset('build/assets/images/pintade.png') }}" alt="Dessin d'une pintade">
|
|
</div>
|
|
<p class="position-absolute top-100 start-50 translate-middle-x">Pintade</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="specimen-wrapper text-center mb-5 my-md-0">
|
|
<a class="expertise-link d-flex flex-column justify-content-center align-items-center @if(request()->route()->getName() === 'expertise.dinde')active @endif" href="{{ route('expertise.dinde') }}">
|
|
<div class="coin-wrapper position-relative rounded-circle mx-auto w-fit">
|
|
<div class="coin-img-wrapper position-relative rounded-circle p-2">
|
|
<img class="m-4" src="{{ asset('build/assets/images/dinde.png') }}" alt="Dessin d'une dinde">
|
|
</div>
|
|
<p class="position-absolute top-100 start-50 translate-middle-x">Dinde</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="specimen-wrapper text-center mb-5 my-md-0">
|
|
<a class="expertise-link d-flex flex-column justify-content-center align-items-center @if(request()->route()->getName() === 'expertise.poulet')active @endif" href="{{ route('expertise.poulet') }}">
|
|
<div class="coin-wrapper position-relative rounded-circle mx-auto w-fit">
|
|
<div class="coin-img-wrapper position-relative rounded-circle p-2">
|
|
<img class="m-4" src="{{ asset('build/assets/images/poulet.png') }}" alt="Dessin d'un poulet">
|
|
</div>
|
|
<p class="position-absolute top-100 start-50 translate-middle-x">Poulet</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="specimen-wrapper text-center mb-5 my-md-0">
|
|
<a class="expertise-link d-flex flex-column justify-content-center align-items-center @if(request()->route()->getName() === 'expertise.canard')active @endif" href="{{ route('expertise.canard') }}">
|
|
<div class="coin-wrapper position-relative rounded-circle mx-auto w-fit">
|
|
<div class="coin-img-wrapper position-relative rounded-circle p-2">
|
|
<img class="m-4" src="{{ asset('build/assets/images/canard.png') }}" alt="Dessin d'un canard">
|
|
</div>
|
|
<p class="position-absolute top-100 start-50 translate-middle-x">Canard</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="specimen-wrapper text-center mb-5 my-md-0">
|
|
<a class="expertise-link d-flex flex-column justify-content-center align-items-center @if(request()->route()->getName() === 'expertise.lapin')active @endif" href="{{ route('expertise.lapin') }}">
|
|
<div class="coin-wrapper position-relative rounded-circle mx-auto w-fit">
|
|
<div class="coin-img-wrapper position-relative rounded-circle p-2">
|
|
<img class="m-4" src="{{ asset('build/assets/images/lapin.png') }}" alt="Dessin d'un lapin">
|
|
</div>
|
|
<p class="position-absolute top-100 start-50 translate-middle-x">Lapin</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div> |