feat: restructurer les services — dev web, hébergement, instances Fédiverse
This commit is contained in:
@@ -1,33 +1,36 @@
|
|||||||
<section id="hebergement" class="hosting">
|
<section id="hebergement" class="hosting">
|
||||||
<div class="section-container">
|
<div class="section-container">
|
||||||
<h2 style="text-align: center; margin-bottom: 1rem;">Services <span class="accent-text">d'Hébergement & Infrastructure</span></h2>
|
<h2 style="text-align: center; margin-bottom: 1rem;">Développement <span class="accent-text">Web sur Mesure</span></h2>
|
||||||
|
|
||||||
<p class="section-subtitle" style="text-align: center; margin-bottom: 3rem;">
|
<p class="section-subtitle" style="text-align: center; margin-bottom: 3rem;">
|
||||||
Vous rêvez de sortir des GAFAM pour organiser vos événements ? De communiquer en langue dite "créole" sur des plateformes libres ? OKI propose des services sur mesure en respectant vos valeurs.
|
Chaque organisation a des besoins uniques. Nous concevons et développons l'outil numérique qui correspond exactement à votre fonctionnement, pas un template, une vraie application.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="hosting-banner">
|
<div class="hosting-banner">
|
||||||
<h3>🚀 Solutions complètes pour votre souveraineté numérique</h3>
|
<h3>🚀 Des solutions complètes, de A à Z</h3>
|
||||||
<p>OKI administre et sécurise les outils informatiques pour associations, collectifs et initiatives citoyennes.</p>
|
<p>OKI accompagne les associations et collectifs à chaque étape : conception, développement, hébergement, formation et maintenance.</p>
|
||||||
|
|
||||||
<div class="hosting-features">
|
<div class="hosting-features">
|
||||||
<div class="hosting-feature">
|
<div class="hosting-feature">
|
||||||
<span>✓</span> Hébergement mutualisé sécurisé
|
<span>✓</span> Développement d'applications web sur mesure
|
||||||
</div>
|
</div>
|
||||||
<div class="hosting-feature">
|
<div class="hosting-feature">
|
||||||
<span>✓</span> Gestion de noms de domaine
|
<span>✓</span> Sites vitrine professionnels
|
||||||
</div>
|
</div>
|
||||||
<div class="hosting-feature">
|
<div class="hosting-feature">
|
||||||
<span>✓</span> Instances Fédiverse clé en main
|
<span>✓</span> Instances Fédiverse clé en main
|
||||||
</div>
|
</div>
|
||||||
|
<div class="hosting-feature">
|
||||||
|
<span>✓</span> Hébergement sécurisé et indépendant
|
||||||
|
</div>
|
||||||
|
<div class="hosting-feature">
|
||||||
|
<span>✓</span> Gestion de noms de domaine
|
||||||
|
</div>
|
||||||
<div class="hosting-feature">
|
<div class="hosting-feature">
|
||||||
<span>✓</span> Sauvegardes automatiques quotidiennes
|
<span>✓</span> Sauvegardes automatiques quotidiennes
|
||||||
</div>
|
</div>
|
||||||
<div class="hosting-feature">
|
<div class="hosting-feature">
|
||||||
<span>✓</span> Serveur mail inclus
|
<span>✓</span> Formation et support technique inclus
|
||||||
</div>
|
|
||||||
<div class="hosting-feature">
|
|
||||||
<span>✓</span> Support technique
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -38,30 +41,45 @@
|
|||||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 3rem;">
|
<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;">
|
<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>
|
<h4 style="color: var(--vert-oki); margin-bottom: 1rem;">💻 Application Web Sur Mesure</h4>
|
||||||
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
<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;">• Gestion de membres et adhésions</li>
|
||||||
<li style="margin-bottom: 0.5rem;">• Base de données MySQL/PostgreSQL</li>
|
<li style="margin-bottom: 0.5rem;">• Agenda et gestion d'événements</li>
|
||||||
<li style="margin-bottom: 0.5rem;">• Certificat SSL gratuit</li>
|
<li style="margin-bottom: 0.5rem;">• Pétitions et mobilisation en ligne</li>
|
||||||
<li style="margin-bottom: 0.5rem;">• Stockage évolutif</li>
|
<li style="margin-bottom: 0.5rem;">• Caisse de solidarité, dons</li>
|
||||||
|
<li style="margin-bottom: 0.5rem;">• Newsletter et communication interne</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p style="color: var(--or-oki); font-weight: bold;">Mutualisé</p>
|
<p style="color: var(--or-oki); font-weight: bold;">Développement sur mesure</p>
|
||||||
</div>
|
</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;">
|
<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>
|
<h4 style="color: var(--rouge-oki); margin-bottom: 1rem;">🌐 Site Vitrine & Hébergement</h4>
|
||||||
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
||||||
|
<li style="margin-bottom: 0.5rem;">• WordPress ou site statique</li>
|
||||||
|
<li style="margin-bottom: 0.5rem;">• Hébergement mutualisé sécurisé</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;">• Serveur mail inclus</li>
|
||||||
|
</ul>
|
||||||
|
<p style="color: var(--or-oki); font-weight: bold;">Hébergement éthique</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-offering-card" style="background: rgba(232, 166, 37, 0.1); border: 2px solid var(--or-oki); border-radius: 20px; padding: 2rem;">
|
||||||
|
<h4 style="color: var(--or-oki); margin-bottom: 1rem;">🕸️ Instance Fédiverse</h4>
|
||||||
|
<p style="margin-bottom: 1rem; font-size: 0.95rem; opacity: 0.9;">Votre association veut sa propre plateforme libre, sans dépendre d'un tiers ? On installe et administre votre instance :</p>
|
||||||
|
<ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
|
||||||
|
<li style="margin-bottom: 0.5rem;">• Mastodon / Pleroma (réseau social)</li>
|
||||||
<li style="margin-bottom: 0.5rem;">• PeerTube (vidéo)</li>
|
<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;">• Castopod (podcast)</li>
|
||||||
<li style="margin-bottom: 0.5rem;">• Funkwhale (audio)</li>
|
|
||||||
<li style="margin-bottom: 0.5rem;">• Pixelfed (photos)</li>
|
<li style="margin-bottom: 0.5rem;">• Pixelfed (photos)</li>
|
||||||
|
<li style="margin-bottom: 0.5rem;">• Funkwhale (musique)</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p style="color: var(--or-oki); font-weight: bold;">Installation & maintenance</p>
|
<p style="color: var(--or-oki); font-weight: bold;">Installation & maintenance</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="background: rgba(232, 166, 37, 0.1); border-radius: 15px; padding: 2rem; margin-bottom: 2rem;">
|
<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>
|
<h4 style="color: var(--or-oki); margin-bottom: 1rem;">🔐 Gestion numérique sécurisée</h4>
|
||||||
<p style="margin-bottom: 1rem;">OKI peut assurer la gestion complète de vos propriétés numériques :</p>
|
<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;">
|
<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;">✅ Propriété et gestion de noms de domaine</li>
|
||||||
@@ -77,7 +95,8 @@
|
|||||||
<p style="max-width: 800px; margin: 0 auto 2rem; line-height: 1.6;">
|
<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é,
|
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
|
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.
|
projets solidaires pour des tarifs justes et accessibles et nous appliquons des tarifs
|
||||||
|
préférentiels aux organisations militantes.
|
||||||
</p>
|
</p>
|
||||||
<a href="#contact" class="btn btn-primary">
|
<a href="#contact" class="btn btn-primary">
|
||||||
Contactez-nous →
|
Contactez-nous →
|
||||||
|
|||||||
Reference in New Issue
Block a user