Neem contact op met

Wie zijn die BANDI?

Olivier Collette oprichter van Bandi Design

Olivier Collette

Oprichter

We deden het allemaal terwijl we plezier hadden! Maar zonder afstand te doen van onze fundamentele ideeën: 100% lokale productie, tijdloos design, duurzame kwaliteit en gecontroleerde kosten.

Thomas Crucifix oprichter van Bandi Design

Thomas Crucifix

Oprichter

Ik ben altijd weer onder de indruk als ik zie wat er allemaal kan voortkomen uit een idee dat op een stukje papier is getekend . Met hard werken, passie en mooie ontmoetingen is alles mogelijk.
Croquis BANDI
/* Le lien dans le texte */ .bandi-croquis-lightbox { color: inherit; text-decoration: underline; cursor: zoom-in; } /* Fond du lightbox */ .bandi-croquis-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 40px; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility .3s ease; } /* Lightbox ouvert */ .bandi-croquis-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; } /* Image */ .bandi-croquis-modal img { display: block; max-width: 95vw; max-height: 90vh; width: auto; height: auto; object-fit: contain; transform: scale(.96); transition: transform .3s ease; } .bandi-croquis-modal.is-open img { transform: scale(1); } /* Croix */ .bandi-croquis-close { position: absolute; top: 20px; right: 25px; border: 0; padding: 0; background: transparent; color: white; font-size: 45px; line-height: 1; cursor: pointer; } /* Mobile */ @media (max-width: 767px) { .bandi-croquis-modal { padding: 20px; } .bandi-croquis-close { top: 12px; right: 15px; } } document.addEventListener('DOMContentLoaded', function () { const modal = document.getElementById('bandi-croquis-modal'); const closeButton = modal.querySelector('.bandi-croquis-close'); // Ouverture document.addEventListener('click', function(e) { const link = e.target.closest('.bandi-croquis-lightbox'); if (!link) return; e.preventDefault(); modal.classList.add('is-open'); document.body.style.overflow = 'hidden'; }); // Fermeture function closeModal() { modal.classList.remove('is-open'); document.body.style.overflow = ''; } closeButton.addEventListener('click', closeModal); // Fermer en cliquant sur le fond modal.addEventListener('click', function(e) { if (e.target === modal) { closeModal(); } }); // Fermer avec Escape document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeModal(); } }); });