update
ilhamwara
parent
afa55f4b2c
commit
864f813a20
|
|
@ -44,40 +44,45 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<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">
|
||||
<a href="{{ url('/') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||
<img src="{{ asset('assets/logo-dinas.ico') }}" class="h-8" />
|
||||
</a>
|
||||
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
|
||||
<ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 bg-white">
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-success" aria-current="page">Beranda</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Sekolah Adiwiyata</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Kegiatan Adiwiyata</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Galeri</a>
|
||||
</li>
|
||||
</ul>
|
||||
<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">
|
||||
<a href="{{ url('/') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||
<img src="{{ asset('assets/logo-dinas.ico') }}" class="h-8" />
|
||||
</a>
|
||||
<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
|
||||
<ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 bg-white">
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3 text-success" aria-current="page">Beranda</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Sekolah Adiwiyata</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Kegiatan Adiwiyata</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="block py-2 px-3">Galeri</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
|
||||
<button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-right p-2 w-10 h-10 justify-end text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 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="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 class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
|
||||
<button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-right p-2 w-10 h-10 justify-end text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
|
||||
<span class="sr-only">Open main menu</span>
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 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>
|
||||
</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