diff --git a/Apropos.html b/Apropos.html index a1e36b9..cf0a43f 100644 --- a/Apropos.html +++ b/Apropos.html @@ -1,11 +1,12 @@ - + - Planning + À propos - + +
photo @@ -15,25 +16,36 @@
- +
+ +
+

À propos de moi

+
+

+ Je m’appelle Arsène Poulain, étudiant en première année de BUT Informatique à l’IUT de Clermont-Ferrand. Passionné par le développement web, j’ai choisi cette voie pour allier logique, créativité et résolution de problèmes.

+ Mes études me permettent de travailler sur des projets variés, seul ou en équipe, et d’acquérir des compétences en programmation (HTML, CSS, Python, C#), gestion de bases de données et conception d’applications.

+ Curieux, rigoureux et persévérant, j’aime apprendre de nouvelles technologies et relever des défis techniques.

+ En dehors de l’informatique, je pratique le sport, je vais voir mes amis et je joue à des jeux vidéos

+ Je recherche actuellement une alternance pour mettre en pratique mes connaissances et découvrir le monde professionnel, avec l’ambition de travailler plus tard dans le développement web. +

+
+
+
+ diff --git a/Competences.html b/Competences.html index c6d8e1c..8a6c9c3 100644 --- a/Competences.html +++ b/Competences.html @@ -2,39 +2,126 @@ - Contact + Compétences -
-
-
- photo -

- Poulain
Arsène -

-
- -
+
+
+ photo +

+ Poulain
Arsène +

+
+ +
+ +
+ +
+ +
+
+

Développement Web

+
+ + HTML +
+
+
+ + CSS +
+
+
+ + JavaScript +
+
+
+ + PHP +
+
+
+ + SQL +
+
+
+ + Python +
+
+
+
+ +
+
+

Développement Logiciel & Systèmes

+
+ + C +
+
+
+ + C++ +
+
+
+ + C# +
+
+
+ + XAML +
+
+
+ + .NET MAUI +
+
+
+ + Arduino +
+
+
+
+ +
+
+

Scripts & Outils

+
+ + Bash +
+
+
+ + Git +
+
+
+
+
- diff --git a/Projets.html b/Projets.html index 1578a8a..12ace0c 100644 --- a/Projets.html +++ b/Projets.html @@ -6,6 +6,7 @@ +
photo @@ -33,113 +34,44 @@
-
+
-
-

Mes Projets

-
- -

Personnels

-
-
- - -

WeTube

-

Appuyer pour en savoir plus

+
+

Mes Projets

+
+ +

Personnels

+
+
+ +

WeTube

+

Appuyer pour en savoir plus

+
-
- -

Universitaires

-
-
- -

Projet 1

-

Appuyer pour en savoir plus

-
-
- -

Projet 2

-

Appuyer pour en savoir plus

+ +

Universitaires

+
+
+ +

Projet 1

+

Appuyer pour en savoir plus

+
+
+ +

Projet 2

+

Appuyer pour en savoir plus

+
-
-
+ +
- \ No newline at end of file diff --git a/contact.html b/contact.html index 6940eec..5d9b602 100644 --- a/contact.html +++ b/contact.html @@ -41,7 +41,7 @@

Contactez-moi

-

Vous pouvez me contacter via les informations ci-dessous :

+

Vous pouvez me joindre via les informations ci-dessous :

  • Email : arsenepoulain6@gmail.com
    • diff --git a/image/Instagram_logo_2022.svg b/image/Instagram_logo_2022.svg deleted file mode 100644 index 4ce33d4..0000000 --- a/image/Instagram_logo_2022.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/image/arduino.png b/image/arduino.png new file mode 100644 index 0000000..1e00c74 Binary files /dev/null and b/image/arduino.png differ diff --git a/image/c.png b/image/c.png new file mode 100644 index 0000000..43f7c6b Binary files /dev/null and b/image/c.png differ diff --git a/image/collège.jpeg b/image/collège.jpeg deleted file mode 100644 index 42ff2e9..0000000 Binary files a/image/collège.jpeg and /dev/null differ diff --git a/image/cplusplus.png b/image/cplusplus.png new file mode 100644 index 0000000..bdf1f99 Binary files /dev/null and b/image/cplusplus.png differ diff --git a/image/csharp.png b/image/csharp.png new file mode 100644 index 0000000..a853576 Binary files /dev/null and b/image/csharp.png differ diff --git a/image/css.png b/image/css.png new file mode 100644 index 0000000..d8800eb Binary files /dev/null and b/image/css.png differ diff --git a/image/dotnet.png b/image/dotnet.png new file mode 100644 index 0000000..36c44f7 Binary files /dev/null and b/image/dotnet.png differ diff --git a/image/git.png b/image/git.png new file mode 100644 index 0000000..46dc3f3 Binary files /dev/null and b/image/git.png differ diff --git a/image/gnubash.png b/image/gnubash.png new file mode 100644 index 0000000..8973a37 Binary files /dev/null and b/image/gnubash.png differ diff --git a/image/handball.webp b/image/handball.webp deleted file mode 100644 index 2c05250..0000000 Binary files a/image/handball.webp and /dev/null differ diff --git a/image/html5.png b/image/html5.png new file mode 100644 index 0000000..fc179ff Binary files /dev/null and b/image/html5.png differ diff --git a/image/iut.jpeg b/image/iut.jpeg deleted file mode 100644 index e07b041..0000000 Binary files a/image/iut.jpeg and /dev/null differ diff --git a/image/javascript.png b/image/javascript.png new file mode 100644 index 0000000..29c04b1 Binary files /dev/null and b/image/javascript.png differ diff --git a/image/karaoke.jpeg b/image/karaoke.jpeg deleted file mode 100644 index 49b0f25..0000000 Binary files a/image/karaoke.jpeg and /dev/null differ diff --git a/image/kazoo.jpeg b/image/kazoo.jpeg deleted file mode 100644 index b0939a2..0000000 Binary files a/image/kazoo.jpeg and /dev/null differ diff --git a/image/linkedin_logo.png b/image/linkedin_logo.png deleted file mode 100644 index c57d984..0000000 Binary files a/image/linkedin_logo.png and /dev/null differ diff --git a/image/logo_uc.jpeg b/image/logo_uc.jpeg deleted file mode 100644 index 8b7822a..0000000 Binary files a/image/logo_uc.jpeg and /dev/null differ diff --git a/image/lycée.jpeg b/image/lycée.jpeg deleted file mode 100644 index 8acb7c6..0000000 Binary files a/image/lycée.jpeg and /dev/null differ diff --git a/image/mysql.png b/image/mysql.png new file mode 100644 index 0000000..fb6d97e Binary files /dev/null and b/image/mysql.png differ diff --git a/image/php.png b/image/php.png new file mode 100644 index 0000000..9189229 Binary files /dev/null and b/image/php.png differ diff --git a/image/python.png b/image/python.png new file mode 100644 index 0000000..61433df Binary files /dev/null and b/image/python.png differ diff --git a/image/velorail.jpeg b/image/velorail.jpeg deleted file mode 100644 index 8bd4c2d..0000000 Binary files a/image/velorail.jpeg and /dev/null differ diff --git a/image/xaml.png b/image/xaml.png new file mode 100644 index 0000000..f722289 Binary files /dev/null and b/image/xaml.png differ diff --git a/image/école.jpeg b/image/école.jpeg deleted file mode 100644 index f3a1b1e..0000000 Binary files a/image/école.jpeg and /dev/null differ diff --git a/images/CodeFirstLogo.png b/images/CodeFirstLogo.png deleted file mode 100644 index a9741c8..0000000 Binary files a/images/CodeFirstLogo.png and /dev/null differ diff --git a/site.css b/site.css index d07788a..65e184a 100644 --- a/site.css +++ b/site.css @@ -63,13 +63,19 @@ html, body { height: 100%; margin: 0; padding: 0; - display: flex; - flex-direction: column; } body { - min-height: 100vh; /* hauteur minimum = hauteur de la fenêtre */ + min-height: 100vh; + display: flex; + flex-direction: column; +} + +.wrapper { + flex: 1; + display: flex; + flex-direction: column; } @@ -154,11 +160,6 @@ body { margin-top: 15px; } -.wrapper { - flex: 1; - display: flex; - flex-direction: column; -} .photo_titre_bandeau{ margin-left: 8px; @@ -189,10 +190,13 @@ body { border-right: 2px solid black; } -.container{ - margin-left:8px; - - color:white; +.container { + margin-left: 8px; + margin-right: 8px; + color: white; + padding-left: 8px; + padding-right: 8px; + margin-bottom: 80px; /* Ajoute de l'espace sous le contenu */ } .blocs{ @@ -290,6 +294,7 @@ body { .bloc-texte { margin-top: 30px; /* espace entre les blocs */ + margin-left: 20px; line-height: 1.6; } @@ -364,6 +369,89 @@ body { color: #333; } +.apropos-card { + display: flex; + align-items: center; + justify-content: space-between; + background: rgb(53, 52, 52); + border: 2px solid #bbb; + border-radius: 15px; + box-shadow: 0 2px 8px rgba(0,0,0,0.07); + margin: 30px 0; + padding: 30px; + width: 100%; + max-width: 100%; + box-sizing: border-box; /* <-- Ajouté */ + gap: 30px; +} + +.apropos-texte { + flex: 2; +} + +.apropos-image img { + max-width: 250px; + border-radius: 10px; + box-shadow: 0 2px 8px rgba(0,0,0,0.10); +} + +@media (max-width: 900px) { + .apropos-card { + flex-direction: column; + align-items: flex-start; + text-align: left; + padding: 20px; + } + .apropos-image img { + max-width: 100%; + margin-top: 15px; + } +} + + +.skill-row { + display: flex; + align-items: center; + margin-bottom: 10px; + gap: 15px; +} + +.skill-row span { + width: 110px; + font-weight: 500; + color: #fff; +} + +.skill-bar { + flex: 1; + height: 16px; + background: #bbb; + border-radius: 8px; + overflow: hidden; + margin-left: 10px; +} + +.skill-level { + height: 100%; + background: linear-gradient(90deg, #4e9cff, #1e5fa3); + border-radius: 8px 0 0 8px; +} + +.skill-logo { + width: 28px; + height: 28px; + object-fit: contain; + margin-right: 10px; + vertical-align: middle; +} +.skill-row { + display: flex; + align-items: center; + margin-bottom: 18px; /* Augmente la valeur pour plus d'espace */ + gap: 10px; +} + + .bonne-visite { text-align: center; margin-top: 40px; @@ -375,13 +463,12 @@ body { text-align: center; background-color: rgb(53, 52, 52); padding: 10px 0; - position: fixed; /* fixé en bas de l'écran */ - bottom: 0; - left: 0; + /* position: fixed; <-- supprime ou commente cette ligne */ + /* bottom: 0; <-- supprime ou commente cette ligne */ + /* left: 0; <-- supprime ou commente cette ligne */ width: 100%; z-index: 10; } - ::selection{ color: black; background-color: rgb(57, 103, 143);