diff --git a/Hyperset.html b/Hyperset.html index 6bc295d..64673bc 100644 --- a/Hyperset.html +++ b/Hyperset.html @@ -16,10 +16,7 @@ diff --git a/contact.html b/contact.html index ee46fc7..5bde95e 100644 --- a/contact.html +++ b/contact.html @@ -17,7 +17,6 @@
  • À propos de moi
  • CV
  • Réalisations techniques
    • -
  • Projet Professionel
  • Contact
    • diff --git a/cv.html b/cv.html index c968e76..114d404 100644 --- a/cv.html +++ b/cv.html @@ -16,18 +16,37 @@ -
    + + + + + diff --git a/footer.html b/footer.html index 5823ad5..696fd11 100644 --- a/footer.html +++ b/footer.html @@ -1,7 +1,23 @@ \ No newline at end of file diff --git a/index.html b/index.html index b2352f8..2859a1d 100644 --- a/index.html +++ b/index.html @@ -17,28 +17,54 @@
  • À propos de moi
  • CV
  • Réalisations techniques
    • -
  • Projet Professionel
    • -
  • Contact
    • - -
    +
    -

    LACOTE RAPHAËL

    +

    LACOTE RAPHAËL

    + +

    Je suis actuellement alternant en dernière année d'IUT Informatique d'Aubière pour l'entreprise SOMAB à Moulins-sur-Allier. Je viens de réaliser une application c# WPF pour mon entreprise.
    Je suis fortement intéréssé par les intelligences artificiels et les défis que cela représentent au niveau de la protection des données et aimerait en développer mes conaissances sur ce sujet.

    +

    + Mon objectif est de développer des applications performantes, évolutives et adaptées aux besoins réels des utilisateurs. Grâce à mes années d'alternance et de stage, j'ai déjà acquis une première expérience concrète de la vie en entreprise et du travail en équipe. + Je souhaite aujourd'hui poursuivre mes études en master afin de renforcer mes compétences d'optimisation des performances ce qui me paraît indispensable étant donné les impératifs climatiques. Ma priorité est de proposer des solutions de qualité, en combinant rigueur technique, sens de l'organisation et esprit d'équipe. + Mon portfolio a pour but de vous présenter mes réalisations concrètes afin de prouver mon engagement et mes capacités de programmation.









    + +

    -

    Je suis actuellement alternant pour à l'IUT Informatique d'Aubière pour l'entreprise SOMAB à Moulin-sur-Allier. Je suis en train de réalisé une application c# WPF pour mon entreprise.
    Je suis fortement intéréssé par les intelligences artificiels et les défis que cela représentent au niveau de la protection des données et aimerait en développer mes conaissances sur ce sujet.

    +
    +
    +
    .photo-profil
    -
    - +
    + + diff --git a/projet_personnel.html b/projet_personnel.html index 19c2cf1..382d17c 100644 --- a/projet_personnel.html +++ b/projet_personnel.html @@ -18,7 +18,7 @@
  • CV
  • Réalisations techniques
  • Projet Professionel
    • -
  • Contact
    • +
  • Contact
    • @@ -34,6 +34,26 @@

    + diff --git a/realisation.html b/realisation.html index db2aa13..8742aeb 100644 --- a/realisation.html +++ b/realisation.html @@ -17,8 +17,6 @@
  • À propos de moi
  • CV
  • Réalisations techniques
    • -
  • Projet Professionel
    • -
  • Contact
    • diff --git a/styles.css b/styles.css index e5a3f57..fba857e 100644 --- a/styles.css +++ b/styles.css @@ -1,105 +1,89 @@ - - .container { - width: 80%; - margin: 0 auto; + width: 80%; + margin: 0 auto; } + .texte { - width: 50%; - float: left; - margin-top: 70px; -} -.image { - width: 35%; - float: right; - margin-top: 20px; + width: 50%; + float: left; + margin-top: 70px; } -{ - margin: 0; - padding: 0; - box-sizing: border-box; +.image { + width: 35%; + float: right; + margin-top: 20px; } body { - font-family: Arial, sans-serif; - line-height: 1.6; - background-color: #F5f5dc; - - padding: 20px; + font-family: Arial, sans-serif; + line-height: 1.6; + background-color: #f5f5dc; + padding: 20px; + padding-bottom: 50px; /* Ajout d'un padding pour laisser de l'espace au footer */ + margin-bottom: 50px; } -/*header { - background-color: #333; - color: #fff; - padding: 10px 0; - text-align: center; -}*/ +footer { + background-color: #333; + color: #fff; + text-align: center; + padding: 5px 0; + font-size: 0.75em; + position: fixed; + bottom: 0; + width: 100%; + left: 0; +} header { - background-color: #333; - color: #fff; - padding: 10px 0; - text-align: center; - position: fixed; /* Position fixe pour rester en haut */ - top: 0; /* Positionné en haut de la fenêtre */ - width: 100%; /* Prend toute la largeur */ - z-index: 1000; /* Assurez-vous qu'il est au-dessus d'autres éléments */ + background-color: #333; + color: #fff; + padding: 10px 0; + text-align: center; + position: fixed; + top: 0; + width: 100%; + z-index: 1000; } - header h1 { - margin-bottom: 10px; + margin-bottom: 10px; } -nav ul { - list-style: none; +.navbar { + display: inline; + margin-right: 20px; } -/* -nav ul li { - display: inline; - margin-right: 20px; -}*/ -.navbar { - display: inline; - margin-right: 20px; +.lien { + color: #fff; + text-decoration: none; } -.lien{ - color: #fff; - text-decoration: none; +nav ul { + list-style: none; } -/*nav ul li a { - color: #fff; - text-decoration: none; -}*/ section { - margin-top: 100px; - margin-bottom: 50px; + margin-top: 100px; + margin-bottom: 50px; } -.high_margin{ +.high_margin { margin-top: 120px; } -.very_high_margin{ - margin-top: 200px; +.very_high_margin { + margin-top: 150px; } -footer { - background-color: #333; - color: #fff; - text-align: center; - padding: 10px 0; - position: fixed; - bottom: 0; - width: 100%; +.pp { + margin-right: 50px; + margin-left: 50px; + margin-top: 200px; } - - .sidebar { position: fixed; left: 28px; @@ -107,7 +91,6 @@ footer { width: 200px; height: 100%; background-color: #606060; - } .sidebar ul { @@ -131,33 +114,24 @@ footer { } .content { - margin-left: 200px; /* Largeur de la barre latérale */ + margin-left: 200px; padding: 20px; } -.pp { - margin-right: 50px; - margin-left: 50px; - margin-top: 200px; -} - - - - .image-container { - display: flex; /* Utilisation de flexbox pour aligner les images horizontalement */ - justify-content: space-between; /* Espacement égal entre les images */ - margin: 0 auto; /* Marge à gauche et à droite pour centrer le conteneur */ - max-width: 1200px; /* Largeur maximale du conteneur */ - padding: 0 20px; + display: flex; + justify-content: space-between; + margin: 0 auto; + max-width: 1200px; + padding: 0 20px; } .image-wrapper { - text-align: center; /* Centrer le texte */ - margin-bottom: 20px; /* Espacement en dessous de chaque image */ + text-align: center; + margin-bottom: 10px; } .image-wrapper img { - width: 100%; /* Largeur maximale de l'image */ - max-width: 130px; /* Largeur maximale définie */ -} \ No newline at end of file + max-width: 40px; + height: auto; +}