forked from izu/student-web-if-development-kit
Dodo
66 lines
4.2 KiB
JavaScript
66 lines
4.2 KiB
JavaScript
export function footerTemplate() {
|
|
return ` <footer class="bg-untan-navy text-white pt-16 relative overflow-hidden mt-0">
|
|
<div class="container mx-auto px-4 lg:px-8 relative z-10 flex flex-col items-center justify-center text-center">
|
|
|
|
<h3 class="text-xs font-bold text-slate-300 uppercase tracking-widest mb-4" data-i18n="footer_follow_us">
|
|
Ikuti Kami</h3>
|
|
<div class="flex items-center justify-center gap-5 sm:gap-6 mb-10">
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-instagram text-xl sm:text-2xl"></i></a>
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-youtube text-xl sm:text-2xl"></i></a>
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-facebook-f text-xl sm:text-2xl"></i></a>
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-twitter text-xl sm:text-2xl"></i></a>
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-linkedin-in text-xl sm:text-2xl"></i></a>
|
|
<a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
|
|
class="text-white hover:text-untan-yellow transition-colors"><i
|
|
class="fab fa-tiktok text-xl sm:text-2xl"></i></a>
|
|
</div>
|
|
|
|
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mb-8 text-left">
|
|
<img src="https://upload.wikimedia.org/wikipedia/id/0/03/Lambang_Universitas_Tanjungpura.png"
|
|
class="h-16 sm:h-20 shrink-0" alt="Logo UNTAN">
|
|
<div
|
|
class="border-t sm:border-t-0 sm:border-l-2 border-white/30 pt-4 sm:pt-0 sm:pl-5 py-1 flex flex-col justify-center leading-tight">
|
|
<h2 class="text-2xl sm:text-3xl font-bold font-sans tracking-widest uppercase mb-1">INFORMATIKA</h2>
|
|
<h2 class="text-xs sm:text-sm font-normal text-slate-200 tracking-widest uppercase mt-0.5">
|
|
UNIVERSITAS TANJUNGPURA</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-5 text-sm sm:text-base text-slate-100 max-w-2xl font-light">
|
|
<p class="flex flex-col sm:flex-row items-center justify-center gap-2 mb-1">
|
|
<i class="fas fa-map-marker-alt text-untan-yellow"></i>
|
|
Jl. Prof. Dr. H. Hadari Nawawi, Bansir Laut, Kec. Pontianak Tenggara,
|
|
</p>
|
|
<p>Kota Pontianak, Kalimantan Barat 78124</p>
|
|
</div>
|
|
|
|
<div
|
|
class="text-xs sm:text-sm text-slate-200 flex flex-wrap justify-center items-center gap-x-3 gap-y-2 mb-12 font-light tracking-wide">
|
|
<span>E: info@informatika.untan.ac.id</span>
|
|
<span class="hidden sm:inline opacity-50">|</span>
|
|
<span>P: +62 851-7165-5161</span>
|
|
<span class="hidden sm:inline opacity-50">|</span>
|
|
<span>F: +62(561) 739637</span>
|
|
<span class="hidden sm:inline opacity-50">|</span>
|
|
<span>WA: +62 851-7165-5161</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="w-full relative z-0 mt-4 pointer-events-none flex justify-center">
|
|
<img src="../../assets/global/footer.png" alt="Footer Illustration" class="w-full h-auto object-cover object-bottom"
|
|
style="object-position: bottom;">
|
|
</div>
|
|
</footer>`;
|
|
}
|