Initial commit
This commit is contained in:
commit
c38fde40b0
33 changed files with 7319 additions and 0 deletions
61
pages/404.html
Normal file
61
pages/404.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!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 | OmégaKube</title>
|
||||
<template data-include="/testarea/omegakube/v1bis/components/favicons.html"></template>
|
||||
<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="https://unpkg.com/feather-icons"></script>
|
||||
<link rel="stylesheet" href="/testarea/omegakube/v1bis/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="/testarea/omegakube/v1bis/index.html" 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="/testarea/omegakube/v1bis/index.html">OmégaKube</a>
|
||||
</div>
|
||||
|
||||
<script src="/testarea/omegakube/v1bis/assets/js/pages/404.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
256
pages/cgv.html
Normal file
256
pages/cgv.html
Normal file
|
|
@ -0,0 +1,256 @@
|
|||
<!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>Conditions Générales de Vente — OmégaKube</title>
|
||||
<template data-include="/testarea/omegakube/v1bis/components/favicons.html"></template>
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<script src="https://unpkg.com/feather-icons"></script>
|
||||
</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/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 OmégaKube</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 OmégaKube</strong>, association loi 1901, dont le siège social est situé à [Adresse], ci-après dénommée "l'Association" ou "OmégaKube"</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 OmégaKube 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 Fortnite RP</strong> : conception d'environnements pour le mode créatif Fortnite</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, OmégaKube 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 OmégaKube 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> Février 2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer -->
|
||||
<div data-include="../components/footer.html"></div>
|
||||
<!-- JS -->
|
||||
<script src="../assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
feather.replace();
|
||||
|
||||
const themeToggle = document.getElementById('theme-toggle');
|
||||
const html = document.documentElement;
|
||||
html.setAttribute('data-theme', localStorage.getItem('theme') || 'dark');
|
||||
themeToggle.addEventListener('click', () => {
|
||||
const newTheme = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
|
||||
html.setAttribute('data-theme', newTheme);
|
||||
localStorage.setItem('theme', newTheme);
|
||||
});
|
||||
|
||||
const navbar = document.getElementById('navbar');
|
||||
window.addEventListener('scroll', () => navbar.classList.toggle('scrolled', window.scrollY > 50));
|
||||
|
||||
const mobileToggle = document.getElementById('mobile-toggle');
|
||||
const navLinks = document.getElementById('nav-links');
|
||||
mobileToggle.addEventListener('click', () => {
|
||||
mobileToggle.classList.toggle('active');
|
||||
navLinks.classList.toggle('active');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
163
pages/mentions-legales.html
Normal file
163
pages/mentions-legales.html
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
<!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>Mentions Légales — OmégaKube</title>
|
||||
<template data-include="/testarea/omegakube/v1bis/components/favicons.html"></template>
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<script src="https://unpkg.com/feather-icons"></script>
|
||||
</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/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 OmégaKube</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 OmégaKube</strong></p>
|
||||
<p>Association loi 1901</p>
|
||||
<p>Siège social : [Adresse du siège social]</p>
|
||||
<p>Numéro RNA : W[XXX] (en cours d'immatriculation)</p>
|
||||
<p>Email : contact@omegakube.fr</p>
|
||||
<p>Discord : OmégaKube#0001</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 OmégaKube.</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>[Nom de l'hébergeur]</strong></p>
|
||||
<p>Adresse : [Adresse de l'hébergeur]</p>
|
||||
<p>Téléphone : [Numéro de téléphone]</p>
|
||||
<p>Site web : [URL de l'hébergeur]</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 OmégaKube 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 OmégaKube.</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 OmégaKube peut contenir des liens hypertextes vers d'autres sites. L'association OmégaKube 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 OmégaKube 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 OmégaKube 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>
|
||||
|
||||
<script>
|
||||
feather.replace();
|
||||
|
||||
const themeToggle = document.getElementById('theme-toggle');
|
||||
const html = document.documentElement;
|
||||
html.setAttribute('data-theme', localStorage.getItem('theme') || 'dark');
|
||||
themeToggle.addEventListener('click', () => {
|
||||
const newTheme = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
|
||||
html.setAttribute('data-theme', newTheme);
|
||||
localStorage.setItem('theme', newTheme);
|
||||
});
|
||||
|
||||
const navbar = document.getElementById('navbar');
|
||||
window.addEventListener('scroll', () => navbar.classList.toggle('scrolled', window.scrollY > 50));
|
||||
|
||||
const mobileToggle = document.getElementById('mobile-toggle');
|
||||
const navLinks = document.getElementById('nav-links');
|
||||
mobileToggle.addEventListener('click', () => {
|
||||
mobileToggle.classList.toggle('active');
|
||||
navLinks.classList.toggle('active');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
334
pages/realisations.html
Normal file
334
pages/realisations.html
Normal file
|
|
@ -0,0 +1,334 @@
|
|||
<!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>Nos Réalisations — OmégaKube</title>
|
||||
<template data-include="/testarea/omegakube/v1bis/components/favicons.html"></template>
|
||||
<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 -->
|
||||
<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;">
|
||||
|
||||
<!-- Projet Phare 1 - Medieval RP Bot -->
|
||||
<div class="bento-project reveal">
|
||||
<div class="bento-image" style="background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));">
|
||||
<div class="bento-image-content">
|
||||
<span class="portfolio-tag">Bot Discord</span>
|
||||
<h3>Medieval RP Bot</h3>
|
||||
<p>Un système RP médiéval complet pour serveur fantasy</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-stats">
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="users"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">5000+</div>
|
||||
<div class="bento-stat-label">Joueurs actifs</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="clock"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">3 mois</div>
|
||||
<div class="bento-stat-label">Développement</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="terminal"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">150+</div>
|
||||
<div class="bento-stat-label">Commandes</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="database"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">99.9%</div>
|
||||
<div class="bento-stat-label">Uptime</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-info">
|
||||
<h4>Description</h4>
|
||||
<p>Développé pour l'un des plus grands serveurs Discord francophones, ce bot gère l'intégralité de l'expérience RP : économie, métiers, combat tour par tour, gestion de royaumes et alliances, quêtes automatisées et bien plus encore.</p>
|
||||
<div class="bento-features">
|
||||
<span class="bento-feature">Économie</span>
|
||||
<span class="bento-feature">Combat</span>
|
||||
<span class="bento-feature">Métiers</span>
|
||||
<span class="bento-feature">Royaumes</span>
|
||||
<span class="bento-feature">Quêtes</span>
|
||||
<span class="bento-feature">Events</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bento-divider"></div>
|
||||
|
||||
<!-- Projet Phare 2 - Cyberpunk City (Reverse) -->
|
||||
<div class="bento-project reverse reveal">
|
||||
<div class="bento-image" style="background: linear-gradient(135deg, #5E2040, #1a3a5e);">
|
||||
<div class="bento-image-content">
|
||||
<span class="portfolio-tag">Fortnite Map</span>
|
||||
<h3>Cyberpunk City</h3>
|
||||
<p>Une ville futuriste immersive pour le RP urbain</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-stats">
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="play"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">50K+</div>
|
||||
<div class="bento-stat-label">Parties jouées</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="home"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">100+</div>
|
||||
<div class="bento-stat-label">Bâtiments</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="map-pin"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">5</div>
|
||||
<div class="bento-stat-label">Quartiers</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="users"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">50</div>
|
||||
<div class="bento-stat-label">Joueurs max</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-info">
|
||||
<h4>Description</h4>
|
||||
<p>Néons, gratte-ciels, quartiers distincts et ambiance blade runner. Cette map a été optimisée pour accueillir jusqu'à 50 joueurs simultanément avec un système jour/nuit dynamique et des zones interactives scriptées.</p>
|
||||
<div class="bento-features">
|
||||
<span class="bento-feature">Néons</span>
|
||||
<span class="bento-feature">Jour/Nuit</span>
|
||||
<span class="bento-feature">Scripts</span>
|
||||
<span class="bento-feature">Optimisé</span>
|
||||
<span class="bento-feature">Immersif</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bento-divider"></div>
|
||||
|
||||
<!-- Projet Phare 3 - Nova RP -->
|
||||
<div class="bento-project reveal">
|
||||
<div class="bento-image" style="background: linear-gradient(135deg, #2d1b5e, #5E2040);">
|
||||
<div class="bento-image-content">
|
||||
<span class="portfolio-tag">Pack Complet</span>
|
||||
<h3>Nova RP - Lancement</h3>
|
||||
<p>Accompagnement complet pour un lancement réussi</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-stats">
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="users"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">8000+</div>
|
||||
<div class="bento-stat-label">Membres</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="trending-up"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">0→8K</div>
|
||||
<div class="bento-stat-label">En 3 mois</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="package"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">4</div>
|
||||
<div class="bento-stat-label">Services inclus</div>
|
||||
</div>
|
||||
<div class="bento-stat">
|
||||
<div class="bento-stat-icon">
|
||||
<i data-feather="award"></i>
|
||||
</div>
|
||||
<div class="bento-stat-value">Top 10</div>
|
||||
<div class="bento-stat-label">Serveur FR</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-info">
|
||||
<h4>Description</h4>
|
||||
<p>Un accompagnement clé en main : bot Discord personnalisé, identité visuelle complète, map Fortnite exclusive et stratégie de lancement. En 3 mois, le serveur est passé de 0 à 8000 membres actifs.</p>
|
||||
<div class="bento-features">
|
||||
<span class="bento-feature">Bot RP</span>
|
||||
<span class="bento-feature">Map Fortnite</span>
|
||||
<span class="bento-feature">Branding</span>
|
||||
<span class="bento-feature">Stratégie</span>
|
||||
<span class="bento-feature">Support</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
</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#contact" 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>
|
||||
741
pages/services.html
Normal file
741
pages/services.html
Normal file
|
|
@ -0,0 +1,741 @@
|
|||
<!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>Nos Services — OmégaKube</title>
|
||||
<template data-include="/testarea/omegakube/v1bis/components/favicons.html"></template>
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
<script src="https://unpkg.com/feather-icons"></script>
|
||||
</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>Ce que nous proposons</span>
|
||||
</div>
|
||||
<h1>Nos <span class="highlight">Services</span></h1>
|
||||
<p>Des solutions complètes et sur mesure pour donner vie à vos projets Role Play les plus ambitieux.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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 -->
|
||||
<div class="service-tabs-nav reveal">
|
||||
<button class="service-tab-btn active" data-tab="bots">
|
||||
<i data-feather="code"></i>
|
||||
<span>Bots Discord</span>
|
||||
</button>
|
||||
<button class="service-tab-btn" data-tab="maps">
|
||||
<i data-feather="map"></i>
|
||||
<span>Maps Fortnite</span>
|
||||
<span class="service-stamp service-stamp-new">New</span>
|
||||
</button>
|
||||
<button class="service-tab-btn" data-tab="graphisme">
|
||||
<i data-feather="image"></i>
|
||||
<span>Graphisme</span>
|
||||
</button>
|
||||
<button class="service-tab-btn" data-tab="consulting">
|
||||
<i data-feather="users"></i>
|
||||
<span>Consulting</span>
|
||||
<span class="service-stamp service-stamp-free">Gratuit</span>
|
||||
</button>
|
||||
<button class="service-tab-btn" data-tab="pack">
|
||||
<i data-feather="package"></i>
|
||||
<span>Pack Complet</span>
|
||||
<span class="service-stamp service-stamp-popular">Populaire</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Tab Contents -->
|
||||
<!-- BOTS DISCORD -->
|
||||
<div class="service-tab-content active" id="tab-bots">
|
||||
<div class="service-tab-grid">
|
||||
<div class="service-visual">
|
||||
<div class="service-visual-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="service-visual-icon">
|
||||
<div class="icon-main">
|
||||
<i data-feather="code"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-tab-details">
|
||||
<div class="service-tab-header">
|
||||
<h2>Bots Discord RP</h2>
|
||||
<p>Des bots entièrement personnalisés pour animer et gérer vos serveurs Role Play. Nous développons des systèmes complets adaptés à votre univers et à vos mécaniques de jeu.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-highlights">
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">2-4</div>
|
||||
<div class="service-highlight-label">Semaines de dev</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">1 mois</div>
|
||||
<div class="service-highlight-label">Support inclus</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">100%</div>
|
||||
<div class="service-highlight-label">Personnalisable</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-features">
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="dollar-sign"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Économie virtuelle</h4>
|
||||
<p>Monnaie, banque, transactions</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="briefcase"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Système de métiers</h4>
|
||||
<p>Jobs, skills, progression</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="shield"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Combat & Stats</h4>
|
||||
<p>PvP, PvE, attributs</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="box"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Inventaire avancé</h4>
|
||||
<p>Items, crafting, échanges</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="flag"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Factions & Guildes</h4>
|
||||
<p>Clans, territoires, guerres</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon">
|
||||
<i data-feather="settings"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Panel Admin</h4>
|
||||
<p>Interface web de gestion</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-cta">
|
||||
<a href="index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Demander un devis
|
||||
</a>
|
||||
<a href="realisations.html" class="btn btn-secondary">
|
||||
<i data-feather="eye"></i>
|
||||
Voir nos réalisations
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MAPS FORTNITE -->
|
||||
<div class="service-tab-content" id="tab-maps">
|
||||
<div class="service-tab-grid">
|
||||
<div class="service-visual" style="--accent-primary: #1a5e8b; --accent-secondary: #3a8bb5;">
|
||||
<span class="service-stamp service-visual-stamp service-stamp-new">✦ New</span>
|
||||
<div class="service-visual-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="service-visual-icon">
|
||||
<div class="icon-main" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="map"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-tab-details">
|
||||
<div class="service-tab-header">
|
||||
<h2>Maps Fortnite RP</h2>
|
||||
<p>Des environnements immersifs créés sur mesure pour vos sessions Role Play. De la ville moderne au village médiéval, nous donnons vie à tous les univers.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-highlights">
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">3-6</div>
|
||||
<div class="service-highlight-label">Semaines de création</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">50+</div>
|
||||
<div class="service-highlight-label">Joueurs supportés</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">UEFN</div>
|
||||
<div class="service-highlight-label">Compatible</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-features">
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="home"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Bâtiments détaillés</h4>
|
||||
<p>Intérieurs accessibles et déco</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="sun"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Cycle jour/nuit</h4>
|
||||
<p>Ambiance dynamique</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="zap"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Zones interactives</h4>
|
||||
<p>Scripts et triggers</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="cpu"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Optimisation</h4>
|
||||
<p>Performance garantie</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="map-pin"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Points d'intérêt</h4>
|
||||
<p>Lieux uniques et mémorables</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #1a5e8b, #3a8bb5);">
|
||||
<i data-feather="edit-3"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Modifications</h4>
|
||||
<p>Ajustements post-livraison</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-cta">
|
||||
<a href="index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Demander un devis
|
||||
</a>
|
||||
<a href="realisations.html" class="btn btn-secondary">
|
||||
<i data-feather="eye"></i>
|
||||
Voir nos maps
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GRAPHISME -->
|
||||
<div class="service-tab-content" id="tab-graphisme">
|
||||
<div class="service-tab-grid">
|
||||
<div class="service-visual">
|
||||
<div class="service-visual-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="service-visual-icon">
|
||||
<div class="icon-main" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="image"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-tab-details">
|
||||
<div class="service-tab-header">
|
||||
<h2>Créations Graphiques</h2>
|
||||
<p>Une identité visuelle forte et cohérente pour vos projets. Du logo aux bannières, nous créons des visuels qui marquent les esprits et attirent votre communauté.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-highlights">
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">1-2</div>
|
||||
<div class="service-highlight-label">Semaines</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">∞</div>
|
||||
<div class="service-highlight-label">Révisions</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">HD</div>
|
||||
<div class="service-highlight-label">Qualité</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-features">
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="hexagon"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Logo & Branding</h4>
|
||||
<p>Identité visuelle complète</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="layout"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Bannières Discord</h4>
|
||||
<p>Server banner, splash, icône</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="smile"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Emojis custom</h4>
|
||||
<p>Pack emojis personnalisés</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="grid"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Icônes & Assets</h4>
|
||||
<p>Items, skills, badges</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="play-circle"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Animations</h4>
|
||||
<p>GIFs et motion design</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b5e3a, #b58a5a);">
|
||||
<i data-feather="book-open"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Guide de style</h4>
|
||||
<p>Charte graphique fournie</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-cta">
|
||||
<a href="index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Demander un devis
|
||||
</a>
|
||||
<a href="realisations.html" class="btn btn-secondary">
|
||||
<i data-feather="eye"></i>
|
||||
Voir nos créations
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CONSULTING -->
|
||||
<div class="service-tab-content" id="tab-consulting">
|
||||
<div class="service-tab-grid">
|
||||
<div class="service-visual">
|
||||
<span class="service-stamp service-visual-stamp service-stamp-free service-stamp-animated">✓ Gratuit</span>
|
||||
<div class="service-visual-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="service-visual-icon">
|
||||
<div class="icon-main" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="users"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-tab-details">
|
||||
<div class="service-tab-header">
|
||||
<h2>Consulting & Accompagnement <span class="service-stamp service-stamp-inline service-stamp-free">Gratuit</span></h2>
|
||||
<p>Bénéficiez de notre expérience pour structurer, lancer et développer votre projet RP. Conseils stratégiques et accompagnement personnalisé.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-highlights">
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">50+</div>
|
||||
<div class="service-highlight-label">Projets accompagnés</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">3 ans</div>
|
||||
<div class="service-highlight-label">D'expérience</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">24/7</div>
|
||||
<div class="service-highlight-label">Support Discord</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-features">
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="search"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Audit serveur</h4>
|
||||
<p>Analyse de l'existant</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="trending-up"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Stratégie croissance</h4>
|
||||
<p>Plan de développement</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="user-check"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Formation staff</h4>
|
||||
<p>Équipe modération</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="heart"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Expérience joueur</h4>
|
||||
<p>Optimisation UX</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="calendar"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Planning events</h4>
|
||||
<p>Calendrier d'animations</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #3a8b5e, #5ab57a);">
|
||||
<i data-feather="dollar-sign"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Monétisation</h4>
|
||||
<p>Conseils revenus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-cta">
|
||||
<a href="index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Prendre rendez-vous
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PACK COMPLET -->
|
||||
<div class="service-tab-content" id="tab-pack">
|
||||
<div class="service-tab-grid">
|
||||
<div class="service-visual">
|
||||
<span class="service-stamp service-visual-stamp service-stamp-popular service-stamp-animated">★ Populaire</span>
|
||||
<div class="service-visual-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="service-visual-icon">
|
||||
<div class="icon-main" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="package"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-tab-details">
|
||||
<div class="service-tab-header">
|
||||
<h2>Pack Serveur Complet <span class="service-stamp service-stamp-inline service-stamp-promo">-20%</span></h2>
|
||||
<p>La solution tout-en-un pour lancer votre projet RP. Bot personnalisé, map Fortnite, identité visuelle et accompagnement : tout est inclus pour un lancement réussi.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-highlights">
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">-20%</div>
|
||||
<div class="service-highlight-label">VS services séparés</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">3 mois</div>
|
||||
<div class="service-highlight-label">Support inclus</div>
|
||||
</div>
|
||||
<div class="service-highlight">
|
||||
<div class="service-highlight-value">Clé en main</div>
|
||||
<div class="service-highlight-label">Prêt à lancer</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-features">
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="code"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Bot Discord RP</h4>
|
||||
<p>Système complet personnalisé</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="map"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Map Fortnite</h4>
|
||||
<p>Environnement sur mesure</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="image"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Pack graphique</h4>
|
||||
<p>Logo, bannières, emojis</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="server"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Config Discord</h4>
|
||||
<p>Serveur prêt à l'emploi</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="book"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Documentation</h4>
|
||||
<p>Guides et tutoriels</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-feature-item">
|
||||
<div class="service-feature-icon" style="background: linear-gradient(135deg, #8b3a8b, #b55ab5);">
|
||||
<i data-feather="headphones"></i>
|
||||
</div>
|
||||
<div class="service-feature-text">
|
||||
<h4>Support 3 mois</h4>
|
||||
<p>Accompagnement lancement</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service-tab-cta">
|
||||
<a href="index.html#contact" class="btn btn-primary">
|
||||
<i data-feather="message-circle"></i>
|
||||
Demander un devis pack
|
||||
</a>
|
||||
<a href="realisations.html" class="btn btn-secondary">
|
||||
<i data-feather="eye"></i>
|
||||
Voir nos packs livrés
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 OmégaKube</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>3 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>Suivi 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.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue