You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
Hugo PRADIER 22e76abb2f
continuous-integration/drone/push Build is passing Details
petites corrections de texte + choix deroulant pour langue
5 months ago
assets petites corrections de texte + choix deroulant pour langue 5 months ago
docker test container 6 months ago
.drone.yml Mise à jour de '.drone.yml' 5 months ago
.gitignore Initial commit 10 months ago
README.md Mise à jour de 'README.md' 5 months ago
index.html petites corrections de texte + choix deroulant pour langue 5 months ago

README.md

Build Status

Mon site

Portfolio_PRADIER_Hugo_WEB2

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 et la gestion multi-langues.

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.