fix(LimaEm): partner aktif ring kuning + glow, partner legacy warna asli saat hover
This commit is contained in:
+79
-31
@@ -1310,50 +1310,98 @@
|
||||
</h2>
|
||||
|
||||
<div class="flex flex-wrap gap-6 lg:gap-10 items-center">
|
||||
<!-- Partner Aktif (Terbaru) -->
|
||||
<!-- Partner Aktif (Terbaru) - ring kuning + glow -->
|
||||
<a href="https://www.instagram.com/namakucoffee.id?igsh=MXYyMnI3ZTNmMGxtZQ==" target="_blank"
|
||||
rel="noopener noreferrer" aria-label="Partner Aktif - Namaku">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/namaku.jpeg" alt="Namaku" class="w-16 h-16 lg:w-20 lg:h-20 rounded-full object-cover shadow-lg border-4 border-hmif-secondary
|
||||
hover:scale-110 transition-transform duration-200 cursor-pointer"
|
||||
title="Partner Terbaru" />
|
||||
</a>
|
||||
<!-- Partner Aktif (Sobat Konveksi) -->
|
||||
<a href="https://www.instagram.com/sobat.konveksi?igsh=OWxkZGJtMjhjeDZj" target="_blank"
|
||||
rel="noopener noreferrer" aria-label="Partner Aktif - Sobat Konveksi">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/sobatkonveksi.jpeg" alt="Sobat Konveksi" class="w-16 h-16 lg:w-20 lg:h-20 rounded-full object-cover shadow-lg border-4 border-hmif-secondary
|
||||
hover:scale-110 transition-transform duration-200 cursor-pointer"
|
||||
title="Partner Aktif" />
|
||||
rel="noopener noreferrer" aria-label="Partner Aktif - Namaku"
|
||||
style="display:inline-block; border-radius:9999px; transition: transform 0.2s ease;"
|
||||
onmouseover="this.style.transform='scale(1.1)'"
|
||||
onmouseout="this.style.transform='scale(1)'">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/namaku.jpeg" alt="Namaku"
|
||||
title="Partner Aktif"
|
||||
style="width:5rem; height:5rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
border: 4px solid #feb401;
|
||||
box-shadow: 0 0 0 2px rgba(254,180,1,0.4), 0 4px 16px rgba(254,180,1,0.3);
|
||||
transition: box-shadow 0.2s ease;" />
|
||||
</a>
|
||||
|
||||
<!-- Partner Lainnya (Legacy) - Tidak bisa diklik, hover ganti warna -->
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/ayanimegamall.jpeg" alt="Ayani Megamall" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
<!-- Partner Aktif (Sobat Konveksi) - ring kuning + glow -->
|
||||
<a href="https://www.instagram.com/sobat.konveksi?igsh=OWxkZGJtMjhjeDZj" target="_blank"
|
||||
rel="noopener noreferrer" aria-label="Partner Aktif - Sobat Konveksi"
|
||||
style="display:inline-block; border-radius:9999px; transition: transform 0.2s ease;"
|
||||
onmouseover="this.style.transform='scale(1.1)'"
|
||||
onmouseout="this.style.transform='scale(1)'">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/sobatkonveksi.jpeg" alt="Sobat Konveksi"
|
||||
title="Partner Aktif"
|
||||
style="width:5rem; height:5rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
border: 4px solid #feb401;
|
||||
box-shadow: 0 0 0 2px rgba(254,180,1,0.4), 0 4px 16px rgba(254,180,1,0.3);
|
||||
transition: box-shadow 0.2s ease;" />
|
||||
</a>
|
||||
|
||||
<!-- Partner Legacy (Ayani) - abu-abu, hover tampil warna asli -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/ayanimegamall.jpeg" alt="Ayani Megamall"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/indofood.jpeg" alt="Indofood" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
|
||||
<!-- Partner Legacy (Indofood) -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/indofood.jpeg" alt="Indofood"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/playhera.jpeg" alt="Playhera" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
|
||||
<!-- Partner Legacy (Playhera) -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/playhera.jpeg" alt="Playhera"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/pln.jpeg" alt="PLN" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
|
||||
<!-- Partner Legacy (PLN) -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/pln.jpeg" alt="PLN"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/rtech.jpeg" alt="RTech" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
|
||||
<!-- Partner Legacy (RTech) -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/rtech.jpeg" alt="RTech"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
<div class="relative group">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/rumangsa.jpeg" alt="Rumangsa" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
|
||||
hover:scale-110 hover:shadow-lg transition-all duration-300" />
|
||||
|
||||
<!-- Partner Legacy (Rumangsa) -->
|
||||
<div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
|
||||
onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
|
||||
onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
|
||||
<img src="./assets/images/ruang-tumbuh/partner/rumangsa.jpeg" alt="Rumangsa"
|
||||
style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
|
||||
filter: grayscale(100%); transition: filter 0.3s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Divisi Kepengurusan HMIF Section -->
|
||||
<section id="divisi" class="bg-hmif-primary text-white py-20 lg:py-24">
|
||||
<div class="max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12">
|
||||
|
||||
Reference in New Issue
Block a user