cedric
f7e9acb2d3
Remplace les codes visuels generiques (degrades animes, icones flottantes, cartes glassmorphiques, coins organiques) par un systeme graphique sobre et institutionnel : aplats de couleur, bandeau 'drapeau' OKI, typographie Archivo/Inter, cartes a bordure d'accent. Les couleurs de marque sont inchangees.
107 lines
5.0 KiB
Plaintext
107 lines
5.0 KiB
Plaintext
<section id="hebergement" class="hosting">
|
|
<div class="section-container">
|
|
<h2>Développement <span class="accent-text">Web sur Mesure</span></h2>
|
|
|
|
<p class="section-subtitle">
|
|
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>
|
|
|
|
<div class="hosting-banner">
|
|
<h3>Des solutions complètes, de A à Z</h3>
|
|
<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-feature">
|
|
<span>✓</span> Développement d'applications web sur mesure
|
|
</div>
|
|
<div class="hosting-feature">
|
|
<span>✓</span> Sites vitrine professionnels
|
|
</div>
|
|
<div class="hosting-feature">
|
|
<span>✓</span> Instances Fédiverse clé en main
|
|
</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">
|
|
<span>✓</span> Sauvegardes automatiques quotidiennes
|
|
</div>
|
|
<div class="hosting-feature">
|
|
<span>✓</span> Formation et support technique inclus
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="services-offerings">
|
|
<h3>Nos offres de services</h3>
|
|
|
|
<div class="offer-cards">
|
|
<div class="offer-card">
|
|
<h4>Application Web Sur Mesure</h4>
|
|
<ul class="offer-list">
|
|
<li>Gestion de membres et adhésions</li>
|
|
<li>Agenda et gestion d'événements</li>
|
|
<li>Pétitions et mobilisation en ligne</li>
|
|
<li>Caisse de solidarité, dons</li>
|
|
<li>Newsletter et communication interne</li>
|
|
</ul>
|
|
<p class="offer-tagline">Développement sur mesure</p>
|
|
</div>
|
|
|
|
<div class="offer-card offer-card--hosting">
|
|
<h4>Site Vitrine & Hébergement</h4>
|
|
<ul class="offer-list">
|
|
<li>WordPress ou site statique</li>
|
|
<li>Hébergement mutualisé sécurisé</li>
|
|
<li>Base de données MySQL/PostgreSQL</li>
|
|
<li>Certificat SSL gratuit</li>
|
|
<li>Serveur mail inclus</li>
|
|
</ul>
|
|
<p class="offer-tagline">Hébergement éthique</p>
|
|
</div>
|
|
|
|
<div class="offer-card offer-card--fediverse">
|
|
<h4>Instance Fédiverse</h4>
|
|
<p class="offer-intro">Votre association veut sa propre plateforme libre, sans dépendre d'un tiers ? On installe et administre votre instance :</p>
|
|
<ul class="offer-list">
|
|
<li>Mastodon / Pleroma (réseau social)</li>
|
|
<li>PeerTube (vidéo)</li>
|
|
<li>Castopod (podcast)</li>
|
|
<li>Pixelfed (photos)</li>
|
|
<li>Funkwhale (musique)</li>
|
|
</ul>
|
|
<p class="offer-tagline">Installation & maintenance</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hosting-note">
|
|
<h4>Gestion numérique sécurisée</h4>
|
|
<p>OKI peut assurer la gestion complète de vos propriétés numériques :</p>
|
|
<ul>
|
|
<li>Propriété et gestion de noms de domaine</li>
|
|
<li>Administration de comptes web (réseaux sociaux, emails)</li>
|
|
<li>Gestion sécurisée des accès et mots de passe</li>
|
|
<li>Protection contre les prises de contrôle internes</li>
|
|
<li>Médiation en cas de conflits sur les outils numériques</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="hosting-why">
|
|
<h4>Pourquoi choisir OKI ?</h4>
|
|
<p>
|
|
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 et nous appliquons des tarifs
|
|
préférentiels aux organisations militantes.
|
|
</p>
|
|
<a href="#contact" class="btn btn-primary">
|
|
Contactez-nous →
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|