MuhammadFarras/student-web-if-development-kit
1
0
Fork 0
forked from izu/student-web-if-development-kit
Code Pull Requests 1 Activity

revisi dawg

Browse Source
This commit is contained in:
Araya's Project
2026-06-04 17:55:58 +07:00
parent df4878a8af
commit a40a67875c
6 changed files with 363 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/ApeNameTeamE/index.html
+2 -77
View File
@@ -1293,13 +1293,6 @@
Temukan beragam beasiswa dari berbagai sumber resmi yang tersedia untuk mahasiswa aktif.
</p>
</div>
<div class="flex-shrink-0 mt-2" data-aos="fade-left">
<!-- Button "Buku Panduan Beasiswa" -->
<a href="#" class="btn-panduan" aria-label="Unduh Buku Panduan Beasiswa">
<i class="far fa-file-alt"></i>
<span data-i18n="ape_dir_guide">Buku Panduan Beasiswa</span>
</a>
</div>
</div>
<!-- Filter & Search Row (UC-02, UC-03) -->
@@ -1366,74 +1359,6 @@
</div>
</div>
<!-- ================================================
POPUP MODAL HUBUNGI KAMI
================================================ -->
<div id="contact-overlay"
class="fixed inset-0 z-[2000] hidden items-center justify-center p-4 transition-opacity duration-300 opacity-0"
role="dialog" aria-modal="true" aria-labelledby="contact-title">
<!-- Backdrop -->
<div id="contact-backdrop" class="absolute inset-0 bg-black/60 backdrop-blur-sm cursor-pointer">
</div>
<!-- Modal Card -->
<div class="relative w-full max-w-2xl bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col transform transition-transform duration-300 scale-95"
id="contact-modal">
<!-- Header -->
<div class="bg-[#003150] px-6 py-4 flex items-center justify-between">
<h3 id="contact-title" class="text-white font-bold font-serif m-0 text-lg">Hubungi Kami</h3>
<button id="contact-close"
class="text-white/70 hover:text-white transition-colors bg-transparent border-none cursor-pointer p-0"
style="background: transparent; border: none; outline: none;" aria-label="Tutup">
<i class="fas fa-times text-xl"></i>
</button>
</div>
<!-- Body -->
<div class="p-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<!-- Card Admin WhatsApp -->
<div
class="bg-white border border-gray-100 rounded-xl p-6 text-center shadow-[0_4px_20px_rgba(0,0,0,0.04)] hover:shadow-[0_10px_30px_rgba(34,197,94,0.12)] transition-shadow">
<div
class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4 text-green-500 text-2xl">
<i class="fab fa-whatsapp"></i>
</div>
<h4 class="font-bold text-gray-900 mb-1">Admin Beasiswa</h4>
<p class="text-xs text-gray-500 mb-6">Senin - Jumat | 08.00 - 15.00 WIB</p>
<a href="https://wa.me/628115719999" target="_blank" rel="noopener noreferrer"
class="inline-flex items-center justify-center w-full py-2.5 px-4 bg-[#25D366] hover:bg-[#1ebd57] text-white text-sm font-semibold rounded-lg transition-colors gap-2">
Chat Whatsapp <i class="fas fa-arrow-right text-xs"></i>
</a>
</div>
<!-- Card Instagram -->
<div
class="bg-white border border-gray-100 rounded-xl p-6 text-center shadow-[0_4px_20px_rgba(0,0,0,0.04)] hover:shadow-[0_10px_30px_rgba(236,72,153,0.12)] transition-shadow">
<div
class="w-14 h-14 bg-pink-100 rounded-full flex items-center justify-center mx-auto mb-4 text-pink-500 text-2xl">
<i class="fab fa-instagram"></i>
</div>
<h4 class="font-bold text-gray-900 mb-1">@kemahasiswaan.untan</h4>
<p class="text-xs text-gray-500 mb-6">Informasi Beasiswa Terkini</p>
<a href="https://instagram.com/kemahasiswaan.untan" target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center justify-center w-full py-2.5 px-4 bg-gradient-to-r from-[#833AB4] via-[#FD1D1D] to-[#F56040] hover:opacity-90 text-white text-sm font-semibold rounded-lg transition-colors gap-2">
Buka Instagram <i class="fas fa-arrow-right text-xs"></i>
</a>
</div>
</div>
<p class="text-center text-[10px] text-gray-400 m-0">*Pastikan WhatsApp Kamu aktif sebelum
menghubungi admin.
</p>
</div>
</div>
</div>
<!-- ================================================
TESTIMONI (#testimonial) — UC-07
================================================ -->
@@ -1478,9 +1403,9 @@
<span data-i18n="ape_cta_btn1">Daftar Beasiswa</span>
</a>
<!-- Kontak CTA -->
<button id="btn-open-contact" class="cta-btn-secondary" aria-label="Hubungi admin">
<a id="btn-open-contact" class="cta-btn-secondary" aria-label="Hubungi admin" href="https://wa.me/+6285171655161">
<span data-i18n="ape_cta_btn2">Hubungi Kami</span>
</button>
</a>
</div>
</div>
</div>