ajout photo de profil

index.html

@@ -33,7 +33,8 @@
         <div class="grid-container">
             <section class="card">
                 <h3>A propos de moi :</h3>
-                <div class="qualite">
+                <div class="cadre_photo">
+                    <img src="moi.png" alt="photo de moi" class="photo">
                     <p>
 
                         Je suis Etienne Veau étudiant en 1er année du B.U.T informatique au sein de L’IUT d’Aubière.

style.css

@@ -38,6 +38,40 @@ nav a:hover {
     color: #7e7e7e;
 }
 
+
+.cadre_photo {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin: 1rem 0;
+    padding: 2rem;
+    background-color: #484747;
+    border-radius: 5px;
+}
+
+.cadre_photo .photo {
+    width: 185px;
+    height: 185px;
+    border-radius: 25%;
+    border: 2px solid #8a8e91;
+    object-fit: cover;
+}
+
+.cadre_photo p {
+    flex: 1;
+    color: #e6e6e6;
+    font-size: 1rem;
+    line-height: 1.5;
+
+}
+
+.qualite {
+    margin: 1rem 0;
+    padding: 2rem;
+    background-color: #484747;
+    border-radius: 5px;
+}
+
 .container {
     max-width: 1000px;
     width: 100%;
@@ -62,13 +96,7 @@ nav a:hover {
     grid-template-columns: 1fr;
 }
 
-.qualite {
-    margin: 1rem 0;
-    padding: 2rem;
-    background-color: #484747;
-    border-radius: 5px;
 
-}
 
 
 .timeline-item {