remove some html warnings

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>