diff --git a/Apropos.html b/Apropos.html index af2dda5..a1e36b9 100644 --- a/Apropos.html +++ b/Apropos.html @@ -6,101 +6,36 @@ -
-
- photo -

- Poulain
Arsène -

-
- -
+
+
+ photo +

+ Poulain
Arsène +

+
+ +
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Activités Créneaux Niveaux Lieux illustration
Handball Mer 19H15-20H30 Pro Gymnase
Ven 20h30 - 22h novice Gymnase
Karaoké Dim 21h - 00h The Voice Lac
Cours Kazoo Lun 22h37- 22h44 orchestre En ligne
Vélorail Mar 12h - 13h Tour De France Gour tazenat
Sam 10h - 17h01 Avec Roulette Sommet Puy de dôme
-
-
-
-

- J'effectue du hand depuis 10 ans maintenant. Cepandant j'ai du arreter cette année à cause des études.
- Je m'entraine au karaoké de temps en temps avec des amis un peu spéciales..
- Je prends aussi des cours de kazoo durant une courte période les lundi. C'est un instrument simple qui ne demande pas beaucoup d'entrainements...
- J'aime sortir avec des amis pour faire du vélorail, plusieurs fois par semaine et avec de differents niveaux. -

-
-
-
-
-
- Revenir à la page d'accueil. -
+ \ No newline at end of file diff --git a/Competences.html b/Competences.html index e69de29..c6d8e1c 100644 --- a/Competences.html +++ b/Competences.html @@ -0,0 +1,42 @@ + + + + + Contact + + + +
+
+
+ photo +

+ Poulain
Arsène +

+
+ +
+ + + + + \ No newline at end of file diff --git a/Projets.html b/Projets.html index 825998a..1578a8a 100644 --- a/Projets.html +++ b/Projets.html @@ -1,45 +1,145 @@ + - Planning - + Projets + -
-
- photo -

- Poulain
Arsène -

+
+
+ photo +

+ Poulain
Arsène +

+
+ +
+ +
+ +
+

Mes Projets

+
+ +

Personnels

+
+
+ + +

WeTube

+

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/README.md b/README.md index b53206b..5c7be44 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,4 @@ # portfolioarsene -Bienvenue sur mon portfolio. \ No newline at end of file +aaa \ No newline at end of file diff --git a/contact.html b/contact.html index a33cdd7..6940eec 100644 --- a/contact.html +++ b/contact.html @@ -2,95 +2,66 @@ - accueil + Contact -
-
- photo -

- Poulain
Arsène -

+
+
+
+ photo +

+ Poulain
Arsène +

+
+ +
+ +
+
- -
-
-

Contact

-
-
-
-
- -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - - - -
-
- - -
-
- - - - -
-
-
-
-
- Revenir à la page d'accueil. -
- + +
- \ No newline at end of file diff --git a/contact.php b/contact.php index c90ba99..ccceaee 100644 --- a/contact.php +++ b/contact.php @@ -2,97 +2,55 @@ - accueil + Contact -
-
- photo -

- Poulain
Arsène -

-
- -
+
+
+
+ photo +

+ Poulain
Arsène +

+
+ +
+ +
+

Contactez-moi

+
+

Vous pouvez me contacter via les informations ci-dessous :

+ -Le nom doit être renseigné !

'; - } - else { - echo 'Bonjour ' . $_POST['nomVisiteur'] . ' ! '; - } - ?> -
- Le mail doit être renseigné !

'; - } - else { - echo 'Votre adresse mail : ' . $_POST['MailVisiteur']; - } - ?> -
- -
- -
- -
- -
- -
- Le texte doit être renseigné !

