85 lines
5.1 KiB
Plaintext
85 lines
5.1 KiB
Plaintext
|
<section id="hebergement" class="hosting">
|
||
|
|
<div class="section-container">
|
||
|
|
<h2 style="text-align: center; margin-bottom: 3rem;">Services <span class="accent-text">d'Hébergement & Infrastructure</span></h2>
|
||
|
|
|
||
|
|
<div class="hosting-banner">
|
||
|
|
<h3>🚀 Solutions complètes pour votre souveraineté numérique</h3>
|
||
|
|
<p>OKI administre et sécurise les outils informatiques pour associations, collectifs et initiatives citoyennes.</p>
|
||
|
|
|
||
|
|
<div class="hosting-features">
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Hébergement mutualisé sécurisé
|
||
|
|
</div>
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Gestion de noms de domaine
|
||
|
|
</div>
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Instances Fédiverse clé en main
|
||
|
|
</div>
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Sauvegardes automatiques quotidiennes
|
||
|
|
</div>
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Serveur mail inclus
|
||
|
|
</div>
|
||
|
|
<div class="hosting-feature">
|
||
|
|
<span>✓</span> Support technique
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="services-offerings">
|
||
|
|
<h3 style="text-align: center; color: var(--or-oki); margin: 3rem 0 2rem;">Nos offres de services</h3>
|
||
|
|
|
||
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 3rem;">
|
||
|
|
|
||
|
|
<div class="service-offering-card" style="background: rgba(0, 168, 84, 0.1); border: 2px solid var(--vert-oki); border-radius: 20px; padding: 2rem;">
|
||
|
|
<h4 style="color: var(--vert-oki); margin-bottom: 1rem;">📦 Hébergement Web</h4>
|
||
|
|
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
||
|
|
<li style="margin-bottom: 0.5rem;">• WordPress, Sites statiques</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Base de données MySQL/PostgreSQL</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Certificat SSL gratuit</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Stockage évolutif</li>
|
||
|
|
</ul>
|
||
|
|
<p style="color: var(--or-oki); font-weight: bold;">Mutualisé</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="service-offering-card" style="background: rgba(237, 28, 76, 0.1); border: 2px solid var(--rouge-oki); border-radius: 20px; padding: 2rem;">
|
||
|
|
<h4 style="color: var(--rouge-oki); margin-bottom: 1rem;">🌐 Instances Fédiverse</h4>
|
||
|
|
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
||
|
|
<li style="margin-bottom: 0.5rem;">• PeerTube (vidéo)</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Mastodon/Pleroma (social)</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Funkwhale (audio)</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">• Pixelfed (photos)</li>
|
||
|
|
</ul>
|
||
|
|
<p style="color: var(--or-oki); font-weight: bold;">Installation & maintenance</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="background: rgba(232, 166, 37, 0.1); border-radius: 15px; padding: 2rem; margin-bottom: 2rem;">
|
||
|
|
<h4 style="color: var(--or-oki); margin-bottom: 1rem;">🔐 Services de gestion sécurisée</h4>
|
||
|
|
<p style="margin-bottom: 1rem;">OKI peut assurer la gestion complète de vos propriétés numériques :</p>
|
||
|
|
<ul style="list-style: none; padding-left: 1rem;">
|
||
|
|
<li style="margin-bottom: 0.5rem;">✅ Propriété et gestion de noms de domaine</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">✅ Administration de comptes web (réseaux sociaux, emails)</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">✅ Gestion sécurisée des accès et mots de passe</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">✅ Protection contre les prises de contrôle internes</li>
|
||
|
|
<li style="margin-bottom: 0.5rem;">✅ Médiation en cas de conflits sur les outils numériques</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="text-align: center; margin-top: 3rem;">
|
||
|
|
<h4 style="color: var(--or-oki); margin-bottom: 1rem;">💡 Pourquoi choisir OKI ?</h4>
|
||
|
|
<p style="max-width: 800px; margin: 0 auto 2rem; line-height: 1.6;">
|
||
|
|
Notre équipe technique, composée d'experts engagés, garantit l'impartialité,
|
||
|
|
la sécurité et la pérennité de vos outils numériques. Nous mutualisons les coûts entre
|
||
|
|
projets solidaires pour des tarifs justes et accessibles.
|
||
|
|
</p>
|
||
|
|
<a href="#contact" class="btn btn-primary">
|
||
|
|
Contactez-nous →
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|