60 lines
2.6 KiB
PHP
60 lines
2.6 KiB
PHP
<html>
|
|
<head>
|
|
<title>
|
|
Proklim - Dinas Lingkungan Hidup
|
|
</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"/>
|
|
<style>
|
|
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-200 flex items-center justify-center min-h-screen">
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden max-w-4xl w-full md:flex">
|
|
<div class="bg-gradient-to-b to-blue-700 text-white p-8 md:w-1/2 flex flex-col items-center justify-center" style="background:#67AE6E">
|
|
<div class="text-center">
|
|
<img alt="Rocket logo" class="mx-auto mb-4 p-1 " style="border-radius:100%;" src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png"/>
|
|
<h2 class="text-2xl font-bold mb-0">Dinas Lingkungan Hidup</h2>
|
|
<h2 class="text-1xl mb-4">Kampung Proklim</h2>
|
|
<p class="mb-8 muted">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="p-8 md:w-1/2 flex items-center justify-center">
|
|
<div class="w-full max-w-md">
|
|
<h2 class="text-2xl font-bold mb-6 text-center">
|
|
Masuk
|
|
</h2>
|
|
<form action="{{url('login')}}" method="POST">
|
|
{{ csrf_field() }}
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="email">
|
|
Email
|
|
</label>
|
|
<input required class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="email" type="email" name="email" placeholder="Masukan email"/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="password">
|
|
Password
|
|
</label>
|
|
<input required class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="password" placeholder="Masukan password" type="password" name="password"/>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<button class="bg-gray-200 hover:bg-gray-300 text-gray-700 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="submit">
|
|
Sign In
|
|
</button>
|
|
<a href="{{url('register')}}" class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
|
|
Daftar
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|