Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Références - Tick8ing</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <custom-navbar></custom-navbar> | |
| <div class="max-w-7xl mx-auto px-4 py-16 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16 animate-on-scroll"> | |
| <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl"> | |
| Références & Expériences | |
| </h1> | |
| <p class="mt-6 max-w-3xl mx-auto text-xl text-indigo-600"> | |
| Un écosystème complet, performant et conforme au RGPD | |
| </p> | |
| </div> | |
| <!-- Présentation section --> | |
| <section class="mb-20 bg-white p-8 rounded-xl shadow-md"> | |
| <h2 class="text-2xl font-bold text-gray-900 mb-4">Présentation de l'organisation</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="border border-gray-200 rounded-lg p-6"> | |
| <div class="flex items-center mb-4"> | |
| <span class="text-lg font-medium mr-2">🇧🇪 CYBER-WEB SRL</span> | |
| </div> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>3 collaborateurs temps plein</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Support client direct</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Gestion commerciale & opérationnelle</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Conformité RGPD & légale</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-6"> | |
| <div class="flex items-center mb-4"> | |
| <span class="text-lg font-medium mr-2">🇹🇳 TICK8ING</span> | |
| </div> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>4 développeurs temps plein</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Développement applicatif (PHP, Angular, Ionic)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Intégration dans le logiciel billetterie.pro</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2"></i> | |
| <span>Aucun accès aux données clients UE</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Références section --> | |
| <section class="mb-20"> | |
| <h2 class="text-2xl font-bold text-gray-900 mb-8">Références majeures</h2> | |
| <div class="mb-12 bg-white p-8 rounded-xl shadow-md"> | |
| <h3 class="text-xl font-semibold text-indigo-600 mb-6">Musées & Institutions Culturelles</h3> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">Muséum des Sciences Naturelles</h4> | |
| <p class="text-gray-600 text-sm">Billetterie complète, vente sur place et bornes, vente en ligne, gestion clients</p> | |
| </div> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">War Heritage Institute</h4> | |
| <p class="text-gray-600 text-sm">5 musées en Belgique (FR/NL), tickets personnalisés événements</p> | |
| </div> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">VisitMons</h4> | |
| <p class="text-gray-600 text-sm">Tous les musées + tourisme + théâtre, 3 bornes, vente en ligne</p> | |
| </div> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">Autoworld Bruxelles</h4> | |
| <p class="text-gray-600 text-sm">Gestion complète de la billetterie & des ventes événementielles</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <h3 class="text-xl font-semibold text-indigo-600 mb-6">Piscines & Infrastructures Sportives</h3> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">Plaine de la Gadale – Jodoigne</h4> | |
| <p class="text-gray-600 text-sm">Complexe multi-activités, 3 tourniquets, 2 kiosks, planning activités</p> | |
| </div> | |
| <div class="border-l-4 border-indigo-500 pl-4 py-2"> | |
| <h4 class="font-medium">Piscine L'Espadon</h4> | |
| <p class="text-gray-600 text-sm">Billetterie, vente sur place et bornes, passeports en ligne</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Expertise section --> | |
| <section class="bg-white p-8 rounded-xl shadow-md"> | |
| <h2 class="text-2xl font-bold text-gray-900 mb-6">Expertise IT complète</h2> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="text-center"> | |
| <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="code" class="text-indigo-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-gray-900 mb-2">Développement Full-Stack</h3> | |
| <p class="text-gray-600 text-sm">PHP, MySQL, Angular, Ionic, API REST, Python</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="hard-drive" class="text-indigo-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-gray-900 mb-2">IoT & Équipements</h3> | |
| <p class="text-gray-600 text-sm">Kiosks, Tourniquets, Lecteurs, Scanners, Monnayeurs</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="server" class="text-indigo-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-gray-900 mb-2">Infrastructure & Réseau</h3> | |
| <p class="text-gray-600 text-sm">Serveurs, Switches, Firewalls, VPN, Proxmox</p> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| <custom-footer></custom-footer> | |
| <script>feather.replace();</script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |