perbaikan

Author: MuhammadMallq

index.html

@@ -88,7 +88,7 @@ <h2>Keahlian Pemrograman</h2>
     </section>
 
     <section id="projects" class="slide-up">
-        <h2>Proyek</h2>
+        <h2>Projects</h2>
         <div class="projects-container">
             <div class="project">
                 <h3>Project Website UMKM </h3>
@@ -99,38 +99,41 @@ <h3>Project Website UMKM </h3>
         </div>
     </section>
 
-    <section id="contact" class="slide-up" style="display: grid; grid-template-columns: repeat(2, auto); gap: 10px; text-align: center;">
-        <h2 style="grid-column: span 2;">Kontak</h2>
+    <section id="contact" class="slide-up" style="display: grid; grid-template-columns: repeat(4, auto); gap: 20px; text-align: center; align-items: center;">
+        <h2 style="grid-column: span 4; margin-bottom: 20px;">Kontak</h2>
 
         <!-- Email -->
-        <p>
-            <a href="mailto:Kamalputra1177@email.com" style="text-decoration: none;">
-                <i class="fa-solid fa-envelope" style="font-size: 48px; margin-right: 8px;"></i>
-            </a>
-        </p>
+        <a href="mailto:Kamalputra1177@email.com" style="text-decoration: none; transition: transform 0.3s;">
+            <i class="fa-solid fa-envelope" style="font-size: 48px;"></i>
+            <p>Email</p>
+        </a>
 
         <!-- Instagram -->
-        <p>
-            <a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none;">
-                <i class="fa-brands fa-instagram" style="font-size: 48px; margin-right: 8px;"></i>
-            </a>
-        </p>
+        <a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none; transition: transform 0.3s;">
+            <i class="fa-brands fa-instagram" style="font-size: 48px;"></i> 
+            <p>Instagram</p>
+        </a>
 
         <!-- WhatsApp -->
-        <p>
-            <a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none;">
-                <i class="fa-brands fa-whatsapp" style="font-size: 48px; margin-right: 8px;"></i>
-            </a>
-        </p>
+        <a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none; transition: transform 0.3s;">
+            <i class="fa-brands fa-whatsapp" style="font-size: 48px;"></i>
+            <p>WhatsApp</p>
+        </a>
 
         <!-- LinkedIn -->
-        <p>
-            <a href="https://www.linkedin.com/in/namaanda" target="_blank" style="text-decoration: none;">
-                <i class="fa-brands fa-linkedin" style="font-size: 48px; margin-right: 8px;"></i>
-            </a>
-        </p>
+        <a href="https://www.linkedin.com/in/namaanda" target="_blank" style="text-decoration: none; transition: transform 0.3s;">
+            <i class="fa-brands fa-linkedin" style="font-size: 48px;"></i>
+            <p>LinkedIn</p>
+        </a>
+    
+        <style>
+            #contact a:hover {
+                transform: scale(1.2); /* Efek zoom saat hover */
+            }
+        </style>
     </section>
 
     <script src="script.js"></script>
 </body>
 </html>
+