'; - } - else { - echo 'Votre texte :' . $_POST['TexteVisiteur']; - } -?> -
+
+
+ \ No newline at end of file diff --git a/cv/cv.png b/cv/cv.png new file mode 100644 index 0000000..f410eef Binary files /dev/null and b/cv/cv.png differ diff --git a/cv/cv_alternance.pdf b/cv/cv_alternance.pdf new file mode 100644 index 0000000..6ed5f1c Binary files /dev/null and b/cv/cv_alternance.pdf differ diff --git a/mycoolstyle.css b/mycoolstyle.css deleted file mode 100644 index 92d69df..0000000 --- a/mycoolstyle.css +++ /dev/null @@ -1,32 +0,0 @@ -body { - padding-left: 11em; - font-family: Georgia, 'Georgia', "Times New Roman", - Times, serif; - color: darksalmon; - background-color: rgb(39, 39, 84) } - ul.navbar { - list-style-type: none; - padding: 0; - margin: 0; - position: absolute; - top: 2em; - left: 1em; - width: 9em } - h1 { - font-family: Helvetica, Geneva, Arial, - SunSans-Regular, sans-serif } - ul.navbar li { - background: white; - margin: 0.5em 0; - padding: 0.3em; - border-right: 1em solid darksalmon } - ul.navbar a { - text-decoration: none } - a:link { - color: blue } - a:visited { - color: darkblue } - address { - margin-top: 1em; - padding-top: 1em; - border-top: thin dotted } \ No newline at end of file diff --git a/site.css b/site.css index a44c1a9..d07788a 100644 --- a/site.css +++ b/site.css @@ -47,7 +47,7 @@ a{ } a:hover:visited{ - color: rgb(255, 166, 0); + color: rgb(24, 24, 24); } .centrer{ @@ -97,6 +97,45 @@ body { z-index: -2; /* met bien l'image en fond derrière tout */ } +.cv-container { + text-align: center; + margin-top: 20px; +} + +.cv-preview { + width: 200px; + transition: transform 0.3s ease, box-shadow 0.3s ease; + cursor: pointer; +} + +.cv-preview:hover { + transform: scale(1.5); /* Agrandit l'image à 1.5x sa taille */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.contact-section a { + color: white; + text-decoration: none; +} + +.contact-section a:hover { + text-decoration: underline; /* Ajoute un soulignement au survol */ +} + +/* Centrer le titre "Mon CV" */ +.cv-title { + text-align: center; + margin-bottom: 20px; +} + +/* Descendre le texte sous l'image */ +.cv-download-text { + text-align: center; + margin-top: 10px; + font-size: 14px; + color: #ffffff; +} + .background::after { content: ""; position: absolute; @@ -150,7 +189,6 @@ body { border-right: 2px solid black; } - .container{ margin-left:8px; @@ -189,6 +227,67 @@ body { padding : 15px; } +/* Section des projets */ +.section-title { + text-align: center; + margin: 20px 0; + font-size: 18px; /* réduit la taille */ + color: #ffffff; +} + +.container h1 { + text-align: center; + font-size: 36px; /* augmente la taille */ + margin-bottom: 20px; + color: #ffffff; +} + +/* Grille des projets */ +.projects-grid { + display: flex; + justify-content: center; + gap: 20px; + flex-wrap: wrap; + margin: 20px 0; +} + +/* Carte de projet */ +.project-card { + background-color: #f9f9f9; + border: 2px solid #bbb; /* border grise */ + border-radius: 15px; + width: 250px; + height: 150px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + transition: transform 0.3s, box-shadow 0.3s, z-index 0.1s; + cursor: pointer; + box-shadow: 0 2px 8px rgba(0,0,0,0.07); /* légère ombre */ + position: relative; + z-index: 1; +} + +.project-card:hover { + transform: scale(1.05); + box-shadow: 0 8px 24px rgba(0,0,0,0.18); + z-index: 10; /* Passe au-dessus des autres */ +} + +.project-card h3 { + margin: 0; + font-size: 18px; + color: #333; +} + +.project-card p { + font-size: 14px; + color: #666; + margin-top: 10px; +} + .bloc-texte { margin-top: 30px; /* espace entre les blocs */ line-height: 1.6; @@ -225,6 +324,46 @@ body { width: 400px; } +/* État agrandi */ +.project-card.expanded { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) scale(1.2); /* Zoom centré */ + width: 60vw; + height: 220px; + z-index: 100; + background: #e9e9e9; + box-shadow: 0 8px 24px rgba(0,0,0,0.18); + transition: + transform 0.3s cubic-bezier(.4,2,.6,1), + box-shadow 0.3s, + z-index 0.1s, + width 0.3s, + height 0.3s; +} + +.close-btn { + position: absolute; + top: 10px; + right: 15px; + background: #fff; + border: none; + font-size: 2rem; + color: #888; + cursor: pointer; + z-index: 30; + border-radius: 50%; + width: 36px; + height: 36px; + box-shadow: 0 2px 6px rgba(0,0,0,0.08); + transition: background 0.2s; +} +.close-btn:hover { + background: #eee; + color: #333; +} + .bonne-visite { text-align: center; margin-top: 40px; @@ -233,12 +372,14 @@ body { } .basPage { - background-color: #222; text-align: center; - padding: 20px; - font-size: 0.9em; - z-index: 1; - position: relative; + background-color: rgb(53, 52, 52); + padding: 10px 0; + position: fixed; /* fixé en bas de l'écran */ + bottom: 0; + left: 0; + width: 100%; + z-index: 10; } ::selection{