ajout du readme complete

README.md

@@ -1,5 +1,32 @@
-[![Build Status](https://codefirst.iut.uca.fr/api/badges/hugo.pradier2/Portfolio_PRADIER/status.svg)](https://codefirst.iut.uca.fr/hugo.pradier2/Portfolio_PRADIER)  
+[![Build Status](https://codefirst.iut.uca.fr/api/badges/hugo.pradier2/Portfolio_PRADIER/status.svg)](https://codefirst.iut.uca.fr/hugo.pradier2/Portfolio_PRADIER)
 
-# Portfolio_PRADIER
+# Portfolio_PRADIER_Hugo_WEB2
 
-A simple template for a web site. 
+J'ai réalisé ce portfolio en HTML et JavaScript en utilisant pour la première fois Bootstrap. Cela m'a permis de prendre en main cet outil, car il me fallait un projet concret pour en introduire les fondamentaux et l'utiliser efficacement. Je l'ai choisi après de nombreuses recommandations de mes collègues.
+
+## Choix et justifications
+
+### HTML et JavaScript
+
+- **HTML** : Structure de base du site web.
+- **JavaScript** : Ajout de fonctionnalités interactives, notamment pour le formulaire de contact.
+
+### Bootstrap
+
+- **Première utilisation** : J'ai choisi Bootstrap pour ce projet afin de me familiariser avec ce framework populaire. Cela m'a permis de créer un design simple, agréable et accessible.
+- **Responsive Design** : Bootstrap facilite la création de sites web qui s'adaptent automatiquement aux différentes tailles d'écran, ce qui est essentiel pour garantir une bonne expérience utilisateur sur tous les appareils.
+
+### EmailJS
+
+- **Formulaire de contact** : Pour gérer l'envoi de messages depuis le formulaire de contact, j'ai intégré EmailJS. Cela m'a permis de configurer facilement l'envoi d'e-mails sans avoir besoin d'un backend complexe.
+
+## Structure du portfolio
+
+Voici les sections qui composent mon portfolio :
+
+- Accueil : Introduction.
+- À propos de moi : Informations personnelles et présentation.
+- Expériences : Détail de mes expériences professionnelles.
+- Formation : Parcours scolaire et diplômes.
+- Compétences : Liste de mes compétences techniques et personnelles.
+- Contact : Formulaire de contact pour me joindre facilement.

index.html

@@ -943,12 +943,16 @@
           <h2>Contact</h2>
 
           <div class="row gy-4 mt-5">
-            <div class="col-6">
+            <div class="col-4">
               <h3>Informations</h3>
               <ul class="list-unstyled mt-5">
-                <li><i class="bi bi-geo-alt-fill"></i> 63110 - Beaumont</li>
-                <li><i class="bi bi-telephone-fill"></i> +33 7 68 36 13 59</li>
-                <li>
+                <li style="font-size: 20px">
+                  <i class="bi bi-geo-alt-fill"></i> 63110 - Beaumont
+                </li>
+                <li style="font-size: 20px">
+                  <i class="bi bi-telephone-fill"></i> +33 7 68 36 13 59
+                </li>
+                <li style="font-size: 20px">
                   <i class="bi bi-envelope-fill"></i>
                   <a href="mailto:pradier.hugo36@gmail.com">
                     pradier.hugo36@gmail.com</a
@@ -957,7 +961,7 @@
               </ul>
             </div>
 
-            <div class="col-6">
+            <div class="col-8">
               <!-- Formulaire -->
               <h3>Formulaire</h3>
               <form id="contact-form" class="row mt-5">