Skip to content

Commit d869421

Browse files
committed
menambahkan bg gif
1 parent 1957ef9 commit d869421

File tree

2 files changed

+16
-10
lines changed

2 files changed

+16
-10
lines changed

img/desktop-animation4.gif

1.44 MB
Loading

index.html

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,12 @@
88
<!-- Tambahkan link Font Awesome di <head> -->
99
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
1010
<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>
1117
</head>
1218
<body>
1319
<header>
@@ -101,30 +107,30 @@ <h3>Project Website UMKM </h3>
101107
<section id="contact" class="slide-up" style="display: grid; grid-template-columns: repeat(4, auto); gap: 20px; text-align: center; align-items: center;">
102108
<h2 style="grid-column: span 4; margin-bottom: 20px;">Kontak</h2>
103109

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);">
106112
<i class="fa-solid fa-envelope" style="font-size: 40px;"></i>
107-
<p>Email</p>
113+
<p>Gmail</p>
108114
</a>
109-
115+
110116
<!-- 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);">
112118
<i class="fa-brands fa-instagram" style="font-size: 40px;"></i>
113119
<p>Instagram</p>
114120
</a>
115-
121+
116122
<!-- 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);">
118124
<i class="fa-brands fa-whatsapp" style="font-size: 40px;"></i>
119125
<p>WhatsApp</p>
120126
</a>
121-
127+
122128
<!-- 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);">
124130
<i class="fa-brands fa-linkedin" style="font-size: 40px;"></i>
125131
<p>LinkedIn</p>
126132
</a>
127-
133+
128134
<style>
129135
#contact a:hover {
130136
transform: scale(1.2); /* Efek zoom saat hover */

0 commit comments

Comments
 (0)