generated from Templates_CodeFirst/templateHtmlCss
Portfolio 3A Hugo PRADIER WEB 2
https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/
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
|
6 months ago | |
---|---|---|
assets | 6 months ago | |
docker | 7 months ago | |
.drone.yml | 6 months ago | |
.gitignore | 11 months ago | |
README.md | 6 months ago | |
index.html | 6 months ago |
README.md
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.