feat: site multi-pages pro, anonymisation complète (zéro IP/nom perso)
This commit is contained in:
parent
9b1b9c2eb2
commit
6f85ed028e
5 changed files with 462 additions and 140 deletions
73
site-web/a-propos.html
Normal file
73
site-web/a-propos.html
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>À Propos | Forgium Cloud</title>
|
||||
<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=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="navbar-wrapper">
|
||||
<div class="navbar container">
|
||||
<a href="index.html" class="logo">
|
||||
<div class="logo-icon">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 17L12 22L22 17" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 12L12 17L22 12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
FORGIUM <span class="logo-tag">CLOUD</span>
|
||||
</a>
|
||||
|
||||
<nav class="nav-links">
|
||||
<a href="index.html">Accueil</a>
|
||||
<a href="offres.html">Offres & Jeux</a>
|
||||
<a href="infrastructure.html">Infrastructure</a>
|
||||
<a href="a-propos.html" class="active">À propos</a>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="nav-status">
|
||||
<span class="pulse-dot"></span> Système Opérationnel
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="https://panel.forgium.fr" class="btn btn-sm btn-outline">Espace Client →</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container section">
|
||||
<div class="section-head">
|
||||
<div class="section-tag">MANIFESTE & VISION</div>
|
||||
<h2>La Souveraineté Numérique en Action</h2>
|
||||
<p>Pourquoi nous construisons un hébergeur indépendant et autonome en France.</p>
|
||||
</div>
|
||||
|
||||
<div class="about-card">
|
||||
<h3>Notre Philosophie : Zéro Intermédiaire</h3>
|
||||
<p>Forgium Cloud est né d'un constat simple : la quasi-totalité des services d'hébergement modernes sous-traitent leurs machines à des géants du cloud étrangers, multipliant les couches de revendeurs, les coûts cachés et la surallocation de ressources.</p>
|
||||
<br>
|
||||
<p>Chez Forgium, nous croyons à l'ingénierie pure et à la maîtrise complète de notre pile technique : nos serveurs physiques nous appartiennent, nos disques durs de sauvegarde sont chez nous, et vos données ne quittent jamais le sol français.</p>
|
||||
<br>
|
||||
<p>Que vous soyez un créateur de bot Discord, une guilde de joueurs passionnés ou une communauté grandissante, vous bénéficiez de performances réelles et d'un interlocuteur direct dédié à votre stabilité.</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-box">
|
||||
<h3>Besoin d'un accompagnement personnalisé ?</h3>
|
||||
<p>Pour toute question sur nos offres ou un besoin spécifique pour votre serveur :</p>
|
||||
<a href="mailto:contact@forgium.fr" class="btn btn-primary">Nous Contacter par Email →</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer-wrapper">
|
||||
<div class="container footer-bottom">
|
||||
<p>© 2026 Forgium Cloud. Hébergement souverain français.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<!-- NAVIGATION PRO -->
|
||||
<header class="navbar-wrapper">
|
||||
<div class="navbar container">
|
||||
<a href="/" class="logo">
|
||||
<a href="index.html" class="logo">
|
||||
<div class="logo-icon">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
|
|
@ -28,17 +28,18 @@
|
|||
</a>
|
||||
|
||||
<nav class="nav-links">
|
||||
<a href="#offres">Offres</a>
|
||||
<a href="#infrastructure">Infrastructure</a>
|
||||
<a href="#engagements">Engagements</a>
|
||||
<a href="index.html" class="active">Accueil</a>
|
||||
<a href="offres.html">Offres & Jeux</a>
|
||||
<a href="infrastructure.html">Infrastructure</a>
|
||||
<a href="a-propos.html">À propos</a>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="nav-status">
|
||||
<span class="pulse-dot"></span>
|
||||
Système 100% Opérationnel
|
||||
Système Opérationnel
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="https://panel.forgium.fr" class="btn btn-sm btn-outline">Espace Panel →</a>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-sm btn-outline">Espace Client →</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -46,181 +47,101 @@
|
|||
<!-- HERO SECTION -->
|
||||
<section class="hero container">
|
||||
<div class="badge-flag">
|
||||
<span class="flag-icon">🇫🇷</span> Nœud Matériel Dédié en France • Zéro Intermédiaire
|
||||
<span class="flag-icon">🇫🇷</span> Infrastructure Souveraine • Hébergement 100% Français
|
||||
</div>
|
||||
<h1>
|
||||
L'Hébergement Pur.<br>
|
||||
<span class="text-gradient">Performance Sans Compromis.</span>
|
||||
</h1>
|
||||
<p class="hero-desc">
|
||||
Serveurs Minecraft ultra-optimisés, exécution de bots Discord 24/7 et environnements souverains propulsés par notre nœud matériel AMD Ryzen™ 7 et réseau Fibre Gigabit.
|
||||
Serveurs Minecraft ultra-optimisés, exécution de bots Discord 24/7 et environnements souverains propulsés par notre infrastructure matérielle dédiée et réseau Fibre très haut débit.
|
||||
</p>
|
||||
|
||||
<div class="hero-cta">
|
||||
<a href="#offres" class="btn btn-lg btn-primary">Explorer les Offres →</a>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="btn btn-lg btn-glass">Télémétrie en Direct</a>
|
||||
<a href="offres.html" class="btn btn-lg btn-primary">Découvrir les Offres →</a>
|
||||
<a href="infrastructure.html" class="btn btn-lg btn-glass">Notre Architecture</a>
|
||||
</div>
|
||||
|
||||
<!-- STATS LIVE BAR -->
|
||||
<!-- STATS BAR ANONYME & PRO -->
|
||||
<div class="stats-bar">
|
||||
<div class="stat-item">
|
||||
<div class="stat-val">4.67 GHz</div>
|
||||
<div class="stat-label">Fréquence Ryzen™ Max</div>
|
||||
<div class="stat-val">99.9%</div>
|
||||
<div class="stat-label">Disponibilité Réseau</div>
|
||||
</div>
|
||||
<div class="stat-divider"></div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-val">< 8 ms</div>
|
||||
<div class="stat-label">Latence Fibre Réseau</div>
|
||||
<div class="stat-val">< 10 ms</div>
|
||||
<div class="stat-label">Latence Fibre Faible</div>
|
||||
</div>
|
||||
<div class="stat-divider"></div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-val">0%</div>
|
||||
<div class="stat-label">Surallocation (Zéro Lag)</div>
|
||||
<div class="stat-label">Surallocation (Ressources Dédiées)</div>
|
||||
</div>
|
||||
<div class="stat-divider"></div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-val">2.3 To</div>
|
||||
<div class="stat-label">Stockage & Backups Dédiés</div>
|
||||
<div class="stat-val">SSD NVMe</div>
|
||||
<div class="stat-label">Haute Performance Pure</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- OFFRES INTERACTIVES -->
|
||||
<section id="offres" class="container section">
|
||||
<!-- APERÇU RAPIDE DES OFFRES -->
|
||||
<section class="container section">
|
||||
<div class="section-head">
|
||||
<div class="section-tag">CATALOGUE DE LANCEMENT</div>
|
||||
<h2>Des Solutions Taillées pour Vos Projets</h2>
|
||||
<p>Ressources garanties, isolation Docker stricte et déploiement instantané.</p>
|
||||
<div class="section-tag">CATALOGUE OFFICIEL</div>
|
||||
<h2>Des Solutions Pensées Pour Vous</h2>
|
||||
<p>Découvrez notre gamme complète d'hébergement sans engagement.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-grid">
|
||||
<!-- CARTE BOTS DISCORD -->
|
||||
<div class="pricing-card">
|
||||
<div class="card-header">
|
||||
<div class="card-badge">POPULAIRE</div>
|
||||
<h3>Bot Discord & Apps</h3>
|
||||
<p class="card-desc">Idéal pour faire tourner vos bots Python, Node.js ou Lavalink en continu.</p>
|
||||
<div class="price">
|
||||
<span class="amount">1.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
<div class="quick-cards">
|
||||
<div class="quick-card">
|
||||
<div class="quick-icon">🎮</div>
|
||||
<h3>Serveurs Minecraft</h3>
|
||||
<p>Paper, Fabric, Forge installables en 1 clic avec des performances sans lag pour vos joueurs.</p>
|
||||
<a href="offres.html#minecraft" class="quick-link">Voir les formules Minecraft →</a>
|
||||
</div>
|
||||
<div class="quick-card">
|
||||
<div class="quick-icon">🤖</div>
|
||||
<h3>Bots Discord & Apps</h3>
|
||||
<p>Hébergez vos bots en Python, Node.js ou Java avec redémarrage automatique 24/7.</p>
|
||||
<a href="offres.html#bots" class="quick-link">Voir les formules Bots →</a>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 1 vCPU Ryzen™ Dédié</li>
|
||||
<li><span>✓</span> 1024 Mo RAM DDR4 Garantie</li>
|
||||
<li><span>✓</span> 5 Go Stockage SSD NVMe</li>
|
||||
<li><span>✓</span> Console Interactive & SFTP</li>
|
||||
<li><span>✓</span> Redémarrage Automatique 24/7</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-outline">Commander un Bot</a>
|
||||
</div>
|
||||
|
||||
<!-- CARTE MINECRAFT STARTER -->
|
||||
<div class="pricing-card featured">
|
||||
<div class="card-header">
|
||||
<div class="card-badge highlight">CONSEILLÉ</div>
|
||||
<h3>Minecraft Starter</h3>
|
||||
<p class="card-desc">Parfait pour jouer entre amis ou lancer un serveur communautaire PaperMC.</p>
|
||||
<div class="price">
|
||||
<span class="amount">4.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 2 vCPU Ryzen™ Haute Fréquence</li>
|
||||
<li><span>✓</span> 4096 Mo (4 Go) RAM DDR4 Dédiée</li>
|
||||
<li><span>✓</span> 20 Go Stockage SSD Haute Vitesse</li>
|
||||
<li><span>✓</span> Paper, Fabric, Forge, Purpur en 1-clic</li>
|
||||
<li><span>✓</span> Sauvegardes Automatiques Quotidiennes</li>
|
||||
<li><span>✓</span> Protection Shield Anti-Attaques</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-primary">Lancer mon Serveur</a>
|
||||
</div>
|
||||
|
||||
<!-- CARTE MINECRAFT PRO -->
|
||||
<div class="pricing-card">
|
||||
<div class="card-header">
|
||||
<div class="card-badge">PERFORMANCE</div>
|
||||
<h3>Minecraft Pro & Rust</h3>
|
||||
<p class="card-desc">Pour les gros modpacks, serveurs mini-jeux et communautés exigeantes.</p>
|
||||
<div class="price">
|
||||
<span class="amount">8.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 4 vCPU Ryzen™ (Multi-thread massif)</li>
|
||||
<li><span>✓</span> 8192 Mo (8 Go) RAM DDR4 Dédiée</li>
|
||||
<li><span>✓</span> 50 Go Stockage SSD NVMe Dédié</li>
|
||||
<li><span>✓</span> Bande passante Fibre Non Limitée</li>
|
||||
<li><span>✓</span> Support Prioritaire Fondateur</li>
|
||||
<li><span>✓</span> Accès Bases de Données MySQL illimitées</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-outline">Passer en Version Pro</a>
|
||||
<div class="quick-card">
|
||||
<div class="quick-icon">🛡️</div>
|
||||
<h3>Forge Shield Protection</h3>
|
||||
<p>Bouclier réseau multicouche et sauvegardes automatiques quotidiennes pour chaque serveur.</p>
|
||||
<a href="infrastructure.html" class="quick-link">En savoir plus →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- INFRASTRUCTURE REASSURANCE -->
|
||||
<section id="infrastructure" class="container section">
|
||||
<div class="section-head">
|
||||
<div class="section-tag">ARCHITECTURE TECHNIQUE</div>
|
||||
<h2>L'Excellence Matérielle au Cœur du Système</h2>
|
||||
<p>Nous ne revendons pas de serveurs virtuels mutualisés chez un géant américain : nous exploitons nos propres machines.</p>
|
||||
</div>
|
||||
|
||||
<div class="features-grid">
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">🛡️</div>
|
||||
<h4>Protection Forge Shield</h4>
|
||||
<p>Système de filtrage réseau avec Fail2ban, pare-feu matériel et règles d'isolation étanches par conteneur.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">💾</div>
|
||||
<h4>Sauvegardes 3-2-1</h4>
|
||||
<p>Snapshots système quotidiens compressés en Zstandard et exportés vers des disques durs de sauvegarde hors-SSD.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">⚡</div>
|
||||
<h4>Zéro Overbooking</h4>
|
||||
<p>Si vous payez pour 4 Go de RAM, ils sont physiquement verrouillés pour votre serveur. Aucun partage caché.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">📊</div>
|
||||
<h4>Transparence Totale</h4>
|
||||
<p>Télémétrie en temps réel publique sur notre page de statut. Vous surveillez la santé du réseau à la seconde près.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER PRO -->
|
||||
<!-- FOOTER PRO & ANONYME -->
|
||||
<footer class="footer-wrapper">
|
||||
<div class="container footer-grid">
|
||||
<div class="footer-brand">
|
||||
<div class="logo">FORGIUM <span class="logo-tag">SOUVERAIN</span></div>
|
||||
<p>Projet d'hébergement souverain et indépendant. Propulsé par la passion de l'ingénierie système et de la performance brute.</p>
|
||||
<div class="logo">FORGIUM <span class="logo-tag">CLOUD</span></div>
|
||||
<p>Opérateur d'hébergement souverain et indépendant. Propulsé par la passion de l'ingénierie système et de la performance pure.</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>Navigation</h5>
|
||||
<a href="index.html">Accueil</a>
|
||||
<a href="offres.html">Nos Offres</a>
|
||||
<a href="infrastructure.html">Infrastructure</a>
|
||||
<a href="a-propos.html">À propos</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>Plateforme</h5>
|
||||
<a href="https://panel.forgium.fr">Panel Pterodactyl</a>
|
||||
<a href="https://status.forgium.fr">Page de Statut</a>
|
||||
<a href="https://panel.forgium.fr">Espace Client (Panel)</a>
|
||||
<a href="https://status.forgium.fr">Page de Statut Réseau</a>
|
||||
<a href="https://git.forgium.fr">Serveur Git</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>Ressources</h5>
|
||||
<a href="#offres">Catalogue Serveurs</a>
|
||||
<a href="#infrastructure">Matériel Physique</a>
|
||||
<a href="https://status.forgium.fr">Uptime & Métriques</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h5>Contact & Projet</h5>
|
||||
<p>Fondateur : Mathias Zajonz</p>
|
||||
<p>Localisation : France (Gironde)</p>
|
||||
<p>IP Publique : <code>31.37.87.78</code></p>
|
||||
<h5>Légal & Sécurité</h5>
|
||||
<p>Hébergement 100% en France</p>
|
||||
<p>Conforme RGPD & Données Protégées</p>
|
||||
<p>Support : contact@forgium.fr</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<p>© 2026 Forgium Cloud. Tous droits réservés. Hébergé en direct sans intermédiaire.</p>
|
||||
<p>© 2026 Forgium Cloud. Tous droits réservés. Hébergement souverain français.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
87
site-web/infrastructure.html
Normal file
87
site-web/infrastructure.html
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Architecture & Infrastructure | Forgium Cloud</title>
|
||||
<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=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="navbar-wrapper">
|
||||
<div class="navbar container">
|
||||
<a href="index.html" class="logo">
|
||||
<div class="logo-icon">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 17L12 22L22 17" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 12L12 17L22 12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
FORGIUM <span class="logo-tag">CLOUD</span>
|
||||
</a>
|
||||
|
||||
<nav class="nav-links">
|
||||
<a href="index.html">Accueil</a>
|
||||
<a href="offres.html">Offres & Jeux</a>
|
||||
<a href="infrastructure.html" class="active">Infrastructure</a>
|
||||
<a href="a-propos.html">À propos</a>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="nav-status">
|
||||
<span class="pulse-dot"></span> Système Opérationnel
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="https://panel.forgium.fr" class="btn btn-sm btn-outline">Espace Client →</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container section">
|
||||
<div class="section-head">
|
||||
<div class="section-tag">INGÉNIERIE SOUVERAINE</div>
|
||||
<h2>Une Architecture Pensée Pour La Résilience</h2>
|
||||
<p>Découvrez les fondations techniques de notre nœud matériel indépendant hébergé en France.</p>
|
||||
</div>
|
||||
|
||||
<div class="features-grid">
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">🛡️</div>
|
||||
<h4>Bouclier Forge Shield</h4>
|
||||
<p>Système de filtrage réseau en temps réel avec bannissement automatique des attaques et cloisonnement strict de chaque serveur.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">🌐</div>
|
||||
<h4>Connectivité Fibre Dédiée</h4>
|
||||
<p>Raccordement direct très haut débit à faible latence (< 10 ms) pour une réactivité parfaite sur vos jeux multijoueurs.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">💾</div>
|
||||
<h4>Sauvegardes Redondées</h4>
|
||||
<p>Vos configurations et mondes de jeu sont sauvegardés automatiquement chaque jour sur des disques de stockage indépendants.</p>
|
||||
</div>
|
||||
<div class="feature-box">
|
||||
<div class="f-icon">⚡</div>
|
||||
<h4>Isolation Docker Stricte</h4>
|
||||
<p>Chaque serveur client évolue dans son propre environnement étanche avec quotas de processeur et de mémoire verrouillés.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="infra-callout">
|
||||
<h3>Envie de surveiller notre réseau en temps réel ?</h3>
|
||||
<p>Nous publions l'état de santé de nos services et nos métriques de disponibilité en totale transparence.</p>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="btn btn-primary">Accéder à la Page de Statut →</a>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer-wrapper">
|
||||
<div class="container footer-bottom">
|
||||
<p>© 2026 Forgium Cloud. Hébergement souverain français.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
125
site-web/offres.html
Normal file
125
site-web/offres.html
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Nos Offres | Forgium Cloud</title>
|
||||
<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=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="navbar-wrapper">
|
||||
<div class="navbar container">
|
||||
<a href="index.html" class="logo">
|
||||
<div class="logo-icon">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 17L12 22L22 17" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 12L12 17L22 12" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
FORGIUM <span class="logo-tag">CLOUD</span>
|
||||
</a>
|
||||
|
||||
<nav class="nav-links">
|
||||
<a href="index.html">Accueil</a>
|
||||
<a href="offres.html" class="active">Offres & Jeux</a>
|
||||
<a href="infrastructure.html">Infrastructure</a>
|
||||
<a href="a-propos.html">À propos</a>
|
||||
<a href="https://status.forgium.fr" target="_blank" class="nav-status">
|
||||
<span class="pulse-dot"></span> Système Opérationnel
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="https://panel.forgium.fr" class="btn btn-sm btn-outline">Espace Client →</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container section">
|
||||
<div class="section-head">
|
||||
<div class="section-tag">CATALOGUE OFFICIEL</div>
|
||||
<h2>Nos Formules d'Hébergement</h2>
|
||||
<p>Des ressources réelles réservées pour chaque client. Déploiement automatisé instantané.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-grid">
|
||||
<!-- BOT DISCORD -->
|
||||
<div id="bots" class="pricing-card">
|
||||
<div class="card-header">
|
||||
<div class="card-badge">APPLICATION</div>
|
||||
<h3>Bot Discord & Apps</h3>
|
||||
<p class="card-desc">Idéal pour héberger vos bots en Python, Node.js ou Java 24/7 avec logs en direct.</p>
|
||||
<div class="price">
|
||||
<span class="amount">1.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 1 vCPU Haute Performance</li>
|
||||
<li><span>✓</span> 1024 Mo RAM Garantie</li>
|
||||
<li><span>✓</span> 5 Go SSD NVMe</li>
|
||||
<li><span>✓</span> Console Interactive & SFTP</li>
|
||||
<li><span>✓</span> Redémarrage Automatique en cas de crash</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-outline">Commander</a>
|
||||
</div>
|
||||
|
||||
<!-- MINECRAFT STARTER -->
|
||||
<div id="minecraft" class="pricing-card featured">
|
||||
<div class="card-header">
|
||||
<div class="card-badge highlight">POPULAIRE</div>
|
||||
<h3>Minecraft Starter</h3>
|
||||
<p class="card-desc">Parfait pour jouer entre amis ou pour un serveur communautaire PaperMC/Fabric fluide.</p>
|
||||
<div class="price">
|
||||
<span class="amount">4.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 2 vCPU Cœur Puissant</li>
|
||||
<li><span>✓</span> 4096 Mo (4 Go) RAM Dédiée</li>
|
||||
<li><span>✓</span> 20 Go Stockage SSD NVMe</li>
|
||||
<li><span>✓</span> Paper, Purpur, Fabric, Forge en 1-clic</li>
|
||||
<li><span>✓</span> Sauvegardes Automatiques Quotidiennes</li>
|
||||
<li><span>✓</span> Protection Shield Incluse</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-primary">Lancer mon Serveur</a>
|
||||
</div>
|
||||
|
||||
<!-- MINECRAFT PRO -->
|
||||
<div class="pricing-card">
|
||||
<div class="card-header">
|
||||
<div class="card-badge">COMMUNAUTÉ</div>
|
||||
<h3>Minecraft Pro & Rust</h3>
|
||||
<p class="card-desc">Pour les modpacks lourds, serveurs mini-jeux et communautés de joueurs actives.</p>
|
||||
<div class="price">
|
||||
<span class="amount">8.99 €</span>
|
||||
<span class="period">/ mois</span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li><span>✓</span> 4 vCPU Multi-thread</li>
|
||||
<li><span>✓</span> 8192 Mo (8 Go) RAM Dédiée</li>
|
||||
<li><span>✓</span> 50 Go SSD NVMe</li>
|
||||
<li><span>✓</span> Bande passante Fibre Non Limitée</li>
|
||||
<li><span>✓</span> Bases de Données MySQL Illimitées</li>
|
||||
<li><span>✓</span> Support Prioritaire</li>
|
||||
</ul>
|
||||
<a href="https://panel.forgium.fr" class="btn btn-block btn-outline">Commander</a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer-wrapper">
|
||||
<div class="container footer-bottom">
|
||||
<p>© 2026 Forgium Cloud. Hébergement souverain français.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -529,8 +529,124 @@ h1 {
|
|||
.footer-grid { grid-template-columns: 1fr 1fr; }
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h1 { font-size: 2.4rem; }
|
||||
.stats-bar { grid-template-columns: 1fr; }
|
||||
.footer-grid { grid-template-columns: 1fr; }
|
||||
/* NAV ACTIVE */
|
||||
.nav-links a.active {
|
||||
color: var(--accent-cyan);
|
||||
}
|
||||
|
||||
/* QUICK CARDS (ACCUEIL) */
|
||||
.quick-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 1.8rem;
|
||||
}
|
||||
|
||||
.quick-card {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 20px;
|
||||
padding: 2.2rem;
|
||||
backdrop-filter: blur(14px);
|
||||
transition: all 0.3s;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.quick-card:hover {
|
||||
border-color: var(--border-hover);
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 16px 40px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.quick-icon {
|
||||
font-size: 2.2rem;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.quick-card h3 {
|
||||
font-size: 1.35rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.quick-card p {
|
||||
font-size: 0.95rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.8rem;
|
||||
}
|
||||
|
||||
.quick-link {
|
||||
color: var(--accent-cyan);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
font-size: 0.95rem;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.quick-link:hover {
|
||||
text-decoration: underline;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
/* INFRA CALLOUT */
|
||||
.infra-callout {
|
||||
margin-top: 5rem;
|
||||
background: linear-gradient(180deg, rgba(20, 32, 58, 0.85) 0%, rgba(15, 23, 42, 0.7) 100%);
|
||||
border: 1px solid var(--border-hover);
|
||||
border-radius: 24px;
|
||||
padding: 3.5rem 2rem;
|
||||
text-align: center;
|
||||
box-shadow: var(--glow);
|
||||
}
|
||||
|
||||
.infra-callout h3 {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 800;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.infra-callout p {
|
||||
color: var(--text-muted);
|
||||
max-width: 600px;
|
||||
margin: 0 auto 2rem;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
/* ABOUT CARD */
|
||||
.about-card {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 22px;
|
||||
padding: 3rem;
|
||||
max-width: 860px;
|
||||
margin: 0 auto 3rem;
|
||||
backdrop-filter: blur(16px);
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.8;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.about-card h3 {
|
||||
font-size: 1.6rem;
|
||||
color: var(--text-main);
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.contact-box {
|
||||
text-align: center;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.contact-box h3 {
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.contact-box p {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 1.8rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue