32 lines
1.2 KiB
Vue
32 lines
1.2 KiB
Vue
<template>
|
|
<footer class="bg-[#f9f3eb] border-t border-gray-200 py-4 px-6 flex flex-col md:flex-row items-center justify-between">
|
|
<!-- Left: Logo -->
|
|
<div class="flex items-center gap-2">
|
|
<img :src="logo" alt="Logo" class="h-10">
|
|
</div>
|
|
|
|
<!-- Center: Copyright -->
|
|
<div class="text-sm text-[#0f1d4a] font-medium text-center">
|
|
Abbauf Tech © 2025 Semua hak dilindungi
|
|
</div>
|
|
|
|
<!-- Right: Social Icons -->
|
|
<div class="flex items-center gap-4 text-[#0f1d4a] mt-2 md:mt-0">
|
|
<a href="#" class="hover:text-sky-600"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" class="hover:text-sky-600"><i class="fab fa-twitter"></i></a>
|
|
<a href="#" class="hover:text-sky-600"><i class="fab fa-instagram"></i></a>
|
|
<a href="#" class="hover:text-sky-600"><i class="fab fa-youtube"></i></a>
|
|
<a href="#" class="hover:text-sky-600"><i class="fab fa-vk"></i></a>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup>
|
|
import logo from '@/../images/logo.png'
|
|
</script>
|
|
|
|
<style>
|
|
/* Pakai Font Awesome untuk ikon */
|
|
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
|
|
</style>
|