menambahkan

Author: MuhammadMallq

index.html

@@ -20,16 +20,18 @@ <h1 class="fade-in">Muhammad Malik Nur</h1>
         </ul>
     </nav>
     <section id="about" class="slide-up">
+        <img src="Mall.png" alt="Gambar Profil" class="project-image small">
         <h2>Tentang Saya</h2>
         <p>Saya adalah seorang mahasiswa Teknik Informatika yang memiliki ketertarikan dalam pengembangan web, keamanan siber, dan kecerdasan buatan.</p>
-        <img src="Mall.png" alt="Gambar Tentang Saya" class="about-image small">
+        <div class="profile">
+        </div>
     </section>
     <section id="projects" class="slide-up">
         <h2>Proyek</h2>
         <div class="project">
-            <img src="portfolio.jpg" alt="Gambar Portfolio" class="project-image small">
-            <h3>Website Portfolio</h3>
-            <p>Membuat website portfolio pribadi dengan HTML, CSS, dan JavaScript.</p>
+            <img src="Mall.png" alt="Gambar Portfolio" class="project-image small">
+            <h3>Website</h3>
+            <p>Membuat website UMKM pribadi dengan HTML, CSS, dan JavaScript.</p>
         </div>
         <div class="project">
             <img src="todo-list.jpg" alt="Gambar To-Do List" class="project-image small">

styles.css

@@ -14,9 +14,9 @@ header {
 }
 
 .profile-picture.small {
-    width: 20px;
-    height: 20px;
-    border-radius: 20%;
+    width: 10px; /* Ukuran diperbesar agar lebih terlihat */
+    height: 10px;
+    border-radius: 50%; /* Menggunakan 50% agar menjadi lingkaran */
     object-fit: cover;
     margin-bottom: 15px;
 }
@@ -62,8 +62,8 @@ section {
 }
 
 .project-image.small {
-    width: 20px;
-    height: 100px;
+    width: 200px; /* Ukuran gambar project diperbesar */
+    height: 150px;
     object-fit: cover;
     border-radius: 10px;
     margin-bottom: 10px;