endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-07T13:54:13.065120
endpoints.uri: https://cognitlab.pro/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: CF-RAY
endpoints.headers: 98ade3a5da3f17d6-ORD
endpoints.key: Report-To
endpoints.headers: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3XdGEMfsXSTEtL8bVtWUPHBox%2BUedWKreMjxI6qr%2FYsyl6rd4ApF6rwmK9A9yiWK26KWOTnbkaWkYnQ3FsCm4yWsQxshoKUWcwbMNuA%3D"}]}
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Nel
endpoints.headers: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
endpoints.key: Server
endpoints.headers: cloudflare
endpoints.key: vary
endpoints.headers: Accept-Encoding
endpoints.key: Transfer-Encoding
endpoints.headers: chunked
endpoints.key: alt-svc
endpoints.headers: h3=":443"; ma=86400
endpoints.key: Cache-Control
endpoints.headers: no-store
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: cf-cache-status
endpoints.headers: DYNAMIC
endpoints.key: Content-Type
endpoints.headers: text/html;charset=UTF-8
endpoints.html_tags: <title>cognitlab.pro</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="cogniionai - École de développement IA en ligne. Formations spécialisées en ingénierie machine learning, vision par ordinateur et systèmes de langage naturel à Zürich, Suisse.">
endpoints.body: <!DOCTYPE html>
  <html lang="fr" class="scroll-smooth">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="cogniionai - École de développement IA en ligne. Formations spécialisées en ingénierie machine learning, vision par ordinateur et systèmes de langage naturel à Zürich, Suisse.">
      <title>cognitlab.pro</title>
      <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧠</text></svg>">
      <script src="https://cdn.tailwindcss.com"></script>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css">
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap" rel="stylesheet">
      
      <script>
      tailwind.config = {
          theme: {
              extend: {
                  colors: {
                      primary: '#1E90FF',
                      secondary: '#00FF41',
                      tertiary: '#8A2BE2',
                      accent: '#FFFF00',
                      'text-primary': '#F5F5F5',
                      'text-secondary': '#A9A9A9',
                      'bg-dark': '#000000',
                      'bg-charcoal': '#36454F'
                  },
                  fontFamily: {
                      'headers': ['Fira Code', 'monospace'],
                      'body': ['Source Sans Pro', 'sans-serif'],
                      'captions': ['SF Mono', 'Monaco', 'monospace']
                  }
              }
          }
      }
      </script>
  
  
        </head>
  
  <body class="bg-gradient-to-br from-bg-dark to-bg-charcoal text-text-primary font-body">
  
      <header class="relative bg-black/20 backdrop-blur-sm border-b border-primary/20">
          <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
              <div class="flex justify-between items-center py-4">
                  <div class="flex items-center">
                      <a href="./" class="flex items-center space-x-3 hover:opacity-80 transition-opacity">
                          <div class="w-10 h-10 bg-gradient-to-r from-primary to-secondary rounded-lg flex items-center justify-center">
                              <i class="fas fa-brain text-white text-lg"></i>
                          </div>
                          <span class="font-headers text-xl font-bold text-primary">Cognit Lab</span>
                      </a>
                  </div>
  
                  <nav class="hidden md:flex items-center space-x-8">
                      <a href="./about.html" class="text-text-secondary hover:text-primary transition-colors">À propos</a>
                      <a href="./services.html" class="text-text-secondary hover:text-primary transition-colors">Formations</a>
                      <a href="./reviews.html" class="text-text-secondary hover:text-primary transition-colors">Témoignages</a>
                  </nav>
  
                  <div class="hidden md:block">
                      <a href="./#contact" class="bg-primary hover:bg-primary/80 text-white px-6 py-2 rounded-lg font-medium transition-colors">
                          Contact
                      </a>
                  </div>
  
                  <button id="mobile-menu-button" class="md:hidden text-text-primary hover:text-primary transition-colors">
                      <i class="fas fa-bars text-xl"></i>
                  </button>
              </div>
          </div>
  
          <div id="mobile-menu" class="hidden md:hidden bg-black/90 backdrop-blur-sm border-t border-primary/20">
              <div class="px-4 py-4 space-y-4">
                  <a href="./about.html" class="block text-text-secondary hover:text-primary transition-colors">À propos</a>
                  <a href="./services.html" class="block text-text-secondary hover:text-primary transition-colors">Formations</a>
                  <a href="./reviews.html" class="block text-text-secondary hover:text-primary transition-colors">Témoignages</a>
                  <a href="./#contact" class="block bg-primary hover:bg-primary/80 text-white px-6 py-2 rounded-lg font-medium transition-colors text-center">
                      Contact
                  </a>
              </div>
          </div>
      </header>
  
      <main>
          <!-- Hero Section -->
          <section class="relative min-h-screen flex items-center justify-center overflow-hidden">
              <div class="absolute inset-0">
                  <img src="https://img.b2bpic.net/premium-photo/machine-learning-concept-with-robot-think-with-binary-code_493806-4400.jpg?w=740" alt="Réseaux de neurones artificiels" class="w-full h-full object-cover opacity-20">
                  <div class="absolute inset-0 bg-gradient-to-r from-bg-dark/80 to-bg-charcoal/60"></div>
              </div>
              
              <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
                  <h1 class="font-headers text-4xl md:text-6xl lg:text-7xl font-bold mb-6">
                      <span class="text-primary">Développez</span><br>
                      <span class="text-secondary">l'Intelligence</span><br>
                      <span class="text-tertiary">Artificielle</span>
                  </h1>
                  
                  <p class="text-xl md:text-2xl text-text-secondary mb-8 max-w-3xl mx-auto">
                      Transformez votre carrière avec nos formations spécialisées en IA. Du Machine Learning à la Vision par Ordinateur, maîtrisez les technologies qui façonnent l'avenir.
                  </p>
                  
                  <div class="flex flex-col sm:flex-row gap-4 justify-center mb-12">
                      <a href="./#contact" class="bg-primary hover:bg-primary/80 text-white px-8 py-4 rounded-lg font-headers font-semibold text-lg transition-colors">
                          Commencer Maintenant
                      </a>
                      <a href="./services.html" class="border-2 border-secondary text-secondary hover:bg-secondary hover:text-black px-8 py-4 rounded-lg font-headers font-semibold text-lg transition-colors">
                          Découvrir les Formations
                      </a>
                  </div>
                  
                  <div class="flex flex-wrap justify-center gap-8 text-text-secondary">
                      <div class="flex items-center gap-2">
                          <i class="fas fa-graduation-cap text-accent"></i>
                          <span>3 Spécialisations</span>
                      </div>
                      <div class="flex items-center gap-2">
                          <i class="fas fa-users text-accent"></i>
                          <span>Experts Formateurs</span>
                      </div>
                      <div class="flex items-center gap-2">
                          <i class="fas fa-certificate text-accent"></i>
                          <span>Certification Reconnue</span>
                      </div>
                  </div>
              </div>
          </section>
  
          <!-- Services Section -->
          <section class="py-20 bg-black/40">
              <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                  <div class="text-center mb-16">
                      <h2 class="font-headers text-3xl md:text-5xl font-bold text-primary mb-6">
                          Nos Formations Spécialisées
                      </h2>
                      <p class="text-xl text-text-secondary max-w-3xl mx-auto">
                          Trois parcours d'excellence conçus pour transformer les développeurs en experts IA. Chaque formation combine théorie avancée et pratique intensive.
                      </p>
                  </div>
  
                  <div class="grid md:grid-cols-3 gap-8">
                      <!-- Service 1 -->
                      <div class="bg-gradient-to-br from-bg-charcoal/50 to-black/50 backdrop-blur-sm border border-primary/20 rounded-xl p-8 hover:border-primary/40 transition-colors">
                          <div class="mb-6">
                              <img src="https://img.b2bpic.net/premium-photo/thinking-ai-humanoid-robot-analyzing-hologram-screen-showing-concept-ai_31965-21438.jpg?w=740" alt="Formation Machine Learning" class="w-full h-48 object-cover rounded-lg opacity-80">
                          </div>
                          <h3 class="font-headers text-2xl font-bold text-primary mb-4">
                              Machine Learning Engineering
                          </h3>
                          <p class="text-text-secondary mb-6 leading-relaxed">
                              Programme complet transformant les développeurs en ingénieurs ML prêts pour la production. Maîtrisez l'ensemble du pipeline ML, de la collecte de données au déploiement d'IA scalables.
                          </p>
                          <ul class="space-y-3 mb-8">
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Pipeline ML complet avec MLflow et DVC</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Déploiement cloud AWS, Google, Azure</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Entraînement distribué Apache Spark</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Monitoring et détection de dérive</span>
                              </li>
                          </ul>
                          <div class="flex items-center justify-between mb-6">
                              <span class="font-headers text-3xl font-bold text-accent">1,975 CHF</span>
                          </div>
                          <a href="./#contact" class="block bg-primary hover:bg-primary/80 text-white text-center px-6 py-3 rounded-lg font-medium transition-colors">
                              En Savoir Plus
                          </a>
                      </div>
  
                      <!-- Service 2 -->
                      <div class="bg-gradient-to-br from-bg-charcoal/50 to-black/50 backdrop-blur-sm border border-primary/20 rounded-xl p-8 hover:border-primary/40 transition-colors">
                          <div class="mb-6">
                              <img src="https://img.b2bpic.net/premium-photo/futuristic-robot-pressing-buttons-hologram_31965-5756.jpg?w=740" alt="Formation Vision par Ordinateur" class="w-full h-48 object-cover rounded-lg opacity-80">
                          </div>
                          <h3 class="font-headers text-2xl font-bold text-secondary mb-4">
                              Computer Vision Specialization
                          </h3>
                          <p class="text-text-secondary mb-6 leading-relaxed">
                              Programme avancé sur l'IA visuelle, de la classification d'images à l'analytique vidéo. Préparez-vous aux systèmes autonomes, imagerie médicale et réalité augmentée.
                          </p>
                          <ul class="space-y-3 mb-8">
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>CNN avancés : LeNet à EfficientNet</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Détection YOLO et segmentation U-Net</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Vision 3D et traitement point cloud</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Déploiement NVIDIA Jetson</span>
                              </li>
                          </ul>
                          <div class="flex items-center justify-between mb-6">
                              <span class="font-headers text-3xl font-bold text-accent">1,625 CHF</span>
                          </div>
                          <a href="./#contact" class="block bg-secondary hover:bg-secondary/80 text-black text-center px-6 py-3 rounded-lg font-medium transition-colors">
                              En Savoir Plus
                          </a>
                      </div>
  
                      <!-- Service 3 -->
                      <div class="bg-gradient-to-br from-bg-charcoal/50 to-black/50 backdrop-blur-sm border border-primary/20 rounded-xl p-8 hover:border-primary/40 transition-colors">
                          <div class="mb-6">
                              <img src="https://img.b2bpic.net/premium-vector/containing-machine-learning-data-science-ai-virtual-assistant-generative-ai-technology_617090-613.jpg?w=740" alt="Formation NLP IA" class="w-full h-48 object-cover rounded-lg opacity-80">
                          </div>
                          <h3 class="font-headers text-2xl font-bold text-tertiary mb-4">
                              Natural Language AI Systems
                          </h3>
                          <p class="text-text-secondary mb-6 leading-relaxed">
                              Track spécialisé en compréhension et génération de langage. Développez des chatbots, services de traduction et applications d'intelligence documentaire.
                          </p>
                          <ul class="space-y-3 mb-8">
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Transformers BERT et GPT personnalisés</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>Pipelines NLP multilingues avancés</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>RAG et ingénierie de prompts</span>
                              </li>
                              <li class="flex items-center gap-3">
                                  <i class="fas fa-check-circle text-secondary"></i>
                                  <span>IA conversationnelle contextuelle</span>
                              </li>
                          </ul>
                          <div class="flex items-center justify-between mb-6">
                              <span class="font-headers text-3xl font-bold text-accent">1,350 CHF</span>
                          </div>
                          <a href="./#contact" class="block bg-tertiary hover:bg-tertiary/80 text-white text-center px-6 py-3 rounded-lg font-medium transition-colors">
                              En Savoir Plus
                          </a>
                      </div>
                  </div>
              </div>
          </section>
  
          <!-- Benefits Section -->
          <section class="py-20">
              <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                  <div class="text-center mb-16">
                      <h2 class="font-headers text-3xl md:text-5xl font-bold text-primary mb-6">
                          Pourquoi Choisir cogniionai
                      </h2>
                      <p class="text-xl text-text-secondary max-w-3xl mx-auto">
                          Notre approche pédagogique unique combine expertise académique et expérience industrielle pour former les leaders IA de demain.
                      </p>
                  </div>
  
                  <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                      <div class="text-center group">
                          <div class="w-16 h-16 bg-gradient-to-r from-primary to-secondary rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform">
                              <i class="fas fa-chalkboard-teacher text-2xl text-white"></i>
                          </div>
                          <h3 class="font-headers text-xl font-bold text-primary mb-4">Formateurs Experts</h3>
                          <p class="text-text-secondary">
                              Ingénieurs et chercheurs avec expérience terrain chez Google, Meta, EPFL et ETH Zurich.
                          </p>
                      </div>
  
                      <div class="text-center group">
                          <div class="w-16 h-16 bg-gradient-to-r from-secondary to-tertiary rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform">
                              <i class="fas fa-project-diagram text-2xl text-white"></i>
                          </div>
                          <h3 class="font-headers text-xl font-bold text-secondary mb-4">Projets Réels</h3>
                          <p class="text-text-secondary">
                              Travaillez sur des cas d'usage concrets avec des datasets industriels et contraintes de production.
                          </p>
                      </div>
  
                      <div class="text-center group">
                          <div class="w-16 h-16 bg-gradient-to-r from-tertiary to-accent rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform">
                              <i class="fas fa-network-wired text-2xl text-black"></i>
                          </div>
                          <h3 class="font-headers text-xl font-bold text-tertiary mb-4">Réseau Professionnel</h3>
                          <p class="text-text-secondary">
                              Intégrez une communauté d'alumni dans les meilleures entreprises tech suisses et internationales.
                          </p>
                      </div>
  
                      <div class="text-center group">
                          <div class="w-16 h-16 bg-gradient-to-r from-accent to-primary rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform">
                              <i class="fas fa-rocket text-2xl text-black"></i>
                          </div>
                          <h3 class="font-headers text-xl font-bold text-accent mb-4">Accompagnement Carrière</h3>
                          <p class="text-text-secondary">
                              Support personnalisé pour transitions professionnelles et placement dans l'écosystème IA suisse.
                          </p>
                      </div>
                  </div>
              </div>
          </section>
  
          <!-- CTA Section -->
          <section class="py-20 bg-gradient-to-r from-primary/20 to-secondary/20">
              <div class="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8">
                  <h2 class="font-headers text-3xl md:text-4xl font-bold text-primary mb-6">
                      Prêt à Transformer Votre Carrière ?
                  </h2>
                  <p class="text-xl text-text-secondary mb-8">
                      Rejoignez la prochaine génération d'experts IA. Notre équipe pédagogique vous accompagne dans votre transformation professionnelle.
                  </p>
                  <div class="flex flex-col sm:flex-row gap-4 justify-center">
                      <a href="./#contact" class="bg-primary hover:bg-primary/80 text-white px-8 py-4 rounded-lg font-headers font-semibold text-lg transition-colors">
                          Démarrer Ma Formation
                      </a>
                      <a href="./services.html" class="border-2 border-secondary text-secondary hover:bg-secondary hover:text-black px-8 py-4 rounded-lg font-headers font-semibold text-lg transition-colors">
                          Comparer les Programmes
                      </a>
                  </div>
              </div>
          </section>
  
          <!-- FAQ Section -->
          <section class="py-20">
              <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
                  <div class="text-center mb-16">
                      <h2 class="font-headers text-3xl md:text-4xl font-bold text-primary mb-6">
                          Questions Fréquentes
                      </h2>
                  </div>
  
                  <div class="space-y-6">
                      <details class="bg-bg-charcoal/50 border border-primary/20 rounded-lg p-6 hover:border-primary/40 transition-colors">
                          <summary class="font-headers text-lg font-semibold text-primary cursor-pointer mb-4">
                              Quel est le niveau prérequis pour intégrer les formations ?
                          </summary>
                          <p class="text-text-secondary leading-relaxed">
                              Nos programmes s'adressent à des développeurs avec au minimum 2 ans d'expérience en programmation (Python recommandé). Une base en mathématiques (algèbre linéaire, statistiques) est appréciée mais pas bloquante - nous proposons des modules de mise à niveau.
                          </p>
                      </details>
  
                      <details class="bg-bg-charcoal/50 border border-primary/20 rounded-lg p-6 hover:border-primary/40 transition-colors">
                          <summary class="font-headers text-lg font-semibold text-primary cursor-pointer mb-4">
                              Comment se déroulent les formations en ligne ?
                          </summary>
                          <p class="text-text-secondary leading-relaxed">
                              Format hybride combinant cours en direct, labs pratiques et projets autonomes. Sessions live 2 fois par semaine (soirées), accès plateforme 24/7, mentoring individuel hebdomadaire. Groupes limités à 15 participants maximum pour un suivi personnalisé.
                          </p>
                      </details>
  
                      <details class="bg-bg-charcoal/50 border border-primary/20 rounded-lg p-6 hover:border-primary/40 transition-colors">
                          <summary class="font-headers text-lg font-semibold text-primary cursor-pointer mb-4">
                              Quelle est la durée des programmes ?
                          </summary>
                          <p class="text-text-secondary leading-relaxed">
                              Machine Learning Engineering : 16 semaines intensives. Computer Vision : 12 semaines spécialisées. Natural Language AI : 10 semaines ciblées. Chaque programme inclut 4 semaines de projet capstone avec présentation finale devant jury professionnel.
                          </p>
                      </details>
  
                      <details class="bg-bg-charcoal/50 border border-primary/20 rounded-lg p-6 hover:border-primary/40 transition-colors">
                          <summary class="font-headers text-lg font-semibold text-primary cursor-pointer mb-4">
                              Y a-t-il des options de financement ?
                          </summary>
                          <p class="text-text-secondary leading-relaxed">
                              Paiement échelonné sur 3 mois sans frais. Partenariats avec employeurs pour formations entreprise. Bourses d'excellence pour profils exceptionnels. Éligibilité possible au chèque formation cantonal suisse selon votre situation.
                          </p>
                      </details>
  
                      <details class="bg-bg-charcoal/50 border border-primary/20 rounded-lg p-6 hover:border-primary/40 transition-colors">
                          <summary class="font-headers text-lg font-semibold text-primary cursor-pointer mb-4">
                              Quel accompagnement après la formation ?
                          </summary>
                          <p class="text-text-secondary leading-relaxed">
                              Accès alumni à vie avec events networking. Support placement 6 mois post-formation. Mise à jour gratuite des contenus pédagogiques. Mentorat carrière avec professionnels du réseau cogniionai dans l'écosystème tech suisse.
                          </p>
                      </details>
                  </div>
              </div>
          </section>
  
          <!-- Contact Form -->
          <section id="contact" class="py-20 bg-black/40">
              <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
                  <div class="text-center mb-12">
                      <h2 class="font-headers text-3xl md:text-4xl font-bold text-primary mb-6">
                          Démarrez Votre Transformation
                      </h2>
                      <p class="text-xl text-text-secondary">
                          Parlons de vos objectifs et trouvons ensemble le programme qui vous convient. Notre équipe vous recontacte sous 24h.
                      </p>
                  </div>
  
                  <form id="contact" class="bg-bg-charcoal/50 backdrop-blur-sm border border-primary/20 rounded-xl p-8">
                      <div class="grid md:grid-cols-2 gap-6 mb-6">
                          <div>
                              <label for="name" class="block text-sm font-medium text-text-secondary mb-2">Nom complet *</label>
                              <input type="text" name="name" id="name" required class="w-full px-4 py-3 bg-black/50 border border-primary/30 rounded-lg text-text-primary focus:border-primary focus:outline-none">
                          </div>
                          <div>
                              <label for="email" class="block text-sm font-medium text-text-secondary mb-2">Email *</label>
                              <input type="email" name="email" id="email" required class="w-full px-4 py-3 bg-black/50 border border-primary/30 rounded-lg text-text-primary focus:border-primary focus:outline-none">
                          </div>
                      </div>
  
                      <div class="grid md:grid-cols-2 gap-6 mb-6">
                          <div>
                              <label for="phone" class="block text-sm font-medium text-text-secondary mb-2">Téléphone</label>
                              <input type="tel" name="phone" id="phone" class="w-full px-4 py-3 bg-black/50 border border-primary/30 rounded-lg text-text-primary focus:border-primary focus:outline-none">
                          </div>
                          <div>
                              <label for="formation" class="block text-sm font-medium text-text-secondary mb-2">Formation d'intérêt</label>
                              <select name="formation" id="formation" class="w-full px-4 py-3 bg-black/50 border border-primary/30 rounded-lg text-text-primary focus:border-primary focus:outline-none">
                                  <option value="">Sélectionner une formation</option>
                                  <option value="ml-engineering">Machine Learning Engineering</option>
                                  <option value="computer-vision">Computer Vision</option>
                                  <option value="nlp-systems">Natural Language AI</option>
                                  <option value="multiple">Plusieurs formations</option>
                              </select>
                          </div>
                      </div>
  
                      <div class="mb-6">
                          <label for="message" class="block text-sm font-medium text-text-secondary mb-2">Message</label>
                          <textarea name="message" id="message" rows="4" class="w-full px-4 py-3 bg-black/50 border border-primary/30 rounded-lg text-text-primary focus:border-primary focus:outline-none" placeholder="Parlez-nous de votre profil actuel et de vos objectifs..."></textarea>
                      </div>
  
                      <button type="submit" class="w-full bg-primary hover:bg-primary/80 text-white py-4 rounded-lg font-headers font-semibold text-lg transition-colors">
                          Envoyer Ma Demande
                      </button>
  
                      <p class="text-xs text-text-secondary mt-4 text-center">
                          En soumettant ce formulaire, vous acceptez d'être contacté par cogniionai concernant nos formations.
                      </p>
                  </form>
              </div>
          </section>
      </main>
  
      <footer class="bg-black border-t border-primary/20 py-16">
          <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
              <div class="grid md:grid-cols-4 gap-8">
                  <div class="md:col-span-2">
                      <div class="flex items-center space-x-3 mb-6">
                          <div class="w-10 h-10 bg-gradient-to-r from-primary to-secondary rounded-lg flex items-center justify-center">
                              <i class="fas fa-brain text-white text-lg"></i>
                          </div>
                          <span class="font-headers text-xl font-bold text-primary">Cognit Lab</span>
                      </div>
                      <p class="text-text-secondary mb-6 leading-relaxed">
                          École de développement IA en ligne basée à Zürich. Nous formons la prochaine génération d'experts en intelligence artificielle avec des programmes spécialisés et un accompagnement personnalisé.
                      </p>
                      <div class="space-y-2 text-text-secondary">
                          <p>Rämistrasse 101, 8092 Zürich</p>
                          <p>+41 44 256 93 17</p>
                          <p data-email-template="info@{domain}"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cba2a5ada48ba8a4aca5a2bfa7aaa9e5bbb9a4">[email&#160;protected]</a></p>
                      </div>
                  </div>
  
                  <div>
                      <h4 class="font-headers text-lg font-semibold text-primary mb-6">Formations</h4>
                      <ul class="space-y-3">
                          <li><a href="./services.html" class="text-text-secondary hover:text-primary transition-colors">Machine Learning Engineering</a></li>
                          <li><a href="./services.html" class="text-text-secondary hover:text-primary transition-colors">Computer Vision</a></li>
                          <li><a href="./services.html" class="text-text-secondary hover:text-primary transition-colors">Natural Language AI</a></li>
                          <li><a href="./#contact" class="text-text-secondary hover:text-primary transition-colors">Demander Info</a></li>
                      </ul>
                  </div>
  
                  <div>
                      <h4 class="font-headers text-lg font-semibold text-primary mb-6">Liens</h4>
                      <ul class="space-y-3">
                          <li><a href="./about.html" class="text-text-secondary hover:text-primary transition-colors">À propos</a></li>
                          <li><a href="./reviews.html" class="text-text-secondary hover:text-primary transition-colors">Témoignages</a></li>
                          <li><a href="./privacy.html" class="text-text-secondary hover:text-primary transition-colors">Confidentialité</a></li>
                          <li><a href="./terms.html" class="text-text-secondary hover:text-primary transition-colors">Conditions</a></li>
                          <li><a href="./cookies.html" class="text-text-secondary hover:text-primary transition-colors">Cookies</a></li>
                      </ul>
                  </div>
              </div>
  
              <div class="border-t border-primary/20 mt-12 pt-8 text-center">
                  <p class="text-text-secondary">
                      © 2025 cogniionai. Tous droits réservés. École de formation spécialisée en intelligence artificielle, située à Zürich, Suisse. Les programmes proposés sont destinés au développement professionnel en technologies IA et ne constituent pas un cursus académique diplômant universitaire.
                  </p>
              </div>
          </div>
      </footer>
  
      <!-- Cookie Modal -->
      <div id="cookie-modal" class="fixed bottom-0 left-0 right-0 bg-black/95 backdrop-blur-sm border-t border-primary/20 p-6 z-50 hidden">
          <div class="max-w-4xl mx-auto">
              <div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4">
                  <div class="flex-1">
                      <h3 class="font-headers text-lg font-semibold text-primary mb-2">Gestion des Cookies</h3>
                      <p class="text-text-secondary text-sm">
                          Nous utilisons des cookies pour améliorer votre expérience de navigation et analyser le trafic de notre site. Vous pouvez gérer vos préférences à tout moment.
                      </p>
                  </div>
                  <div class="flex gap-3">
                      <button id="reject-cookies" class="px-4 py-2 border border-text-secondary text-text-secondary hover:bg-text-secondary hover:text-black rounded-lg transition-colors">
                          Refuser
                      </button>
                      <button id="accept-cookies" class="px-4 py-2 bg-primary hover:bg-primary/80 text-white rounded-lg transition-colors">
                          Accepter
                      </button>
                      <a href="./cookies.html" class="px-4 py-2 text-primary hover:text-primary/80 transition-colors">
                          Paramètres
                      </a>
                  </div>
              </div>
          </div>
      </div>
  
      <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
          // Mobile menu functionality
          document.addEventListener('DOMContentLoaded', function() {
              const mobileMenuButton = document.getElementById('mobile-menu-button');
              const mobileMenu = document.getElementById('mobile-menu');
  
              mobileMenuButton.addEventListener('click', function() {
                  mobileMenu.classList.toggle('hidden');
              });
  
              // Close mobile menu when clicking outside
              document.addEventListener('click', function(event) {
                  if (!mobileMenuButton.contains(event.target) && !mobileMenu.contains(event.target)) {
                      mobileMenu.classList.add('hidden');
                  }
              });
  
              // Close mobile menu when clicking on nav links
              mobileMenu.querySelectorAll('a').forEach(link => {
                  link.addEventListener('click', function() {
                      mobileMenu.classList.add('hidden');
                  });
              });
          });
  
          // Cookie modal functionality
          document.addEventListener('DOMContentLoaded', function() {
              const cookieModal = document.getElementById('cookie-modal');
              const acceptButton = document.getElementById('accept-cookies');
              const rejectButton = document.getElementById('reject-cookies');
  
              // Check if user has already made a choice
              const cookieConsent = localStorage.getItem('cookieConsent');
              if (!cookieConsent) {
                  cookieModal.classList.remove('hidden');
              }
  
              acceptButton.addEventListener('click', function() {
                  const consent = {
                      essential: true,
                      analytics: true,
                      marketing: true,
                      preferences: true,
                      timestamp: new Date().toISOString()
                  };
                  localStorage.setItem('cookieConsent', JSON.stringify(consent));
                  cookieModal.classList.add('hidden');
              });
  
              rejectButton.addEventListener('click', function() {
                  const consent = {
                      essential: true,
                      analytics: false,
                      marketing: false,
                      preferences: false,
                      timestamp: new Date().toISOString()
                  };
                  localStorage.setItem('cookieConsent', JSON.stringify(consent));
                  cookieModal.classList.add('hidden');
              });
          });
  
          // Email update functionality
          function updateEmails(options = {}) {
              const {
                  cleanDomain = true,
                  fallbackDomain = 'cognitlab.pro',
                  excludeSubdomains = false
              } = options;
              
              let domain = window.location.hostname;
              
              if (cleanDomain && domain.startsWith('www.')) {
                  domain = domain.substring(4);
              }
              
              if (excludeSubdomains) {
                  const parts = domain.split('.');
                  if (parts.length > 2) {
                      domain = parts.slice(-2).join('.');
                  }
              }
              
              if (domain === 'localhost' || 
                  domain === '127.0.0.1' || 
                  domain.includes('localhost') || 
                  domain.match(/^\d+\.\d+\.\d+\.\d+$/)) {
                  domain = fallbackDomain;
              }
              
              document.querySelectorAll('[data-email-template]').forEach(element => {
                  const emailTemplate = element.getAttribute('data-email-template');
                  const newEmail = emailTemplate.replace('{domain}', domain);
                  
                  element.textContent = newEmail;
                  
                  if (element.tagName === 'A' || element.closest('a')) {
                      const linkElement = element.tagName === 'A' ? element : element.closest('a');
                      linkElement.href = `mailto:${newEmail}`;
                  }
              });
          }
          
          document.addEventListener('DOMContentLoaded', () => {
              updateEmails();
          });
          
          window.addEventListener('popstate', () => {
              updateEmails();
          });
      </script>
  </body>
  </html>
endpoints.html_title: cognitlab.pro
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Content-Type: text/html;charset=UTF-8
  Transfer-Encoding: chunked
  Connection: keep-alive
  Cache-Control: no-store
  Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3XdGEMfsXSTEtL8bVtWUPHBox%2BUedWKreMjxI6qr%2FYsyl6rd4ApF6rwmK9A9yiWK26KWOTnbkaWkYnQ3FsCm4yWsQxshoKUWcwbMNuA%3D"}]}
  Server: cloudflare
  vary: Accept-Encoding
  cf-cache-status: DYNAMIC
  Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
  Content-Encoding: gzip
  CF-RAY: 98ade3a5da3f17d6-ORD
  alt-svc: h3=":443"; ma=86400
  
endpoints.ip: 104.21.82.170
[binary data, 4 values, 119 bytes]