forgium-website/site-web/offres.html

404 lines
22 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nos Offres & Solutions Cloud | Forgium Cloud</title>
<meta name="description"
content="Découvrez les univers d'hébergement Forgium Cloud : Serveurs de Jeux Minecraft, Bots Discord & Scripts, Serveurs VPS Cloud et Hébergement Web & Stockage. Formules Lite 0.00 € disponibles pour chaque univers.">
<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@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
</head>
<body>
<!-- TOPBAR ANNONCE -->
<div class="topbar">
<span class="topbar-tag">Lancement</span>
<span>Accès libre : <strong>Une formule Lite à 0.00 € / mois est disponible dans chaque univers</strong> sans engagement.</span>
<a href="https://client.forgium.fr">Accéder au Portail Client &rarr;</a>
</div>
<!-- NAVBAR HEADER -->
<header class="header">
<div class="container nav-wrapper">
<a href="index.html" class="brand">
<img src="logo.svg" alt="Forgium Logo" width="30" height="30">
FORGIUM <span class="brand-badge">CLOUD</span>
</a>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="offres.html" class="active">Offres & Formules</a>
<a href="infrastructure.html">Infrastructure</a>
<a href="a-propos.html">À propos</a>
</nav>
<div class="nav-right">
<a href="https://status.forgium.fr" target="_blank" class="status-indicator">
<span class="status-dot"></span>
Système Opérationnel
</a>
<a href="https://client.forgium.fr" class="btn btn-client">Espace Client &rarr;</a>
</div>
</div>
</header>
<main class="container section">
<div class="section-title">
<span class="section-badge">Catalogue Forgium Cloud</span>
<h2>Nos Univers d'Hébergement</h2>
<p>Sélectionnez votre univers. Chaque domaine propose une offre Lite gratuite pour lancer et tester votre projet sans engagement.</p>
</div>
<!-- ONGLETS CATÉGORIES (Inspiré OuiHeberg / OVHcloud) -->
<div class="category-tabs">
<button class="tab-btn active" onclick="switchCategory('minecraft')">
🎮 Serveurs Minecraft
</button>
<button class="tab-btn" onclick="switchCategory('bots')">
🤖 Bots Discord & Scripts
</button>
<button class="tab-btn" onclick="switchCategory('vps')">
🖥️ Serveurs VPS Cloud
</button>
<button class="tab-btn" onclick="switchCategory('web')">
🌐 Hébergement Web & Cloud
</button>
</div>
<!-- TAB 1 : SERVEURS MINECRAFT -->
<div id="tab-minecraft" class="tab-content active">
<div class="cards-grid">
<!-- MINECRAFT LITE (0.00 €) -->
<div class="product-card popular">
<div class="card-tag tag-accent">LITE • 0.00 €</div>
<h3>Minecraft Paper Lite</h3>
<p class="card-summary">Formule découverte pour tester votre serveur entre amis sur moteur Paper 1.20+.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Accès Libre)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1.5 vCPU AMD Ryzen 7
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1536 Mo (1.5 Go) RAM DDR4
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
5 Go Stockage SSD NVMe
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Console interactive & Éditeur de code intégré
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Protection Anti-DDoS Forgium Shield
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-primary">Lancer Gratuitement (0.00 €) &rarr;</a>
</div>
<!-- MINECRAFT COMMUNITY (0.00 €) -->
<div class="product-card">
<div class="card-tag tag-accent">COMMUNAUTÉ • 0.00 €</div>
<h3>Minecraft Community</h3>
<p class="card-summary">Pour les petits projets communautaires et serveurs semi-publics nécessitant plus de mémoire.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Sponsorisé)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
2 vCPU Multi-thread
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
RAM Adaptative Haute Performance
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
SSD NVMe Dédié
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Sauvegardes automatiques quotidiennes
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Bande passante Fibre 1 Gb/s
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-outline">Commander (0.00 €)</a>
</div>
</div>
</div>
<!-- TAB 2 : BOTS DISCORD -->
<div id="tab-bots" class="tab-content">
<div class="cards-grid">
<!-- BOT NODE.JS LITE -->
<div class="product-card">
<div class="card-tag tag-accent">LITE • 0.00 €</div>
<h3>Bot Discord Node.js Lite</h3>
<p class="card-summary">Exécutez vos bots Discord.js et scripts Node.js 20/22 en continu 24h/24 sans coupure.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Offert)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1 vCPU AMD Ryzen 7
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
512 Mo RAM Dédiée
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
2 Go SSD NVMe PCIe 4.0
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Auto-restart en cas de crash
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Console temps réel et logs SFTP
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-primary">Déployer Gratuitement &rarr;</a>
</div>
<!-- BOT PYTHON LITE -->
<div class="product-card">
<div class="card-tag tag-accent">LITE • 0.00 €</div>
<h3>Bot Discord Python Lite</h3>
<p class="card-summary">Hébergement stable pour vos scripts discord.py, disnake ou microservices FastAPI.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Offert)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1 vCPU AMD Ryzen 7
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
512 Mo RAM Dédiée
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
2 Go SSD NVMe PCIe 4.0
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Installation automatique requirements.txt
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Console et redémarrage automatique
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-primary">Déployer Gratuitement &rarr;</a>
</div>
</div>
</div>
<!-- TAB 3 : SERVEURS VPS CLOUD -->
<div id="tab-vps" class="tab-content">
<div class="cards-grid">
<!-- VPS SANDBOX LITE (0.00 €) -->
<div class="product-card popular">
<div class="card-tag tag-accent">LITE SANDBOX • 0.00 €</div>
<h3>VPS Cloud Linux Lite</h3>
<p class="card-summary">Serveur privé virtuel autonome pour apprendre Linux, tester vos scripts ou héberger un service léger.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Formule Sandbox)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1 vCPU AMD Ryzen 7 Dédié
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1024 Mo (1 Go) RAM Dédiée
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
10 Go Stockage SSD NVMe
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Accès Root SSH complet & Clés SSH
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Debian 12 ou Ubuntu 24.04 au choix
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-primary">Commander mon VPS Lite (0.00 €) &rarr;</a>
</div>
</div>
</div>
<!-- TAB 4 : WEB & CLOUD -->
<div id="tab-web" class="tab-content">
<div class="cards-grid">
<!-- WEB HOSTING LITE (0.00 €) -->
<div class="product-card">
<div class="card-tag tag-accent">LITE • 0.00 €</div>
<h3>Hébergement Web PHP Lite</h3>
<p class="card-summary">Publiez votre site vitrine, portfolio ou API PHP 8.3 avec certificat SSL et base de données inclus.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Accès Libre)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
PHP 8.3-FPM & Nginx Haute Performance
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
1 Base de Données MariaDB/MySQL
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Certificat SSL HTTPS automatique
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Sous-domaine personnalisé offert
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Accès SFTP rapide
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-primary">Créer mon Site Gratuit (0.00 €) &rarr;</a>
</div>
<!-- STOCKAGE CLOUD LITE (0.00 €) -->
<div class="product-card">
<div class="card-tag tag-accent">LITE • 0.00 €</div>
<h3>Stockage Cloud Sécurisé 10 Go</h3>
<p class="card-summary">Espace privé de sauvegarde et de synchronisation pour vos fichiers personnels et archives de jeux.</p>
<div class="price-tag">
<span class="val">0.00 €</span>
<span class="cycle">/ mois (Offert)</span>
</div>
<ul class="spec-list">
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
10 Go de Stockage Sécurisé
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Accès universel SFTP & WebDAV
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Chiffrement des données au repos
</li>
<li>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13l4 4L19 7"/></svg>
Sauvegardes redondées
</li>
</ul>
<a href="https://client.forgium.fr" class="btn btn-block btn-outline">Commander (0.00 €)</a>
</div>
</div>
</div>
<!-- REASSURANCE BAR -->
<div class="reassurance" style="margin-top: 3.5rem;">
<div class="reassurance-item">
<div class="reassurance-icon"></div>
<span>Livraison Automatique en &lt; 15s</span>
</div>
<div class="reassurance-item">
<div class="reassurance-icon">🛡️</div>
<span>Protection Anti-DDoS Forgium Shield</span>
</div>
<div class="reassurance-item">
<div class="reassurance-icon">🇫🇷</div>
<span>Serveurs Hébergés en France</span>
</div>
<div class="reassurance-item">
<div class="reassurance-icon">0€</div>
<span>Toutes les Formules Lite à 0.00 €</span>
</div>
</div>
</main>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-grid">
<div class="footer-brand">
<a href="index.html" class="brand">
<img src="logo.svg" alt="Forgium Logo" width="28" height="28">
FORGIUM <span class="brand-badge">CLOUD</span>
</a>
<p>Opérateur d'hébergement haute performance et souverain. Bâti sur une infrastructure matérielle dédiée sans surallocation.</p>
</div>
<div class="footer-col">
<h4>Navigation</h4>
<a href="index.html">Accueil</a>
<a href="offres.html">Offres & Formules</a>
<a href="infrastructure.html">Infrastructure</a>
<a href="a-propos.html">À propos</a>
</div>
<div class="footer-col">
<h4>Plateforme</h4>
<a href="https://client.forgium.fr">Portail Client & Facturation</a>
<a href="https://status.forgium.fr">Statut Réseau en Direct</a>
<a href="https://git.forgium.fr">Serveur Git Souverain</a>
</div>
<div class="footer-col">
<h4>Légal & Sécurité</h4>
<p>Hébergé 100% en France</p>
<p>Données chiffrées au repos</p>
<p>Support : contact@forgium.fr</p>
</div>
</div>
<div class="container footer-bottom">
<p>&copy; 2026 Forgium Cloud. Tous droits réservés.</p>
<p>Infrastructure indépendante en France.</p>
</div>
</footer>
<!-- SCRIPT DE COMMUTATION D'ONGLETS SANS RELOAD -->
<script>
function switchCategory(cat) {
document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));
const targetTab = document.getElementById('tab-' + cat);
if (targetTab) {
targetTab.classList.add('active');
}
event.currentTarget.classList.add('active');
}
</script>
</body>
</html>