update last version of the website
This commit is contained in:
commit
abc54697fd
131 changed files with 11253 additions and 0 deletions
73
pages/404.html
Normal file
73
pages/404.html
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404 - Page non trouvée | Omegakube</title>
|
||||
<meta name="description" content="Oups ! La page que vous cherchez n'existe pas. Revenez à l'accueil ou à la page précédente.">
|
||||
<meta property="og:title" content="404 - Page non trouvée | Omegakube">
|
||||
<meta property="og:description" content="Oups ! La page que vous cherchez n'existe pas. Revenez à l'accueil ou à la page précédente.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/404">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<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=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<script src="../assets/js/feather.min.js"></script>
|
||||
<link rel="stylesheet" href="/assets/css/404.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="bg-glow bg-glow-1"></div>
|
||||
<div class="bg-glow bg-glow-2"></div>
|
||||
<div class="particles" id="particles"></div>
|
||||
|
||||
<div class="portal portal-left">
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
</div>
|
||||
<div class="portal portal-right">
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="error-icon">
|
||||
<i data-feather="alert-triangle"></i>
|
||||
</div>
|
||||
<div class="error-code">404</div>
|
||||
<h1 class="error-title">Dimension introuvable</h1>
|
||||
<p class="error-message">
|
||||
Oups ! Il semblerait que vous ayez traversé un <span>portail défectueux</span>.
|
||||
Cette page n'existe pas dans notre univers... ou peut-être a-t-elle été téléportée ailleurs ?
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<a href="/" class="btn btn-primary">
|
||||
<i data-feather="home"></i>
|
||||
Retour à l'accueil
|
||||
</a>
|
||||
<a href="javascript:history.back()" class="btn btn-secondary">
|
||||
<i data-feather="arrow-left"></i>
|
||||
Page précédente
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<span class="logo-mini">ΩK</span>
|
||||
<span>•</span>
|
||||
<a href="/">OmégaKube</a>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/pages/404.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
82
pages/404.php
Normal file
82
pages/404.php
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<?php http_response_code(404); ?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404 — Page non trouvée | Omega Kube</title>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<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=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<script src="../assets/js/feather.min.js"></script>
|
||||
<link rel="stylesheet" href="/assets/css/404.css">
|
||||
<!-- Open Graph / Discord embed -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Omega Kube">
|
||||
<meta property="og:title" content="404 — Page non trouvée | Omega Kube">
|
||||
<meta property="og:description" content="Cette page n'existe pas dans notre univers.">
|
||||
<meta property="og:url" content="https://omegakube.fr/404">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/favicon/android-chrome-512x512.png">
|
||||
<meta property="og:image:width" content="512">
|
||||
<meta property="og:image:height" content="512">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="404 — Page non trouvée | Omega Kube">
|
||||
<meta name="twitter:description" content="Cette page n'existe pas dans notre univers.">
|
||||
<meta name="twitter:image" content="https://omegakube.fr/assets/images/favicon/android-chrome-512x512.png">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="bg-glow bg-glow-1"></div>
|
||||
<div class="bg-glow bg-glow-2"></div>
|
||||
<div class="particles" id="particles"></div>
|
||||
|
||||
<div class="portal portal-left">
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
</div>
|
||||
<div class="portal portal-right">
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
<div class="portal-ring"></div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="error-icon">
|
||||
<i data-feather="alert-triangle"></i>
|
||||
</div>
|
||||
<div class="error-code">404</div>
|
||||
<h1 class="error-title">Dimension introuvable</h1>
|
||||
<p class="error-message">
|
||||
Oups ! Il semblerait que vous ayez traversé un <span>portail défectueux</span>.
|
||||
Cette page n'existe pas dans notre univers... ou peut-être a-t-elle été téléportée ailleurs ?
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<a href="/" class="btn btn-primary">
|
||||
<i data-feather="home"></i>
|
||||
Retour à l'accueil
|
||||
</a>
|
||||
<a href="javascript:history.back()" class="btn btn-secondary">
|
||||
<i data-feather="arrow-left"></i>
|
||||
Page précédente
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<span class="logo-mini">ΩK</span>
|
||||
<span>•</span>
|
||||
<a href="/">Omega Kube</a>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/pages/404.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
246
pages/cgv.html
Normal file
246
pages/cgv.html
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omegakube - Conditions Générales de Vente</title>
|
||||
<meta name="description" content="Découvrez les Conditions Générales de Vente de Omega Kube, régissant nos services de développement de bots Discord, création de maps RP, et créations graphiques.">
|
||||
<meta property="og:title" content="Omegakube - Conditions Générales de Vente">
|
||||
<meta property="og:description" content="Découvrez les Conditions Générales de Vente de Omega Kube, régissant nos services de développement de bots Discord, création de maps RP, et créations graphiques.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/pages/cgv.html">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Geometric Background -->
|
||||
<div class="geo-bg"></div>
|
||||
<div class="grid-pattern"></div>
|
||||
|
||||
<!-- Floating Shapes -->
|
||||
<div class="geo-shapes">
|
||||
<div class="shape shape-triangle"></div>
|
||||
<div class="shape shape-square-outline"></div>
|
||||
<div class="shape shape-triangle-outline"></div>
|
||||
<div class="shape shape-diamond"></div>
|
||||
<div class="shape shape-rect"></div>
|
||||
<div class="shape shape-square"></div>
|
||||
<div class="shape shape-triangle"></div>
|
||||
<div class="shape shape-dots">
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
</div>
|
||||
<div class="shape shape-square-outline"></div>
|
||||
<div class="shape shape-triangle-outline"></div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<div data-include="../components/background.html"></div>
|
||||
<div data-include="../components/header.html"></div>
|
||||
|
||||
<section class="page-hero" style="min-height: 40vh;">
|
||||
<div class="hero-content">
|
||||
<h1>Conditions Générales <span class="highlight">de Vente</span></h1>
|
||||
<p>Conditions applicables aux prestations de l'association Omega Kube</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="legal-content">
|
||||
<div class="legal-container">
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="book-open"></i> Article 1 - Préambule</h2>
|
||||
<div class="legal-card">
|
||||
<p>Les présentes Conditions Générales de Vente (CGV) régissent les relations contractuelles entre :</p>
|
||||
<p><strong>L'association Omega Kube</strong>, association loi 1901, dont le siège social est situé à Lorient, ci-après dénommée "l'Association" ou "Omega Kube"</p>
|
||||
<p>Et</p>
|
||||
<p>Toute personne physique ou morale souhaitant bénéficier des prestations proposées par l'Association, ci-après dénommée "le Client".</p>
|
||||
<p>Toute commande implique l'acceptation sans réserve des présentes CGV.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="package"></i> Article 2 - Services proposés</h2>
|
||||
<div class="legal-card">
|
||||
<p>L'association Omega Kube propose les prestations suivantes :</p>
|
||||
<ul>
|
||||
<li><strong>Développement de bots Discord RP</strong> : création de bots personnalisés pour serveurs de Role Play</li>
|
||||
<li><strong>Création de maps RP</strong> : conception d'environnements de Role Play</li>
|
||||
<li><strong>Créations graphiques</strong> : logos, bannières, visuels pour serveurs et communautés</li>
|
||||
<li><strong>Consulting</strong> : accompagnement et conseils pour projets RP</li>
|
||||
<li><strong>Packs complets</strong> : offres groupées incluant plusieurs services</li>
|
||||
</ul>
|
||||
<p>Les caractéristiques détaillées de chaque service sont présentées sur la page Services du site.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="credit-card"></i> Article 3 - Tarifs et paiement</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>3.1 Tarifs</strong></p>
|
||||
<p>Les tarifs des prestations sont communiqués sur devis, établi gratuitement après étude du projet. En tant qu'association loi 1901, Omega Kube n'est pas assujettie à la TVA.</p>
|
||||
|
||||
<p><strong>3.2 Modalités de paiement</strong></p>
|
||||
<p>Le paiement s'effectue selon les modalités suivantes :</p>
|
||||
<ul>
|
||||
<li>Acompte de 30% à la commande</li>
|
||||
<li>Solde de 70% à la livraison du projet</li>
|
||||
</ul>
|
||||
<p>Moyens de paiement acceptés : virement bancaire, PayPal.</p>
|
||||
|
||||
<p><strong>3.3 Retard de paiement</strong></p>
|
||||
<p>Tout retard de paiement entraînera la suspension des travaux en cours jusqu'à régularisation.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="check-circle"></i> Article 4 - Commande et validation</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>4.1 Demande de devis</strong></p>
|
||||
<p>Le Client formule sa demande via le formulaire de contact ou par Discord. Un devis détaillé lui est adressé dans les meilleurs délais.</p>
|
||||
|
||||
<p><strong>4.2 Validation de la commande</strong></p>
|
||||
<p>La commande est considérée comme validée après :</p>
|
||||
<ul>
|
||||
<li>Acceptation écrite du devis par le Client</li>
|
||||
<li>Réception de l'acompte</li>
|
||||
</ul>
|
||||
|
||||
<p><strong>4.3 Cahier des charges</strong></p>
|
||||
<p>Un cahier des charges détaillant les spécifications du projet sera établi et validé par les deux parties avant le début des travaux.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="clock"></i> Article 5 - Délais de réalisation</h2>
|
||||
<div class="legal-card">
|
||||
<p>Les délais de réalisation sont communiqués à titre indicatif dans le devis. Ils courent à compter de la validation de la commande et de la réception de tous les éléments nécessaires.</p>
|
||||
<p>Des ajustements de délai peuvent être nécessaires en cas de :</p>
|
||||
<ul>
|
||||
<li>Modifications demandées par le Client en cours de projet</li>
|
||||
<li>Retard dans la fourniture des éléments par le Client</li>
|
||||
<li>Circonstances exceptionnelles (force majeure)</li>
|
||||
</ul>
|
||||
<p>Le Client sera informé de tout changement de délai.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="edit-3"></i> Article 6 - Modifications et révisions</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>6.1 Révisions incluses</strong></p>
|
||||
<p>Chaque prestation inclut un nombre de révisions défini dans le devis (généralement 2 à 3 révisions).</p>
|
||||
|
||||
<p><strong>6.2 Modifications supplémentaires</strong></p>
|
||||
<p>Au-delà des révisions incluses, toute modification fera l'objet d'un devis complémentaire.</p>
|
||||
|
||||
<p><strong>6.3 Modifications majeures</strong></p>
|
||||
<p>Les demandes de modifications substantielles du cahier des charges initial peuvent entraîner une réévaluation du devis et des délais.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="download"></i> Article 7 - Livraison et réception</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>7.1 Livraison</strong></p>
|
||||
<p>Les livrables sont transmis par voie électronique (Discord, email, lien de téléchargement).</p>
|
||||
|
||||
<p><strong>7.2 Réception</strong></p>
|
||||
<p>Le Client dispose d'un délai de 7 jours après livraison pour émettre des réserves. Passé ce délai, la prestation est réputée acceptée.</p>
|
||||
|
||||
<p><strong>7.3 Transfert de propriété</strong></p>
|
||||
<p>Le transfert de propriété des livrables au Client n'intervient qu'après paiement intégral du prix.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="shield"></i> Article 8 - Propriété intellectuelle</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>8.1 Cession des droits</strong></p>
|
||||
<p>Après paiement intégral, le Client acquiert les droits d'utilisation des créations pour l'usage défini dans le devis.</p>
|
||||
|
||||
<p><strong>8.2 Crédit et portfolio</strong></p>
|
||||
<p>L'association Omega Kube se réserve le droit d'utiliser les créations réalisées à des fins de promotion (portfolio, réseaux sociaux, autres), sauf demande expresse de confidentialité du Client.</p>
|
||||
|
||||
<p><strong>8.3 Éléments tiers</strong></p>
|
||||
<p>Le Client garantit disposer des droits nécessaires sur les éléments qu'il fournit (logos, images, textes).</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="x-circle"></i> Article 9 - Annulation et résiliation</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>9.1 Annulation par le Client</strong></p>
|
||||
<p>En cas d'annulation par le Client :</p>
|
||||
<ul>
|
||||
<li>Avant début des travaux : l'acompte reste acquis à l'Association</li>
|
||||
<li>En cours de réalisation : facturation du travail réalisé, avec un minimum correspondant à l'acompte</li>
|
||||
</ul>
|
||||
|
||||
<p><strong>9.2 Résiliation par l'Association</strong></p>
|
||||
<p>L'Association se réserve le droit de résilier la commande en cas de non-respect des obligations par le Client (non-paiement, comportement inapproprié). Les sommes versées resteront acquises.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="alert-triangle"></i> Article 10 - Responsabilité</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>10.1 Obligation de moyens</strong></p>
|
||||
<p>
|
||||
L'Association s'engage à mettre en œuvre tous les moyens dont elle dispose pour la bonne exécution de ses prestations.
|
||||
</p>
|
||||
|
||||
<p><strong>10.2 Limitation de responsabilité</strong></p>
|
||||
<p>La responsabilité de l'Association ne saurait être engagée en cas de :</p>
|
||||
<ul>
|
||||
<li>Mauvaise utilisation des livrables par le Client</li>
|
||||
<li>Dommages indirects (perte de données, manque à gagner)</li>
|
||||
<li>Force majeure</li>
|
||||
<li>Modifications apportées par le Client ou un tiers aux livrables</li>
|
||||
</ul>
|
||||
<p>
|
||||
En tout état de cause, la responsabilité de l'Association est limitée au montant effectivement perçu au titre de la prestation concernée.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="lock"></i> Article 11 - Confidentialité</h2>
|
||||
<div class="legal-card">
|
||||
<p>Les parties s'engagent à garder confidentielles les informations échangées dans le cadre de leur collaboration.</p>
|
||||
<p>Cette obligation de confidentialité ne s'applique pas aux informations :</p>
|
||||
<ul>
|
||||
<li>Déjà connues du public</li>
|
||||
<li>Obtenues légitimement par des tiers</li>
|
||||
<li>Dont la divulgation est exigée par la loi</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="file-text"></i> Article 12 - Droit applicable et litiges</h2>
|
||||
<div class="legal-card">
|
||||
<p>Les présentes CGV sont soumises au droit français.</p>
|
||||
<p>En cas de litige, les parties s'engagent à rechercher une solution amiable. À défaut d'accord, le litige sera porté devant les tribunaux compétents.</p>
|
||||
<p><strong>Date de dernière mise à jour :</strong> Avril 2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
<div data-include="../components/footer.html"></div>
|
||||
<!-- JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
123
pages/faq.html
Normal file
123
pages/faq.html
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omegakube - FAQ</title>
|
||||
<meta name="description" content="Trouvez les réponses à vos questions les plus fréquentes sur nos services, tarifs, processus et plus encore.">
|
||||
<meta property="og:title" content="Omegakube - FAQ">
|
||||
<meta property="og:description" content="Trouvez les réponses à vos questions les plus fréquentes sur nos services, tarifs, processus et plus encore.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/pages/faq.html">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../assets/css/legal.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div data-include="../components/background.html"></div>
|
||||
<div data-include="../components/header.html"></div>
|
||||
|
||||
<section class="page-hero">
|
||||
<div class="page-hero-content">
|
||||
<p class="section-tag">FAQ</p>
|
||||
<h1>Questions <span class="highlight">fréquentes</span></h1>
|
||||
<p>Tout ce que vous devez savoir avant de nous contacter.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="faq-page-section">
|
||||
<div class="faq-page-container" id="faq-container"></div>
|
||||
</section>
|
||||
|
||||
<section class="faq-cta-section">
|
||||
<div class="faq-cta-inner reveal">
|
||||
<h2>Vous n'avez pas trouvé votre réponse ?</h2>
|
||||
<p>Notre équipe est disponible pour répondre à toutes vos questions spécifiques. N'hésitez pas à nous contacter directement.</p>
|
||||
<div class="faq-cta-btns">
|
||||
<a href="../index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Nous contacter
|
||||
</a>
|
||||
<a href="#" data-social="discord" target="_blank" rel="noopener noreferrer" class="btn btn-secondary">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/></svg>
|
||||
Rejoindre notre Discord
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div data-include="../components/footer.html"></div>
|
||||
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', async () => {
|
||||
const container = document.getElementById('faq-container');
|
||||
|
||||
let faqData;
|
||||
try {
|
||||
const res = await fetch('../assets/data/faq.json');
|
||||
if (!res.ok) throw new Error(res.statusText);
|
||||
faqData = await res.json();
|
||||
} catch (err) {
|
||||
container.innerHTML = '<p style="text-align:center;color:var(--text-muted);">Impossible de charger la FAQ.</p>';
|
||||
return;
|
||||
}
|
||||
|
||||
container.innerHTML = faqData.map((cat, ci) => `
|
||||
<div class="faq-category reveal${ci > 0 ? ' reveal-delay-' + Math.min(ci, 3) : ''}">
|
||||
<h3 class="faq-category-title">
|
||||
<i data-feather="${window.escapeHTML(cat.icon)}"></i>
|
||||
${window.escapeHTML(cat.title)}
|
||||
</h3>
|
||||
<div class="faq-list">
|
||||
${cat.questions.map((item, qi) => `
|
||||
<div class="faq-item" id="faq-${window.escapeHTML(cat.id)}-${qi}">
|
||||
<button class="faq-question" aria-expanded="false">
|
||||
${window.escapeHTML(item.q)}
|
||||
<i data-feather="chevron-down" class="faq-chevron"></i>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>${window.escapeHTML(item.a)}</p>
|
||||
</div>
|
||||
</div>
|
||||
`).join('')}
|
||||
</div>
|
||||
</div>
|
||||
`).join('');
|
||||
|
||||
if (window.feather) feather.replace();
|
||||
|
||||
container.querySelectorAll('.faq-question').forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const item = btn.closest('.faq-item');
|
||||
const isOpen = item.classList.contains('open');
|
||||
container.querySelectorAll('.faq-item').forEach(i => {
|
||||
i.classList.remove('open');
|
||||
i.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
if (!isOpen) {
|
||||
item.classList.add('open');
|
||||
btn.setAttribute('aria-expanded', 'true');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
document.querySelectorAll('.reveal').forEach(el => {
|
||||
if (el.getBoundingClientRect().top < window.innerHeight - 50) {
|
||||
el.classList.add('active');
|
||||
}
|
||||
});
|
||||
}, 50);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
133
pages/mentions-legales.html
Normal file
133
pages/mentions-legales.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omegakube - Mentions Légales</title>
|
||||
<meta name="description" content="Consultez les mentions légales de Omega Kube, incluant les informations sur l'éditeur du site, la protection des données personnelles, et la propriété intellectuelle.">
|
||||
<meta property="og:title" content="Omegakube - Mentions Légales">
|
||||
<meta property="og:description" content="Consultez les mentions légales de Omega Kube, incluant les informations sur l'éditeur du site, la protection des données personnelles, et la propriété intellectuelle.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/pages/mentions-legales.html">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<link rel="stylesheet" href="../assets/css/legal.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- baground géométrique -->
|
||||
<div data-include="../components/background.html"></div>
|
||||
|
||||
<!-- Header -->
|
||||
<div data-include="../components/header.html"></div>
|
||||
|
||||
<section class="page-hero" style="min-height: 40vh;">
|
||||
<div class="hero-content">
|
||||
<h1>Mentions <span class="highlight">Légales</span></h1>
|
||||
<p>Informations légales relatives à l'association Omega Kube</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="legal-content">
|
||||
<div class="legal-container">
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="info"></i> Éditeur du site</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>Association Omega Kube</strong></p>
|
||||
<p>Association loi 1901</p>
|
||||
<p>Siège social : 56100 Lorient, Bretagne, France</p>
|
||||
<p>Numéro RNA : W561014223</p>
|
||||
<p>Siret : 102 118 478 00019</p>
|
||||
<p>Email : contact@omegakube.fr</p>
|
||||
<p>Discord : https://discord.gg/FwvNkvu5dy</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="user"></i> Directeur de la publication</h2>
|
||||
<div class="legal-card">
|
||||
<p>Le directeur de la publication est le Président de l'association Omega Kube.</p>
|
||||
<p>Contact : contact@omegakube.fr</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="server"></i> Hébergement</h2>
|
||||
<div class="legal-card">
|
||||
<p><strong>Omega Kube</strong></p>
|
||||
<p>Mail : contact@omegakube.fr</p>
|
||||
<p>Site web : https://omegakube.fr</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="shield"></i> Propriété intellectuelle</h2>
|
||||
<div class="legal-card">
|
||||
<p>L'ensemble du contenu de ce site (textes, images, vidéos, logos, icônes, sons, logiciels, etc.) est la propriété exclusive de l'association Omega Kube ou de ses partenaires et est protégé par les lois françaises et internationales relatives à la propriété intellectuelle.</p>
|
||||
<p>Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de l'association Omega Kube.</p>
|
||||
<p>Toute exploitation non autorisée du site ou de son contenu sera considérée comme constitutive d'une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="database"></i> Protection des données personnelles</h2>
|
||||
<div class="legal-card">
|
||||
<p>Conformément au Règlement Général sur la Protection des Données (RGPD) et à la loi Informatique et Libertés du 6 janvier 1978 modifiée, vous disposez des droits suivants concernant vos données personnelles :</p>
|
||||
<ul>
|
||||
<li>Droit d'accès</li>
|
||||
<li>Droit de rectification</li>
|
||||
<li>Droit à l'effacement</li>
|
||||
<li>Droit à la limitation du traitement</li>
|
||||
<li>Droit à la portabilité</li>
|
||||
<li>Droit d'opposition</li>
|
||||
</ul>
|
||||
<p>Pour exercer ces droits, vous pouvez nous contacter à l'adresse : contact@omegakube.fr</p>
|
||||
<p>Les informations collectées via le formulaire de contact sont utilisées uniquement pour répondre à vos demandes et ne sont jamais cédées à des tiers.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="link"></i> Liens hypertextes</h2>
|
||||
<div class="legal-card">
|
||||
<p>Le site Omega Kube peut contenir des liens hypertextes vers d'autres sites. L'association Omega Kube n'exerce aucun contrôle sur ces sites et décline toute responsabilité quant à leur contenu.</p>
|
||||
<p>La création de liens hypertextes vers le site omegakube.fr est soumise à l'accord préalable de l'association.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="alert-circle"></i> Limitation de responsabilité</h2>
|
||||
<div class="legal-card">
|
||||
<p>L'association Omega Kube s'efforce d'assurer au mieux l'exactitude et la mise à jour des informations diffusées sur ce site. Toutefois, elle ne peut garantir l'exactitude, la précision ou l'exhaustivité des informations mises à disposition.</p>
|
||||
<p>En conséquence, l'association Omega Kube décline toute responsabilité :</p>
|
||||
<ul>
|
||||
<li>Pour toute imprécision, inexactitude ou omission portant sur des informations disponibles sur le site</li>
|
||||
<li>Pour tous dommages résultant d'une intrusion frauduleuse d'un tiers</li>
|
||||
<li>Pour tous dommages, directs ou indirects, quelles qu'en soient les causes, origines, natures ou conséquences</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legal-section">
|
||||
<h2><i data-feather="file-text"></i> Droit applicable</h2>
|
||||
<div class="legal-card">
|
||||
<p>Les présentes mentions légales sont régies par le droit français. En cas de litige, les tribunaux français seront seuls compétents.</p>
|
||||
<p>Date de dernière mise à jour : Février 2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
<div data-include="../components/footer.html"></div>
|
||||
<!-- JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
186
pages/realisations.html
Normal file
186
pages/realisations.html
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omegakube - Nos Réalisations</title>
|
||||
<meta name="description" content="Découvrez le portfolio de Omega Kube, présentant nos réalisations en développement de bots Discord, création de maps RP, et graphisme pour des expériences de Role Play uniques.">
|
||||
<meta property="og:title" content="Omegakube - Nos Réalisations">
|
||||
<meta property="og:description" content="Découvrez le portfolio de Omega Kube, présentant nos réalisations en développement de bots Discord, création de maps RP, et graphisme pour des expériences de Role Play uniques.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/pages/realisations.html">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<style>
|
||||
.filter-tabs {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.filter-tab {
|
||||
padding: 0.75rem 1.5rem;
|
||||
background: var(--glass-bg);
|
||||
border: 1px solid var(--glass-border);
|
||||
border-radius: 4px;
|
||||
color: var(--text-secondary);
|
||||
font-family: 'OmegaSmall', sans-serif;
|
||||
font-size: 0.95rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.filter-tab:hover,
|
||||
.filter-tab.active {
|
||||
background: var(--accent-primary);
|
||||
border-color: var(--accent-primary);
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Geometric Background -->
|
||||
<div class="geo-bg"></div>
|
||||
<div class="grid-pattern"></div>
|
||||
|
||||
<!-- Floating Shapes -->
|
||||
<div class="geo-shapes">
|
||||
<div class="shape shape-triangle"></div>
|
||||
<div class="shape shape-square-outline"></div>
|
||||
<div class="shape shape-triangle-outline"></div>
|
||||
<div class="shape shape-diamond"></div>
|
||||
<div class="shape shape-rect"></div>
|
||||
<div class="shape shape-square"></div>
|
||||
<div class="shape shape-triangle"></div>
|
||||
<div class="shape shape-dots">
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
<span></span><span></span><span></span><span></span>
|
||||
</div>
|
||||
<div class="shape shape-square-outline"></div>
|
||||
<div class="shape shape-triangle-outline"></div>
|
||||
</div>
|
||||
|
||||
<div data-include="../components/header.html"></div>
|
||||
|
||||
<!-- Page Hero -->
|
||||
<section class="page-hero">
|
||||
<div class="hero-content">
|
||||
<div class="hero-badge">
|
||||
<span>Notre portfolio</span>
|
||||
</div>
|
||||
<h1>Nos <span class="highlight">Réalisations</span></h1>
|
||||
<p>Découvrez les projets que nous avons concrétisés pour nos clients et partenaires.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Projets Phares - Bento Grid (dynamique depuis projects.json) -->
|
||||
<section style="padding-top: 2rem;">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">En vedette</p>
|
||||
<h2 class="section-title">Projets phares</h2>
|
||||
<p class="section-desc">Nos réalisations les plus marquantes</p>
|
||||
</div>
|
||||
|
||||
<div class="bento-grid" style="padding: 0 2rem;" id="featured-bento-grid">
|
||||
<!-- Rendu dynamique depuis ../assets/data/projects.json par realisations.js -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Tous nos projets (injected via JS) -->
|
||||
<section style="padding-top: 6rem;">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Portfolio</p>
|
||||
<h2 class="section-title">Tous nos projets</h2>
|
||||
<p class="section-desc">Cliquez sur un projet pour voir les détails</p>
|
||||
</div>
|
||||
|
||||
<!-- Filter Tabs -->
|
||||
<div style="max-width: 1200px; margin: 0 auto 2rem; text-align: center; padding: 0 2rem;">
|
||||
<div class="filter-tabs reveal">
|
||||
<button class="filter-tab active" data-filter="all">Tous</button>
|
||||
<button class="filter-tab" data-filter="bot">Bots Discord</button>
|
||||
<button class="filter-tab" data-filter="map">Maps Fortnite</button>
|
||||
<button class="filter-tab" data-filter="graphisme">Graphisme</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Portfolio Grid with Pagination -->
|
||||
<div class="portfolio-grid" style="max-width: 1200px; margin: 0 auto;" id="portfolio-grid">
|
||||
<!-- Les projets seront injectés ici par JavaScript -->
|
||||
</div>
|
||||
|
||||
<!-- Pagination -->
|
||||
<div class="pagination" id="pagination" style="max-width: 1200px; margin: 4rem auto 0;">
|
||||
<!-- Généré par JavaScript -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project Modal (structure only — content populated by JS) -->
|
||||
<div class="project-modal-overlay" id="project-modal-overlay">
|
||||
<div class="project-modal">
|
||||
<button class="project-modal-close" id="project-modal-close">
|
||||
<i data-feather="x"></i>
|
||||
</button>
|
||||
|
||||
<div class="project-gallery" id="project-gallery">
|
||||
<div class="project-gallery-slides" id="gallery-slides"></div>
|
||||
<button class="gallery-nav prev" id="gallery-prev"><i data-feather="chevron-left"></i></button>
|
||||
<button class="gallery-nav next" id="gallery-next"><i data-feather="chevron-right"></i></button>
|
||||
<div class="gallery-dots" id="gallery-dots"></div>
|
||||
</div>
|
||||
|
||||
<div class="project-modal-content">
|
||||
<div class="project-modal-header">
|
||||
<div>
|
||||
<span class="portfolio-tag" id="modal-category">Bot Discord</span>
|
||||
<h2 id="modal-title">Nom du projet</h2>
|
||||
</div>
|
||||
<div class="project-modal-meta" id="modal-meta"></div>
|
||||
</div>
|
||||
|
||||
<p class="project-modal-desc" id="modal-desc"></p>
|
||||
|
||||
<div class="project-modal-tabs">
|
||||
<button class="project-modal-tab active" data-tab="features">Fonctionnalités</button>
|
||||
<button class="project-modal-tab" data-tab="tech">Technologies</button>
|
||||
<button class="project-modal-tab" data-tab="stats">Statistiques</button>
|
||||
</div>
|
||||
|
||||
<div class="project-modal-tab-content active" id="tab-features"><div class="project-features-grid" id="modal-features"></div></div>
|
||||
<div class="project-modal-tab-content" id="tab-tech"><div class="project-tech-grid" id="modal-tech"></div></div>
|
||||
<div class="project-modal-tab-content" id="tab-stats"><div class="project-stats-grid" id="modal-stats"></div></div>
|
||||
<div class="team-modal-social" id="modal-project-social"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="contact" style="padding-top: 4rem;">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Votre projet</p>
|
||||
<h2 class="section-title">Prêt à créer ensemble ?</h2>
|
||||
<p class="section-desc">Votre projet pourrait être le prochain dans notre portfolio</p>
|
||||
</div>
|
||||
<div style="text-align: center;" class="reveal">
|
||||
<a href="../index.html" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Démarrer un projet
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div data-include="../components/footer.html"></div>
|
||||
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script src="../assets/js/pages/realisations.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
155
pages/services.html
Normal file
155
pages/services.html
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omegakube - Nos Services</title>
|
||||
<meta name="description" content="Découvrez tous les services de Omega Kube : développement de bots Discord personnalisés, création de maps immersives pour Role Play, et créations graphiques uniques.">
|
||||
<meta property="og:title" content="Omegakube - Nos Services">
|
||||
<meta property="og:description" content="Découvrez tous les services de Omega Kube : développement de bots Discord personnalisés, création de maps immersives pour Role Play, et créations graphiques uniques.">
|
||||
<meta property="og:image" content="https://omegakube.fr/assets/images/logo.png">
|
||||
<meta property="og:url" content="https://omegakube.fr/pages/services.html">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/images/favicon/site.webmanifest">
|
||||
<link rel="shortcut icon" href="../assets/images/favicon/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#0a0a0f">
|
||||
<meta name="theme-color" content="#0a0a0f">
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<script src="../assets/js/feather.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Baground géométrique -->
|
||||
<div data-include="../components/background.html"></div>
|
||||
|
||||
<!-- Header / Menu -->
|
||||
<div data-include="../components/header.html"></div>
|
||||
|
||||
<!-- Page Hero -->
|
||||
<div data-include="../components/services/hero.html"></div>
|
||||
|
||||
<!-- Process Timeline -->
|
||||
<section class="process-section">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Notre processus</p>
|
||||
<h2 class="section-title">Comment ça marche ?</h2>
|
||||
<p class="section-desc">Un accompagnement clair et structuré, de l'idée à la livraison</p>
|
||||
</div>
|
||||
|
||||
<div class="process-timeline reveal" id="process-timeline">
|
||||
<div class="process-step active" data-step="1">
|
||||
<div class="process-step-number">
|
||||
<i data-feather="message-circle" class="process-step-icon"></i>
|
||||
</div>
|
||||
<div class="process-step-content">
|
||||
<h4 class="process-step-title">Contact</h4>
|
||||
<p class="process-step-desc">Discutons de votre projet et de vos besoins</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="process-step" data-step="2">
|
||||
<div class="process-step-number">
|
||||
<i data-feather="file-text" class="process-step-icon"></i>
|
||||
</div>
|
||||
<div class="process-step-content">
|
||||
<h4 class="process-step-title">Devis</h4>
|
||||
<p class="process-step-desc">Proposition détaillée et validation ensemble</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="process-step" data-step="3">
|
||||
<div class="process-step-number">
|
||||
<i data-feather="code" class="process-step-icon"></i>
|
||||
</div>
|
||||
<div class="process-step-content">
|
||||
<h4 class="process-step-title">Création</h4>
|
||||
<p class="process-step-desc">Développement avec suivi régulier</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="process-step" data-step="4">
|
||||
<div class="process-step-number">
|
||||
<i data-feather="check-circle" class="process-step-icon"></i>
|
||||
</div>
|
||||
<div class="process-step-content">
|
||||
<h4 class="process-step-title">Livraison</h4>
|
||||
<p class="process-step-desc">Tests, ajustements et support inclus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Service Tabs -->
|
||||
<section class="service-tabs-section">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Nos expertises</p>
|
||||
<h2 class="section-title">Choisissez votre service</h2>
|
||||
<p class="section-desc">Cliquez sur un service pour découvrir tous les détails</p>
|
||||
</div>
|
||||
|
||||
<div class="service-tabs-container">
|
||||
<!-- Tabs Navigation — rendu dynamique par services-tabs.js -->
|
||||
<div class="service-tabs-nav reveal" id="service-tabs-nav"></div>
|
||||
|
||||
<!-- Tab Contents — rendu dynamique par services-tabs.js -->
|
||||
<div id="service-tabs-contents"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Why Choose Us -->
|
||||
<section style="padding: 6rem 2rem; background: linear-gradient(180deg, transparent 0%, var(--bg-secondary) 50%, transparent 100%);">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Nos atouts</p>
|
||||
<h2 class="section-title">Pourquoi nous choisir ?</h2>
|
||||
<p class="section-desc">Ce qui fait la différence Omega Kube</p>
|
||||
</div>
|
||||
|
||||
<div class="why-us-grid reveal">
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">
|
||||
<i data-feather="star"></i>
|
||||
</div>
|
||||
<h3>Expertise RP</h3>
|
||||
<p>5 ans d'expérience dans l'écosystème Role Play. Nous connaissons vos besoins car nous sommes aussi des joueurs.</p>
|
||||
</div>
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">
|
||||
<i data-feather="refresh-cw"></i>
|
||||
</div>
|
||||
<h3>Accompagnement continu</h3>
|
||||
<p>Communication régulière pendant le développement. Vous suivez l'avancement et validez chaque étape.</p>
|
||||
</div>
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">
|
||||
<i data-feather="life-buoy"></i>
|
||||
</div>
|
||||
<h3>Support inclus</h3>
|
||||
<p>Maintenance et assistance après livraison. Nous restons disponibles pour les ajustements et questions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="contact" style="padding-top: 4rem;">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-tag">Prêt à commencer ?</p>
|
||||
<h2 class="section-title">Discutons de votre projet</h2>
|
||||
<p class="section-desc">Contactez-nous pour un devis gratuit et personnalisé</p>
|
||||
</div>
|
||||
<div style="text-align: center;" class="reveal">
|
||||
<a href="../index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Nous contacter
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
<div data-include="../components/footer.html"></div>
|
||||
|
||||
<script src="../assets/js/main.js"></script>
|
||||
<script src="../assets/js/pages/services-process.js" defer></script>
|
||||
<script src="../assets/js/pages/services.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue