update color, login ui
This commit is contained in:
parent
2de02742a4
commit
79287e1813
Binary file not shown.
After Width: | Height: | Size: 278 KiB |
File diff suppressed because one or more lines are too long
|
@ -4,54 +4,78 @@
|
||||||
|
|
||||||
@push('css')
|
@push('css')
|
||||||
<style>
|
<style>
|
||||||
|
body{
|
||||||
|
background: #f6f9ff;
|
||||||
|
}
|
||||||
.form-control-user {
|
.form-control-user {
|
||||||
border-radius: 5px!important;
|
border-radius: 5px!important;
|
||||||
}
|
}
|
||||||
|
.align-self-end {
|
||||||
|
-ms-flex-item-align: end!important;
|
||||||
|
align-self: flex-end!important;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
border-style: none;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.img-fluid {
|
||||||
|
max-width:150%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@endpush
|
@endpush
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="login-box">
|
<div class="login-box">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- Outer Row -->
|
<section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
|
||||||
<div class="row justify-content-center">
|
<div class="container">
|
||||||
<div class="col-xl-5 col-lg-12 col-md-9">
|
<!-- Outer Row -->
|
||||||
<div class="card border-0 shadow-lg my-5">
|
<div class="row justify-content-center">
|
||||||
<div class="card-body p-0">
|
<div class="col-md-5 d-flex flex-column justify-content-center" >
|
||||||
<!-- Nested Row within Card Body -->
|
<div class="card border-0 shadow-lg">
|
||||||
<div class="row">
|
<div class="card-body p-0">
|
||||||
<div class="col-lg-12">
|
<!-- Nested Row within Card Body -->
|
||||||
<div class="p-5" style="margin-bottom: 120px">
|
<div class="row px-3">
|
||||||
<div class="text-center">
|
<div class="col-3 align-self-end">
|
||||||
<h5 class="text-gray-900 mb-5">SPK - Penilaian Kinerja Guru<br>SD AL – BAITUL AMIEN JEMBER</h5>
|
<img src="{{ asset('login.jpg') }}" alt="login" class="img-fluid">
|
||||||
</div>
|
</div>
|
||||||
@if (session('message'))
|
<div class="col-9">
|
||||||
<div class="row">
|
<h6 class="text-gray-900 pt-4 px-4 pb-2">Sistem Pendukung Keputusan <br>
|
||||||
<div class="col-lg-12">
|
Penilaian Kinerja Guru<br>
|
||||||
<div class="alert alert-danger">{{ session('message') }}</div>
|
<b>SD AL – BAITUL AMIEN <br>JEMBER</b></h6>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
@if (session('message'))
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="alert alert-danger">{{ session('message') }}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
@endif
|
||||||
@endif
|
<form class="user" action="{{ route('login.process') }}" method="post">
|
||||||
<form class="user" action="{{ route('login.process') }}" method="post">
|
@csrf
|
||||||
@csrf
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="Username">Username</label>
|
||||||
<input type="text" name="username" class="form-control form-control-user" placeholder="Username">
|
<input type="text" name="username" class="form-control form-control-user form-sm" placeholder="Username">
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="password" name="password" class="form-control form-control-user" placeholder="Password">
|
|
||||||
</div>
|
|
||||||
<div class="form-group row">
|
|
||||||
<div class="offset-6 col-xl-6 text-right">
|
|
||||||
<button type="submit" class="btn btn-sm btn-primary">Login</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-group">
|
||||||
</form>
|
<label for="Password">Password</label>
|
||||||
|
<input type="password" name="password" class="form-control form-control-user form-sm" placeholder="Password">
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<button type="submit" class="btn btn-block btn-primary">Login</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endsection
|
@endsection
|
Loading…
Reference in New Issue