111 lines
3.3 KiB
HTML
111 lines
3.3 KiB
HTML
<!-- ============================== -->
|
|
<!-- Services -->
|
|
<!-- ============================== -->
|
|
<section class="page-section" id="services">
|
|
<div class="container">
|
|
|
|
<!-- Services Section Heading-->
|
|
<h2 class="page-section-heading text-center text-primary text-uppercase mb-0">Prestations</h2>
|
|
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line bg-primary border-primary"></div>
|
|
<div class="divider-custom-icon text-primary"><i class="fas fa-star"></i></div>
|
|
<div class="divider-custom-line bg-primary border-primary"></div>
|
|
</div>
|
|
|
|
<!-- Services Grid Items-->
|
|
<div class="row justify-content-center">
|
|
|
|
<!-- Services Item Security-->
|
|
<div class="col-md-6 col-lg-4 mb-5 mt-3">
|
|
<div class="grid-item bg-primary mx-auto" data-bs-toggle="modal" data-bs-target="#servicesModalSecurity">
|
|
<div class="caption bg-primary">
|
|
<div class="col-8 mx-auto">
|
|
<img class="img-fluid my-4" src="/assets/img/services/shield.png" alt="..."/>
|
|
</div>
|
|
</div>
|
|
<div class="text bg-primary text-white p-4">
|
|
La cybersécurité est primordiale dans un projet devOps, elle passe par le
|
|
respect des principes de développement secure-by-design:
|
|
<ul>
|
|
<li>
|
|
Identifier les menaces
|
|
</li>
|
|
<li>
|
|
Minimiser la surface d'attaque
|
|
</li>
|
|
<li>
|
|
Séparer et restreindre les privilèges
|
|
</li>
|
|
<li>
|
|
Garder les erreurs internes confidentielles
|
|
</li>
|
|
<li>
|
|
Ne pas faire confiance aux services
|
|
</li>
|
|
<li>
|
|
Eviter la sécurité par l'obscurité
|
|
</li>
|
|
<li>
|
|
Fixer rapidement et correctement les problèmes de sécurité
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Services Item Coding-->
|
|
<div class="col-md-6 col-lg-4 mb-5 mt-3">
|
|
<div class="grid-item bg-primary mx-auto" data-bs-toggle="modal" data-bs-target="#servicesModalCoding">
|
|
<div class="caption bg-primary">
|
|
<div class="col-8 mx-auto">
|
|
<img class="img-fluid my-4" src="/assets/img/services/programming.png" alt="..."/>
|
|
</div>
|
|
</div>
|
|
<div class="text bg-primary text-white p-4">
|
|
Le choix des technologies dépend des contraintes du projet:
|
|
<ul>
|
|
<li>
|
|
langage haut-niveau POO (Python, PHP)
|
|
</li>
|
|
<li>
|
|
langage bas-niveau (Go, C)
|
|
</li>
|
|
<li>
|
|
les langages web (HTML, JS, JQuery, VueJS, CSS, Bootstrap)
|
|
</li>
|
|
<li>
|
|
les serveurs et/ou proxys (Apache, Nginx, HAProxy)
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Services Item Database-->
|
|
<div class="col-md-6 col-lg-4 mb-5 mt-3">
|
|
<div class="grid-item bg-primary mx-auto" data-bs-toggle="modal" data-bs-target="#servicesModalDatabase">
|
|
<div class="caption bg-primary">
|
|
<div class="col-8 mx-auto">
|
|
<img class="img-fluid my-4" src="/assets/img/services/database.png" alt="..."/>
|
|
</div>
|
|
</div>
|
|
<div class="text bg-primary text-white p-4">
|
|
Le choix du SGBD dépend aussi du projet:
|
|
<ul>
|
|
<li>
|
|
BDD relationnelles (PostgreSQL, MariaDB/MySQL, SQLite)
|
|
</li>
|
|
<li>
|
|
BDD non relationnelles (Redis, MongoDB, Cassandra/Scylla)
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|