<div class="container"> <div class="fancy-title title-border title-center mb-5"> <h4 id="explore-more-elements" class="h3" data-onepage-settings="{"offset":60,"speed":1250,"easing":false}"> <a href="icons.html" class="btn btn-warning btn-lg">Nos Vélos pour location<i class="bi-arrow-right ms-2" style="position: relative; top: 1px;"></i> </a> </h4> </div><<<<<<< HEAD <div id="oc-portfolio" class="owl-carousel portfolio-carousel carousel-widget" data-pagi="false" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-lg="4"> {% for bike in bikes %} <div class="portfolio-item"> <div class="portfolio-image"> <a href="portfolio-single.html"> <img src="{{ asset('uploads/' ~ bike.principalimage) }}" alt="Open Imagination"> </a> <div class="bg-overlay"> <div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-speed="350"> <a href="{{ asset('uploads/' ~ bike.principalimage) }}" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeInUpSmall" data-hover-speed="350" data-lightbox="principalimage"> <i class="uil uil-plus"></i> </a> </div> <div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-speed="350"></div> </div> </div> <div class="portfolio-desc"> <h3> <a href="#">{{ bike.brand.id}}-{{ bike.brand.title}}</a> </h3> </div> </div> {% endfor %} </div></div>