update
ilhamwara
parent
a50edfcb4c
commit
b70ce911fc
Binary file not shown.
|
After Width: | Height: | Size: 6.2 MiB |
|
|
@ -24,7 +24,7 @@
|
||||||
|
|
||||||
<body class="">
|
<body class="">
|
||||||
|
|
||||||
<div class="flex h-screen bg-cover bg-center relative bg-no-repeat" style="background-image: url('{{asset("assets/images/background.jpg")}}');">
|
<div class="flex h-screen bg-cover bg-center relative bg-no-repeat" style="background-image: url('{{asset("background.png")}}');">
|
||||||
<div class="bg-white lg:max-w-[480px] z-10 p-12 relative w-full h-full dark:bg-gray-800">
|
<div class="bg-white lg:max-w-[480px] z-10 p-12 relative w-full h-full dark:bg-gray-800">
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<div class="text-center lg:text-start">
|
<div class="text-center lg:text-start">
|
||||||
|
|
@ -33,9 +33,9 @@
|
||||||
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" alt="logo" class="block dark:hidden">
|
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" alt="logo" class="block dark:hidden">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="mb-5">
|
||||||
<h3 style="font-size: 20px;" class="mt-1 text-center"><b>DIKPLHD</b></h3>
|
<h3 style="font-size: 20px;" class="mt-1 text-center"><b>DIKPLHD</b></h3>
|
||||||
<h3 class="mt-1 text-center">Dinas Lingkungan Hidup</h3>
|
<h3 class="mt-1 text-center">Dinas Lingkungan Hidup Provinsi DKI Jakarta</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="my-auto">
|
<div class="my-auto">
|
||||||
<!-- title-->
|
<!-- title-->
|
||||||
|
|
@ -69,78 +69,16 @@
|
||||||
<div class=" text-center">
|
<div class=" text-center">
|
||||||
<button class="btn bg-primary text-white w-full" type="submit"><i class="ri-login-box-line me-1"></i> Masuk </button>
|
<button class="btn bg-primary text-white w-full" type="submit"><i class="ri-login-box-line me-1"></i> Masuk </button>
|
||||||
</div>
|
</div>
|
||||||
<!-- social-->
|
|
||||||
<!-- <div class="text-center mt-9">
|
|
||||||
<p class="text-gray-400 text-base mb-6">Sign in with</p>
|
|
||||||
<ul class="inline-flex gap-2">
|
|
||||||
<li class="">
|
|
||||||
<a href="javascript: void(0);" class="rounded-full border-2 border-primary text-primary w-8 h-8 inline-flex items-center justify-center"><i class="ri-facebook-circle-fill"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a href="javascript: void(0);" class="rounded-full border-2 border-danger text-danger w-8 h-8 inline-flex items-center justify-center"><i class="ri-google-fill"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a href="javascript: void(0);" class="rounded-full border-2 border-info text-info w-8 h-8 inline-flex items-center justify-center"><i class="ri-twitter-fill"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="">
|
|
||||||
<a href="javascript: void(0);" class="rounded-full border-2 border-secondary text-secondary w-8 h-8 inline-flex items-center justify-center"><i class="ri-github-fill"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div> -->
|
|
||||||
</form>
|
</form>
|
||||||
<!-- end form-->
|
<!-- end form-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="text-center justify-center h-14 -mb-12">
|
<footer class="text-center justify-center h-14 -mb-12">
|
||||||
<p class="text-gray-400">Tidak memiliki akun? <a href="{{url('register')}}" class="text-gray-500 ms-1"><b>Daftar Sekarang</b></a></p>
|
<!-- <p class="text-gray-400">Tidak memiliki akun? <a href="{{url('register')}}" class="text-gray-500 ms-1"><b>Daftar Sekarang</b></a></p> -->
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="bg-black/30 w-full h-full relative hidden lg:block">
|
|
||||||
<div class="absolute start-0 end-0 bottom-0 flex mt-auto justify-center text-center">
|
|
||||||
<div class="xl:w-1/2 w-full mx-auto">
|
|
||||||
<div class="swiper mt-auto cursor-col-resize" id="swiper_one">
|
|
||||||
<div class="swiper-wrapper mb-12">
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="swiper-slide-content">
|
|
||||||
<h2 class="text-3xl text-white mb-6">I love the color!</h2>
|
|
||||||
<p class="text-lg text-white mb-5"><i class="ri-double-quotes-l"></i> Everything you need is in this template. Love the overall look and feel. Not too flashy, and still very professional and smart.</p>
|
|
||||||
<p class="text-white mx-auto">
|
|
||||||
- Admin User
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- swiper-slide End -->
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="swiper-slide-content">
|
|
||||||
<h2 class="text-3xl text-white mb-6">Flexibility !</h2>
|
|
||||||
<p class="text-lg text-white mb-5"><i class="ri-double-quotes-l"></i> Pretty nice theme, hoping you guys could add more features to this. Keep up the good work.</p>
|
|
||||||
<p class="text-white mx-auto">
|
|
||||||
- Admin User
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- swiper-slide End -->
|
|
||||||
|
|
||||||
<div class="swiper-slide">
|
|
||||||
<div class="swiper-slide-content">
|
|
||||||
<h2 class="text-3xl text-white mb-6">Feature Availability!</h2>
|
|
||||||
<p class="text-lg text-white mb-5"><i class="ri-double-quotes-l"></i> This is a great product, helped us a lot and very quick to work with and implement.</p>
|
|
||||||
<p class="text-white mx-auto">
|
|
||||||
- Admin User
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- swiper-slide End -->
|
|
||||||
</div>
|
|
||||||
<!-- swiper-wrapper End -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Plugin Js -->
|
<!-- Plugin Js -->
|
||||||
|
|
|
||||||
|
|
@ -35,31 +35,7 @@
|
||||||
<h6 class="flex items-center py-2 px-3 text-xs text-gray-800 dark:text-gray-400">Welcome !</h6>
|
<h6 class="flex items-center py-2 px-3 text-xs text-gray-800 dark:text-gray-400">Welcome !</h6>
|
||||||
|
|
||||||
<!-- item-->
|
<!-- item-->
|
||||||
<a href="pages-profile.html" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
<a href="{{url('logout')}}" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
||||||
<i class="ri-account-circle-line text-lg align-middle"></i>
|
|
||||||
<span>My Account</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- item-->
|
|
||||||
<a href="pages-profile.html" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
|
||||||
<i class="ri-settings-4-line text-lg align-middle"></i>
|
|
||||||
<span>Settings</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- item-->
|
|
||||||
<a href="pages-faqs.html" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
|
||||||
<i class="ri-customer-service-2-line text-lg align-middle"></i>
|
|
||||||
<span>Support</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- item-->
|
|
||||||
<a href="auth-lock-screen.html" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
|
||||||
<i class="ri-lock-password-line text-lg align-middle"></i>
|
|
||||||
<span>Lock Screen</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- item-->
|
|
||||||
<a href="auth-logout-2.html" class="flex items-center gap-2 py-1.5 px-4 text-sm text-gray-800 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-gray-300">
|
|
||||||
<i class="ri-logout-box-line text-lg align-middle"></i>
|
<i class="ri-logout-box-line text-lg align-middle"></i>
|
||||||
<span>Logout</span>
|
<span>Logout</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue