remove some html warnings
This commit is contained in:
parent
e3dda90ef9
commit
78b3171872
104
front/index.html
104
front/index.html
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<link href="/assets/fontawesome-6.1.1/all.min.css" rel="stylesheet" type="text/css" />
|
||||
<script src="/assets/fontawesome-6.1.1/all.min.js" type="text/javascript"></script>
|
||||
<script src="/assets/fontawesome-6.1.1/all.min.js"></script>
|
||||
|
||||
<!-- Google fonts-->
|
||||
<link href="/assets/googleapis/roboto" rel="stylesheet" type="text/css" />
|
||||
|
|
@ -114,34 +114,34 @@
|
|||
<div class="col-md-6 text-center d-flex align-self-center py-3">
|
||||
<img class="img-fluid my-auto" src="/assets/img/services/cybersecurity.svg" alt="cybersecurity">
|
||||
</div>
|
||||
<div class="col-md-6 text-primary d-flex align-self-center py-3">
|
||||
<div class="col-md-6 text-primary d-flex flex-column align-self-center py-3">
|
||||
<span>
|
||||
La <strong>cybersécurité</strong> est primordiale dans un projet <strong>devOps</strong>,
|
||||
elle passe par le respect des principes de développement <strong>secure-by-design</strong>:
|
||||
<ul class="mb-0">
|
||||
<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>
|
||||
Se méfier des services utilisés
|
||||
</li>
|
||||
<li>
|
||||
Eviter la sécurité par l'obscurité
|
||||
</li>
|
||||
<li>
|
||||
Fixer rapidement et correctement les problèmes de sécurité
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
<ul class="mb-0">
|
||||
<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>
|
||||
Se méfier des services utilisés
|
||||
</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>
|
||||
|
||||
|
|
@ -150,25 +150,25 @@
|
|||
<div class="col-md-6 order-md-last d-flex align-self-center py-3">
|
||||
<img class="img-fluid" src="/assets/img/services/programming.svg" alt="programming">
|
||||
</div>
|
||||
<div class="col-md-6 d-flex align-self-center text-primary py-3">
|
||||
<div class="col-md-6 d-flex flex-column align-self-center text-primary py-3">
|
||||
<span>
|
||||
Selon les contraintes du projet, différents outils et langages de
|
||||
<strong>programmation</strong> peuvent être utilisés:
|
||||
<ul class="mb-0">
|
||||
<li>
|
||||
Un <strong>langage haut-niveau</strong> POO (Python, PHP) pour un développement rapide
|
||||
</li>
|
||||
<li>
|
||||
Un <strong>langage bas-niveau</strong> (Go, C) pour de meilleures performance
|
||||
</li>
|
||||
<li>
|
||||
Des langages et <strong>frameworks</strong> web (HTML, JS, JQuery, VueJS, CSS, Bootstrap)
|
||||
</li>
|
||||
<li>
|
||||
Des <strong>serveurs</strong> ou <strong>proxys</strong> (Apache, Nginx, HAProxy)
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
<ul class="mb-0">
|
||||
<li>
|
||||
Un <strong>langage haut-niveau</strong> POO (Python, PHP) pour un développement rapide
|
||||
</li>
|
||||
<li>
|
||||
Un <strong>langage bas-niveau</strong> (Go, C) pour de meilleures performance
|
||||
</li>
|
||||
<li>
|
||||
Des langages et <strong>frameworks</strong> web (HTML, JS, JQuery, VueJS, CSS, Bootstrap)
|
||||
</li>
|
||||
<li>
|
||||
Des <strong>serveurs</strong> ou <strong>proxys</strong> (Apache, Nginx, HAProxy)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -177,21 +177,21 @@
|
|||
<div class="col-md-6 d-flex align-self-center py-3">
|
||||
<img class="img-fluid" src="/assets/img/services/database.svg" alt="database">
|
||||
</div>
|
||||
<div class="col-md-6 d-flex align-self-center text-primary py-3">
|
||||
<div class="col-md-6 d-flex flex-column align-self-center text-primary py-3">
|
||||
<span>
|
||||
Chaque <strong>système de gestion de bases de données</strong> (SGBD)
|
||||
possède ses avantages et ses inconvénients:
|
||||
<ul class="mb-0">
|
||||
<li>
|
||||
Les <strong>BDD relationnelles</strong> (PostgreSQL, MariaDB/MySQL, SQLite)
|
||||
sont souvent suffisantes pour couvrir la plupart des besoins.
|
||||
</li>
|
||||
<li>
|
||||
Les <strong>BDD non relationnelles</strong> (Redis, MongoDB, Cassandra/Scylla)
|
||||
sont parfois nécessaires pour des besoins spécifiques.
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
<ul class="mb-0">
|
||||
<li>
|
||||
Les <strong>BDD relationnelles</strong> (PostgreSQL, MariaDB/MySQL, SQLite)
|
||||
sont souvent suffisantes pour couvrir la plupart des besoins.
|
||||
</li>
|
||||
<li>
|
||||
Les <strong>BDD non relationnelles</strong> (Redis, MongoDB, Cassandra/Scylla)
|
||||
sont parfois nécessaires pour des besoins spécifiques.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -307,7 +307,7 @@
|
|||
</div>
|
||||
<!-- Message input-->
|
||||
<div class="form-floating mb-3">
|
||||
<textarea class="form-control" id="message" type="text" style="height: 10rem" required></textarea>
|
||||
<textarea class="form-control" id="message" style="height: 10rem" required></textarea>
|
||||
<label for="message">Message *</label>
|
||||
<div class="invalid-feedback">Merci de saisir un message.</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue