<div class="flickity-button-inset" data-flickity='{"autoPlay": true,"pageDots": false,"cellAlign": "left", "wrapAround": true, "imagesLoaded": true}'> {% if slides is not null %} {% for slide in slides %} <div class="col-12 col-md-12 px-0 overlay overlay-black overlay-50"> {% set runtimeConfig = {"thumbnail": {"size": [1200, 450] }} %} <img src="{{ slide.image | imagine_filter('homeslides',runtimeConfig) }}" class="img-fluid w-100" alt="..." data-flickity-bg-lazyload="{{ asset('uploads/aerien.jpeg') }}"> <div class="centered text-white"> {# <h1 class="display-2 fw-bold text-white"><span class="text-white" data-typed='{"strings": ["L’affrètement et organisation des transports", "Fret aérien et maritime", "Négoces internationaux,","Prestations de services logistiques et Télécoms","Téléphonie, achat et vente de tout produit non réglementé", "Import et Export","Intermédiation transfert d’argent"]}'> </span></h1></div>#} <h1 class="display-2 fw-bold text-white"><span class="text-white" data-typed='{"strings": ["{{ slide.title }}","{{ slide.title }}"]}'> </span></h1></div> </div> {% endfor %} {% endif %}</div><section class="py-2 py-md-4 bg-warning"> <div class="container"> <div class="flickity-viewport-visible" data-flickity='{"imagesLoaded": true, "pageDots": false,"cellAlign": "center", "prevNextButtons": false, "contain": false}'> <div class="col-12 col-md-12 col-lg-12 text-center"> <span class="text-white text-center">54 Rue de Clignancourt, 75018 Paris | <a href="tel:+33699000649" class="text-white">+33 699 000 649</a> | <a href="mailto:contact@tldilostic.com" class="text-white">contact@tldilostic.com</a></span> </div> </div> </div></section><div class="position-relative"> <div class="shape shape-bottom shape-fluid-x text-gray-200"> <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg> </div></div><style> .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }</style>