|
8 | 8 | <!-- Tambahkan link Font Awesome di <head> --> |
9 | 9 | <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet"> |
10 | 10 | <script type="module" src="https://cdn.jsdelivr.net/gh/domyid/tracker@latest/index.js"></script> |
| 11 | + <style> |
| 12 | + body { |
| 13 | + background: url("img/desktop-animation4.gif") no-repeat center center fixed; |
| 14 | + background-size: cover; |
| 15 | + } |
| 16 | + </style> |
11 | 17 | </head> |
12 | 18 | <body> |
13 | 19 | <header> |
@@ -101,30 +107,30 @@ <h3>Project Website UMKM </h3> |
101 | 107 | <section id="contact" class="slide-up" style="display: grid; grid-template-columns: repeat(4, auto); gap: 20px; text-align: center; align-items: center;"> |
102 | 108 | <h2 style="grid-column: span 4; margin-bottom: 20px;">Kontak</h2> |
103 | 109 |
|
104 | | - <!-- Email --> |
105 | | - <a href="mailto:Kamalputra1177@email.com" style="text-decoration: none; transition: transform 0.3s;"> |
| 110 | + <!-- Email --> |
| 111 | + <a href="mailto:Kamalputra1177@email.com" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);"> |
106 | 112 | <i class="fa-solid fa-envelope" style="font-size: 40px;"></i> |
107 | | - <p>Email</p> |
| 113 | + <p>Gmail</p> |
108 | 114 | </a> |
109 | | - |
| 115 | + |
110 | 116 | <!-- Instagram --> |
111 | | - <a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none; transition: transform 0.3s;"> |
| 117 | + <a href="https://www.instagram.com/mhmmdmallq/" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);"> |
112 | 118 | <i class="fa-brands fa-instagram" style="font-size: 40px;"></i> |
113 | 119 | <p>Instagram</p> |
114 | 120 | </a> |
115 | | - |
| 121 | + |
116 | 122 | <!-- WhatsApp --> |
117 | | - <a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none; transition: transform 0.3s;"> |
| 123 | + <a href="https://wa.me/6282122339125" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);"> |
118 | 124 | <i class="fa-brands fa-whatsapp" style="font-size: 40px;"></i> |
119 | 125 | <p>WhatsApp</p> |
120 | 126 | </a> |
121 | | - |
| 127 | + |
122 | 128 | <!-- LinkedIn --> |
123 | | - <a href="https://www.linkedin.com/in/muhammd-malik-ba4a10342" target="_blank" style="text-decoration: none; transition: transform 0.3s;"> |
| 129 | + <a href="https://www.linkedin.com/in/muhammd-malik-ba4a10342" target="_blank" style="text-decoration: none; transition: transform 0.3s; color: rgb(148, 140, 140);"> |
124 | 130 | <i class="fa-brands fa-linkedin" style="font-size: 40px;"></i> |
125 | 131 | <p>LinkedIn</p> |
126 | 132 | </a> |
127 | | - |
| 133 | + |
128 | 134 | <style> |
129 | 135 | #contact a:hover { |
130 | 136 | transform: scale(1.2); /* Efek zoom saat hover */ |
|
0 commit comments