update
parent
afa55f4b2c
commit
864f813a20
|
@ -44,6 +44,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-white border-b-1 border-b-[#eaeaea]">
|
||||
<div class="container mx-auto">
|
||||
<div class="flex flex-between justify-between items-center gap-5 mx-auto p-5">
|
||||
<div class="flex flex-row gap-10">
|
||||
|
@ -74,10 +75,14 @@
|
|||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
||||
</svg>
|
||||
</button>
|
||||
<a href="{{ url('login') }}" class="text-white bg-success focus:outline-none rounded-lg text-sm px-4 py-2 text-right">Login</a>
|
||||
<a href="{{ url('login') }}" class="p-3 text-white bg-success rounded-[10px] mx-auto md:mx-0 text-center flex flex-row gap-3">
|
||||
<span>Login</span> <x-lucide-log-in width="20" class="text-white"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section id="section1" class="relative overflow-hidden md:pt-20" style="min-height: 95vh">
|
||||
<!-- Enhanced Animated Background Elements -->
|
||||
<div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-100">
|
||||
|
@ -103,7 +108,7 @@
|
|||
<p class="mb-5 text-gray-600 text-lg max-w-2xl leading-relaxed mb-2 animate-fade-in" style="animation-delay: 0.8s">
|
||||
Sistem Informasi Adiwiyata. <br> Pusat Pengembangan Generasi Lingkungan Hidup
|
||||
</p>
|
||||
<a href="#section2" class="p-3 text-white bg-success rounded-full mx-auto md:mx-0 w-50 text-center flex flex-row gap-3 shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<a href="#section2" class="p-3 text-white bg-success rounded-[10px] mx-auto md:mx-0 w-50 text-center flex flex-row gap-3 shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<span>Lihat Selengkapnya</span> <x-lucide-arrow-down width="20" class="text-white"/>
|
||||
</a>
|
||||
</div>
|
||||
|
@ -118,7 +123,7 @@
|
|||
</section>
|
||||
<section id="section2" class="container mx-auto p-12 md:py-12">
|
||||
<div class="grid grid-rows-1 md:grid-cols-3 gap-5">
|
||||
<div class="bg-danger flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="bg-danger flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="text-6xl lg:text-7xl font-extrabold text-center">68</div>
|
||||
<div class="flex justify-around items-center">
|
||||
<div class="flex flex-col">
|
||||
|
@ -130,7 +135,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-info flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="bg-info flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="text-6xl lg:text-7xl font-extrabold text-center">137</div>
|
||||
<div class="flex justify-around items-center">
|
||||
<div class="flex flex-col">
|
||||
|
@ -142,7 +147,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-warning flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="bg-warning flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
|
||||
<div class="text-6xl lg:text-7xl font-extrabold text-center">89</div>
|
||||
<div class="flex justify-around items-center">
|
||||
<div class="flex flex-col">
|
||||
|
|
Loading…
Reference in New Issue