105 lines
6.5 KiB
PHP
105 lines
6.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>
|
|
Login - Sekolah Adiwiyata
|
|
</title>
|
|
<meta name="description" content="Login">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/vendors.bundle.css')}}">
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/app.bundle.css')}}">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico">
|
|
<link rel="mask-icon" href="https://banksampah.jakarta.go.id/images/logo-dinas.ico" color="#5bbad5">
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="page-inner bg-brand-gradient">
|
|
<div class="page-content-wrapper bg-transparent m-0">
|
|
<div class="flex-1" style="background: url('https://banksampah.jakarta.go.id/images/logo/bg.png') no-repeat center bottom fixed; background-size: cover;">
|
|
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
|
|
<div class="row">
|
|
<div class="col col-md-6 col-lg-7 hidden-sm-down mt-5">
|
|
<h2 style="font-size: 50px!important;" class="fw-900 mt-4">
|
|
Sekolah Adiwiyata
|
|
<small class="h3 fw-500 mt-3 mb-5 opacity-60">
|
|
Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
</small>
|
|
</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
|
|
<div class="card p-4 rounded-plus bg-faded">
|
|
<form id="js-login" novalidate="" action="{{url('dashboard')}}">
|
|
<div class="form-group">
|
|
<label class="form-label" for="username">Email</label>
|
|
<input type="email" id="email" class="form-control form-control-lg" placeholder="Masukan Email anda" value="" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="password">Password</label>
|
|
<input type="password" id="password" class="form-control form-control-lg" placeholder="Masukan Password" required>
|
|
</div>
|
|
<div class="form-group text-left">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input">
|
|
<label class="custom-control-label"> Lihat Password</label>
|
|
</div>
|
|
</div>
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-12 pr-lg-1 my-2">
|
|
<button type="submit" class="btn btn-info btn-block btn-lg">Masuk</button>
|
|
</div>
|
|
<div class="col-lg-12 pl-lg-1 my-2 text-center">
|
|
OR
|
|
</div>
|
|
<div class="col-lg-12 pl-lg-1 my-2">
|
|
<a href="{{url('register')}}" class="btn btn-danger btn-block btn-lg">Registrasi Sekolah</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
|
|
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
|
|
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
|
|
<script>
|
|
$("#js-login-btn").click(function(event)
|
|
{
|
|
|
|
// Fetch form to apply custom Bootstrap validation
|
|
var form = $("#js-login")
|
|
|
|
if (form[0].checkValidity() === false)
|
|
{
|
|
event.preventDefault()
|
|
event.stopPropagation()
|
|
}
|
|
|
|
form.addClass('was-validated');
|
|
// Perform ajax submit here...
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|