Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>InnovX SARL - Services</title> | |
| <link rel="stylesheet" href="styles.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=Poppins:wght@400;500;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" | |
| integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" | |
| crossorigin="anonymous" referrerpolicy="no-referrer" /> | |
| <style> | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <nav> | |
| <div class="logo">InnovX SARL</div> | |
| <div class="nav-links"> | |
| <div class="dropdown"> | |
| <a href="#services">Services</a> | |
| </div> | |
| <div class="dropdown"> | |
| <a href="#">Formation</a> | |
| <div class="dropdown-content"> | |
| <a href="#">Formations en Ligne</a> | |
| <a href="#">Formations en Présentiel</a> | |
| <hr> | |
| <a href="#">Formations en Informatique</a> | |
| <a href="#">- Bureautique : MS Word ; MS Excel ; MS Powerpoint</a> | |
| <a href="#">- Intelligence Artificielle</a> | |
| <hr> | |
| <a href="#">Ateliers de Développement Personnel</a> | |
| <a href="#">- Gestion du Temps</a> | |
| <a href="#">- Communication Efficace</a> | |
| <hr> | |
| <a href="#">Intelligence Financière</a> | |
| <a href="#">- Gestion de Budget</a> | |
| <a href="#">- Investissement et Épargne</a> | |
| <hr> | |
| <a href="#">Calendrier des Sessions</a> | |
| </div> | |
| </div> | |
| <div class="dropdown"> | |
| <a href="#">Coaching/Mentorat</a> | |
| <div class="dropdown-content"> | |
| <a href="#">Mentorat en Ligne</a> | |
| <a href="#">Mentorat en Présentiel</a> | |
| <hr> | |
| <a href="#">Coaching Professionnel</a> | |
| <a href="#">- Développement de Carrière</a> | |
| <a href="#">- Leadership et Management</a> | |
| <hr> | |
| <a href="#">Mentorat Personnalisé</a> | |
| <a href="#">- Objectifs de Vie</a> | |
| <a href="#">- Gestion du Stress</a> | |
| <hr> | |
| <a href="#">Programmes de Mentorat</a> | |
| <a href="#">- Mentorat pour Entrepreneurs</a> | |
| <a href="#">- Mentorat pour Étudiants</a> | |
| <a href="#">- Conférences et Webinaires</a> | |
| </div> | |
| </div> | |
| <div class="dropdown"> | |
| <a href="#">Communauté</a> | |
| <div class="dropdown-content social-menu"> | |
| <a href="#"><i class="fab fa-facebook"></i> Facebook</a> | |
| <a href="#"><i class="fab fa-telegram"></i> Telegram</a> | |
| <a href="#"><i class="fab fa-twitter"></i> X (Twitter)</a> | |
| <a href="#"><i class="fab fa-whatsapp"></i> WhatsApp</a> | |
| </div> | |
| </div> | |
| <div class="dropdown"> | |
| <a href="#">Contact</a> | |
| <div class="dropdown-content contact-menu"> | |
| <a href="#">Contact</a> | |
| <p>Téléphone:</p> | |
| <p>(+226) 65 53 97 34</p> | |
| <p>(+226) 01 07 31 07</p> | |
| <hr> | |
| <p>Site Web:</p> | |
| <a href="http://www.innovxpro.com">www.innovxpro.com</a> | |
| <hr> | |
| <p>Email:</p> | |
| <a href="/cdn-cgi/l/email-protection#1c75727a735c757272736a646c6e73327f7371"><span class="__cf_email__" data-cfemail="85ecebe3eac5ecebebeaf3fdf5f7eaabe6eae8">[email protected]</span></a> | |
| <hr> | |
| <p>Réseaux sociaux:</p> | |
| <a href="#">Facebook: @innovxpro</a> | |
| <hr> | |
| <p>Localisation:</p> | |
| <p>Adresse: Burkina Faso, Entrée de Réo, Secteur 3, au bord de la route N21, à proximité de la | |
| gendarmerie (200m)</p> | |
| </div> | |
| </div> | |
| <a href="#" id="dark-mode-toggle"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" | |
| stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" | |
| class="feather feather-moon"> | |
| <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> | |
| </svg> | |
| </a> | |
| </div> | |
| </nav> | |
| </header> | |
| <main> | |
| <section class="hero"> | |
| <h1>Solutions Innovantes pour Votre Entreprise</h1> | |
| <p>Formation pratique, maintenance informatique et consultations enrichissantes</p> | |
| <div class="video-container"> | |
| <video autoplay muted loop> | |
| <source src="https://sample-videos.com/video123/mp4/720/sample-720.mp4" type="video/mp4"> | |
| Your browser does not support the video tag. | |
| </video> | |
| </div> | |
| </section> | |
| <section id="services" class="services"> | |
| <h2>Nos Services</h2> | |
| <div class="services-grid"> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 24 24" width="48" height="48"> | |
| <path fill="currentColor" | |
| d="M12 3L1 9l11 6l9-4.91V17h2V9L12 3z" /> | |
| <path fill="currentColor" | |
| d="M3.08 19L12 23l9-4.92V13l-9 4.91L3 13v6z" /> | |
| </svg> | |
| </div> | |
| <h3>Formation Pratique</h3> | |
| <p>Des formations adaptées à vos besoins professionnels</p> | |
| </div> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 24 24" width="48" height="48"> | |
| <path fill="currentColor" | |
| d="M21 16V4H3v12h18m0-14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7v2h2v2H8v-2h2v-2H3a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2h18M7 8h10v2H7V8m0 4h10v2H7v-2z" /> | |
| </svg> | |
| </div> | |
| <h3>Maintenance Informatique</h3> | |
| <p>Service complet de maintenance et support technique</p> | |
| </div> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 24 24" width="48" height="48"> | |
| <path fill="currentColor" | |
| d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z" /> | |
| </svg> | |
| </div> | |
| <h3>Consultations</h3> | |
| <p>Développement personnel, intelligence financière et nouvelles technologies</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="image-carousel" class="image-carousel"> | |
| <h2>Galerie</h2> | |
| <div class="carousel-container"> | |
| <div class="carousel-slide"> | |
| <img src="https://placekitten.com/800/600" alt="Image 1" data-index="0"> | |
| <img src="https://placekitten.com/801/600" alt="Image 2" data-index="1"> | |
| <img src="https://placekitten.com/802/600" alt="Image 3" data-index="2"> | |
| </div> | |
| <button class="carousel-button prev">‹</button> | |
| <button class="carousel-button next">›</button> | |
| </div> | |
| <div id="fullscreen-image"> | |
| <img src="" alt="Full Size Image"> | |
| </div> | |
| </section> | |
| <section id="contact" class="contact"> | |
| <h2>Contactez-nous</h2> | |
| <div class="contact-info"> | |
| <div class="contact-details"> | |
| <p><strong>Email:</strong> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d4b7bbbaa0b5b7a094bdbababba2acf9a7b5a6b8fab7bbb9">[email protected]</a></p> | |
| <p><strong>Téléphone:</strong> +xxx xx xx xx xx</p> | |
| <p><strong>Adresse:</strong> Ville, Pays</p> | |
| </div> | |
| <div class="social-links"> | |
| <a href="#" class="social-icon"> | |
| <svg viewBox="0 0 24 24" width="24" height="24"> | |
| <path fill="currentColor" | |
| d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" /> | |
| </svg> | |
| </a> | |
| <a href="#" class="social-icon"> | |
| <svg viewBox="0 0 24 24" width="24" height="24"> | |
| <path fill="currentColor" | |
| d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" /> | |
| </svg> | |
| </a> | |
| <a href="#" class="social-icon"> | |
| <svg viewBox="0 0 24 24" width="24" height="24"> | |
| <path fill="currentColor" | |
| d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.68 1.68 0 0 0-1.68 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z" /> | |
| </svg> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer> | |
| <div class="footer-stats"> | |
| <div> | |
| <i class="fas fa-users"></i> | |
| <span class="stat-number">7</span> | |
| <span class="stat-label">Experts dédiés</span> | |
| </div> | |
| <div> | |
| <i class="fas fa-check-circle"></i> | |
| <span class="stat-number">100%</span> | |
| <span class="stat-label">Satisfaction client</span> | |
| </div> | |
| <div> | |
| <i class="fas fa-headset"></i> | |
| <span class="stat-number">24/7</span> | |
| <span class="stat-label">Support client</span> | |
| </div> | |
| <div> | |
| <i class="fas fa-chart-line"></i> | |
| <span class="stat-number">4853</span> | |
| <span class="stat-label">Inscriptions au site</span> | |
| </div> | |
| </div> | |
| <div class="footer-faq"> | |
| <details> | |
| <summary>FAQ</summary> | |
| <p>Réponses aux questions fréquemment posées sur nos services, notre position sur le marché, les procédures | |
| d'inscription, les paiements, etc.</p> | |
| </details> | |
| </div> | |
| <div class="footer-bottom"> | |
| <p>© 2024 InnovX SARL. Tous droits réservés.</p> | |
| </div> | |
| <a href="#" class="chat-icon"> | |
| <i class="fas fa-comment-dots"></i> | |
| </a> | |
| </footer> | |
| <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="script.js"></script> | |
| </body> | |
| </html> |