menambahkan

Author: MuhammadMallq

index.html

@@ -15,17 +15,45 @@ <h1 class="fade-in">Muhammad Malik Nur</h1>
     <nav>
         <ul>
             <li><a href="#about">Tentang Saya</a></li>
+            <li><a href="#skills">Skill</a></li>
             <li><a href="#projects">Proyek</a></li>
             <li><a href="#contact">Kontak</a></li>
         </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>
-        <div class="profile">
+        <div class="profile"></div>
+    </section>
+
+    <section id="skills" class="slide-up">
+        <h2>Skill Bahasa Pemrograman</h2>
+        <div class="skill-container">
+            <div class="skill-item">
+                <img src="html.png" alt="HTML">
+                <p>HTML, CSS, dan JavaScript (Frontend Development)</p>
+            </div>
+            <div class="skill-item">
+                <img src="python.png" alt="Python">
+                <p>Python (Data Science & Kecerdasan Buatan)</p>
+            </div>
+            <div class="skill-item">
+                <img src="java.png" alt="Java">
+                <p>Java (Pemrograman Berbasis OOP)</p>
+            </div>
+            <div class="skill-item">
+                <img src="php.png" alt="PHP">
+                <p>PHP (Backend Development)</p>
+            </div>
+            <div class="skill-item">
+                <img src="cpp.png" alt="C++">
+                <p>C++ (Algoritma dan Struktur Data)</p>
+            </div>
         </div>
     </section>
+
     <section id="projects" class="slide-up">
         <h2>Proyek</h2>
         <div class="project">
@@ -39,12 +67,14 @@ <h3>Aplikasi To-Do List</h3>
             <p>Mengembangkan aplikasi To-Do List berbasis web dengan React.js.</p>
         </div>
     </section>
+
     <section id="contact" class="slide-up">
         <h2>Kontak</h2>
         <p>Email: Kamalputra1177@email.com</p>
         <p>Telepon: 082122339125</p>
         <p>LinkedIn: linkedin.com/in/namaanda</p>
     </section>
+
     <script src="script.js"></script>
 </body>
-</html>
+</html>