This commit is contained in:
Muzakki Parsaoran Siregar 2025-09-03 13:52:24 +07:00
parent 213a3874d0
commit d078aab4b0
3 changed files with 15 additions and 5 deletions

View File

@ -2,7 +2,7 @@
<header class="main-header"> <header class="main-header">
<nav class="container"> <nav class="container">
<div class="logo"> <div class="logo">
<img src="/ABBAUF.png" alt="Abbauf Tech Logo" class="logo-icon"> <img src="/abbauflogo.png" alt="Abbauf Tech Logo" class="logo-icon">
<span>ABBAUF TECH</span> <span>ABBAUF TECH</span>
</div> </div>
<ul class="nav-links"> <ul class="nav-links">
@ -52,8 +52,18 @@ const navLinks = ref([
color: #0d6efd; color: #0d6efd;
} }
.main-header {
position: fixed;
top: 0;
left: 0;
}
.logo-icon { .logo-icon {
width: 40px; width: 55px;
margin-right: 10px; margin-right: 10px;
} }

View File

@ -4,7 +4,7 @@
<div class="w-full text-center lg:w-1/2"> <div class="w-full text-center lg:w-1/2">
<h1 class="text-5xl font-extrabold leading-tight text-gray-800 lg:text-6xl"> <h1 class="text-5xl font-extrabold leading-tight text-gray-800 lg:text-6xl ml-14">
Buat Undangan Digital Praktis Untuk Buat Undangan Digital Praktis Untuk
<div class="h-24 flex items-center justify-center"> <div class="h-24 flex items-center justify-center">
@ -16,10 +16,10 @@
Tanpa Ribet Tanpa Ribet
</h1> </h1>
<p class="mt-4 mb-8 text-lg text-gray-600"> <p class="mt-4 mb-8 text-lg text-gray-600 ml-14">
Coba undangan digital PRAKTIS untuk berbagai acara. Pilih template praktis atau premium sesuai kebutuhanmu. Praktis, cepat, dan bisa langsung digunakan. Coba undangan digital PRAKTIS untuk berbagai acara. Pilih template praktis atau premium sesuai kebutuhanmu. Praktis, cepat, dan bisa langsung digunakan.
</p> </p>
<div class="flex flex-col justify-center gap-4 sm:flex-row"> <div class="flex flex-col justify-center gap-4 sm:flex-row ml-14">
<a href="#" class="inline-flex items-center justify-center rounded-lg border-2 border-green-500 bg-white px-8 py-3 font-bold text-gray-800 shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-md"> <a href="#" class="inline-flex items-center justify-center rounded-lg border-2 border-green-500 bg-white px-8 py-3 font-bold text-gray-800 shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-md">
<svg class="mr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg class="mr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2239 4.7761C17.1659 2.7181 14.6599 1.5 11.9999 1.5...Z" fill="#25D366"/> <path d="M19.2239 4.7761C17.1659 2.7181 14.6599 1.5 11.9999 1.5...Z" fill="#25D366"/>

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB