main
ilhamwara 2025-04-24 18:58:09 +07:00
parent f049cb2897
commit 7b8684cf2d
5 changed files with 1553 additions and 248 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 308 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 314 KiB

View File

@ -16,71 +16,77 @@
<link rel="icon" type="image/png" sizes="32x32" 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="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')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
<style type="text/css">
.bg-login{
background-image: url("{{('assets/bg-login.png')}}");
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head> </head>
<body> <body class="bg-login">
<div class="page-wrapper"> <div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
<div class="page-inner bg-brand-gradient"> <div class="container py-4 py-lg-5 px-4 px-sm-0">
<div class="page-content-wrapper bg-transparent m-0"> <div class="row justify-content-center">
<div class="flex-1" style="background: url('{{asset("assets/img/background.png")}}') no-repeat center center; min-height: 100vh;width: 100%; background-size: cover; background-color: #f5f5f5; "> <div class="col-sm-12 col-md-12 col-lg-8 col-xl-8">
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0"> <div class="card p-4 rounded-plus bg-faded">
@include('include.alert')
<div class="row"> <div class="row">
<div class="col col-md-6 col-lg-7 hidden-sm-down mt-5 d-none"> <div class="col-md-7 d-flex flex-column text-center">
<h2 style="font-size: 50px!important;" class="fw-900 mt-4"> <div class="text-center">
Sekolah Adiwiyata <img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" width="50">
<small class="h3 fw-500 mt-3 mb-5 opacity-60"> <br>
Dinas Lingkungan Hidup Provinsi DKI Jakarta <h3 class="text-center mt-2">Sistem Informasi Adiwiyata</h3>
</small> <br>
</h2> <img src="{{asset('assets/login1.svg')}}" class="img-fluid" width="70%">
<p> </div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <p class="text-muted mt-auto text-center mb-0 pt-3">
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo {{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
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> </p>
</div> </div>
<div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto"> <div class="col-md-5">
<div class="card p-4 rounded-plus bg-faded"> <h1 class="text-left mb-3">Login</h1>
@include('include.alert') <br>
<form id="js-login" validate="" method="POST" action="{{url('login')}}"> <form id="js-login" method="POST" action="{{url('login')}}">
{{csrf_field()}} {{csrf_field()}}
<div class="form-group"> <div class="form-group">
<label class="form-label">Email</label> <label class="form-label">Email</label>
<input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda" value="" required> <input type="text" required name="email" class="form-control" placeholder="Masukan Email/NPSN anda">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label">Password</label> <label class="form-label">Password</label>
<div class="input-group"> <div class="input-group">
<input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password"> <input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button> <button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div> </div>
</div> </div>
<div class="row no-gutters"> </div>
<div class="col-lg-12 pr-lg-1 my-2"> <div class="row no-gutters">
<button type="submit" class="btn btn-info btn-block">Masuk</button> <div class="col-lg-12 pr-lg-1 my-2">
</div> <button type="submit" class="btn btn-info btn-block">Masuk</button>
<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">Registrasi Sekolah</a>
</div>
</div> </div>
</form> <div class="col-lg-12 pl-lg-1 my-2 text-center">
</div> OR
</div>
<div class="col-lg-12 pl-lg-1 my-2">
<a href="{{url('register')}}" class="btn btn-success btn-block">Registrasi Sekolah</a>
</div>
</div>
</form>
</div> </div>
</div> </div>
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
{{date('Y')}} © Sekolah Adiwiyata by&nbsp;Dinas Lingkungan Hidup Provinsi DKI Jakarta </div>
</div> <div class="text-center mt-3 text-black">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script> <script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script src="{{asset('assets/js/app.bundle.js')}}"></script> <script src="{{asset('assets/js/app.bundle.js')}}"></script>
<script> <script>

View File

@ -22,224 +22,242 @@
<!-- Optional: page related CSS--> <!-- Optional: page related CSS-->
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}"> <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/formplugins/select2/select2.bundle.css')}}"> <link rel="stylesheet" href="{{asset('assets/css/formplugins/select2/select2.bundle.css')}}">
<style type="text/css">
.bg-login{
background-image: url("{{('assets/bg-login.png')}}");
background-repeat: no-repeat;
background-size: cover;
}
#result {
border: 1px solid #ccc;
display: none;
max-height: 200px;
overflow-y: auto;
background: #fff;
position: absolute;
width: 80%;
z-index: 999;
padding-left: 0px;
}
#result li {
padding: 10px;
list-style: none;
cursor: pointer;
}
#result li:hover {
background: #f0f0f0;
}
</style>
</head> </head>
<body> <body class="bg-login">
<div class="page-wrapper"> <div class="page-wrapper d-flex align-items-center justify-content-center min-vh-100">
<div class="page-inner bg-brand-gradient"> <div class="container py-4 py-lg-5 px-4 px-sm-0">
<div class="page-content-wrapper bg-transparent m-0"> <div class="row justify-content-center">
<div class="flex-1" style="background: url('assets/img/background.png') no-repeat center bottom fixed; background-size: cover;"> <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0"> <div class="card p-4 rounded-plus bg-faded">
@include('include.alert')
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-md-7 d-flex flex-column text-center">
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center"> <div class="text-center">
Sekolah Adiwiyata <img src="https://banksampah.jakarta.go.id/images/logo-dinas.ico" width="50">
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down"> <br>
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet. <h3 class="text-center mt-2">Sistem Informasi Adiwiyata</h3>
<br>It is ready to go wherever you go! <br>
</small> <img src="{{asset('assets/login2.svg')}}" class="img-fluid" width="100%">
</h2> </div>
<p class="text-muted mt-auto text-center mb-0 pt-3">
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
</p>
</div> </div>
<div class="col-xl-6 ml-auto mr-auto"> <div class="col-md-5">
<div class="card p-4 rounded-plus bg-faded"> <h1 class="text-left mb-3">Registrasi</h1>
<div class="alert alert-primary text-center text-dark" role="alert"> <br>
<h4>Registrasi Sekolah</h4> <form method="POST" action="{{url('register')}}">
</div> {{csrf_field()}}
@include('include.alert') <div class="row">
<form method="POST" action="{{url('register')}}"> <div id="loading-spinner" style="display: none; text-align: center;">
{{csrf_field()}} <img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20">
<div class="row"> </div>
<div class="col-md-12"> <div class="col-md-12 d-none">
<div id="loading-spinner" style="display: none; text-align: center;"> <div class="form-group row d-none">
<img src="{{ asset('assets/spinner.gif') }}" alt="Loading..." width="20"> <label class="col-xl-12 form-label" for="fname">Provinsi</label>
</div> <div class="col-12 pr-1">
<div class="form-group row d-none"> <select name="provinsi" class="form-control select2 @error('provinsi') provinsi is-invalid @enderror" id="provinsi">
<label class="col-xl-12 form-label" for="fname">Provinsi</label> <option value="0">- PILIH PROVINSI -</option>
<div class="col-12 pr-1"> @foreach($provinsi as $datProv)
<select name="provinsi" class="form-control select2 @error('provinsi') provinsi is-invalid @enderror" id="provinsi"> <option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option>
<option value="0">- PILIH PROVINSI -</option> @endforeach
@foreach($provinsi as $datProv) </select>
<option value="{{encode_id($datProv->MsProvinsiId)}}">{{$datProv->name}}</option> @error('provinsi')
@endforeach <span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
</select>
@error('provinsi')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kabupaten</label>
<div class="col-12 pr-1">
<select name="kabupaten" class="form-control select2 @error('kabupaten') kabupaten is-invalid @enderror" id="kabupaten" required>
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kecamatan</label>
<div class="col-12 pr-1">
<select name="kecamatan" class="form-control select2 @error('kecamatan') kecamatan is-invalid @enderror" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
<style type="text/css">
#result {
border: 1px solid #ccc;
display: none;
max-height: 200px;
overflow-y: auto;
background: #fff;
position: absolute;
width: 80%;
z-index: 999;
padding-left: 0px;
}
#result li {
padding: 10px;
list-style: none;
cursor: pointer;
}
#result li:hover {
background: #f0f0f0;
}
</style>
<div class="form-group row">
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
<div class="col-12 pr-1">
<select name="tingkat_sekolah" class="form-control tingkat_sekolah select2 @error('tingkat_sekolah') is-invalid @enderror">
<option value="">-Pilih Tingkat Sekolah-</option>
<option value="1">SD</option>
<option value="2">SMP</option>
<option value="3">SMA</option>
<option value="4">SMK</option>
<option value="5">MI</option>
<option value="6">MTs</option>
<option value="7">MA</option>
<option value="8">SD LB</option>
<option value="9">SMP LB</option>
<option value="10">SMA LM</option>
<option value="11">SLB Khusus</option>
</select>
@error('tingkat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">NPSN</label>
<div class="col-12 pr-1">
<input maxlength="8" autocomplete="off" type="text" value="{{old('npsn')}}" name="npsn" class="form-control @error('npsn') is-invalid @enderror numberInput npsn" placeholder="Masukan NPSN">
<ul id="result"></ul>
@error('npsn')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Sekolah</label>
<div class="col-12 pr-1">
<select name="sekolah" class="form-control select2 @error('sekolah') sekolah is-invalid @enderror" id="sekolah" required>
<option value="0">- PILIH SEKOLAH -</option>
</select>
</div>
</div>
<div class="form-group d-none row">
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
<div class="col-12 pr-1">
<select name="status_sekolah" class="form-control @error('status_sekolah') is-invalid @enderror">
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
<option value="Negeri">Negeri</option>
<option value="Swasta">Swasta</option>
</select>
@error('status_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
<div class="col-12 pr-1">
<input type="text" readonly value="{{old('name')}}" name="name" class="form-control nama_sekolah @error('name') is-invalid @enderror" placeholder="Masukan Nama Sekolah">
@error('name')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Alamat Sekolah</label>
<input type="text" value="{{old('alamat_sekolah')}}" name="alamat_sekolah" class="form-control @error('alamat_sekolah') is-invalid @enderror" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
@error('alamat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror @enderror
</div> </div>
<div class="form-group"> </div>
<label class="form-label" for="emailverify">Kontak Person</label> <div class="form-group row d-none">
<input type="text" value="{{old('kontak_person')}}" name="kontak_person" class="form-control @error('kontak_person') is-invalid @enderror" placeholder="Masukan Kontak Person" required> <label class="col-xl-12 form-label" for="fname">Kabupaten</label>
@error('kontak_person') <div class="col-12 pr-1">
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span> <select name="kabupaten" class="form-control select2 @error('kabupaten') kabupaten is-invalid @enderror" id="kabupaten" required>
<option value="0">- PILIH KABUPATEN/KOTA -</option>
</select>
</div>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Kecamatan</label>
<div class="col-12 pr-1">
<select name="kecamatan" class="form-control select2 @error('kecamatan') kecamatan is-invalid @enderror" id="kecamatan" required>
<option value="0">- PILIH KECAMATAN -</option>
</select>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row">
<label class="col-xl-12 form-label">Tingkat Sekolah</label>
<div class="col-12 pr-1">
<select name="tingkat_sekolah" class="form-control tingkat_sekolah select2 @error('tingkat_sekolah') is-invalid @enderror">
<option value="">-Pilih Tingkat Sekolah-</option>
<option value="1">SD</option>
<option value="2">SMP</option>
<option value="3">SMA</option>
<option value="4">SMK</option>
<option value="5">MI</option>
<option value="6">MTs</option>
<option value="7">MA</option>
<option value="8">SD LB</option>
<option value="9">SMP LB</option>
<option value="10">SMA LM</option>
<option value="11">SLB Khusus</option>
</select>
@error('tingkat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror @enderror
</div> </div>
<div class="form-group"> </div>
<label class="form-label" for="emailverify">Telp/WA</label> <div class="form-group row">
<input type="text" value="{{old('telp')}}" name="telp" class="form-control @error('telp') is-invalid @enderror numberInput" maxlength="16" placeholder="Masukan Telp/WA" required> <label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
@error('telp') <div class="col-12 pr-1">
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span> <input type="text" readonly value="{{old('name')}}" name="name" class="form-control nama_sekolah @error('name') is-invalid @enderror" placeholder="Masukan Nama Sekolah">
@error('name')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror @enderror
</div> </div>
<div class="form-group"> </div>
<label class="form-label" for="emailverify">Email</label> <div class="form-group">
<input type="email" name="email" id="emailverify" class="form-control @error('email') is-invalid @enderror" placeholder="Masukan Email Aktif" required> <label class="form-label" for="emailverify">Kontak Person</label>
@error('email') <input type="text" value="{{old('kontak_person')}}" name="kontak_person" class="form-control @error('kontak_person') is-invalid @enderror" placeholder="Masukan Kontak Person" required>
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span> @error('kontak_person')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="col-md-6">
<div class="form-group row">
<label class="col-xl-12 form-label" for="fname">NPSN</label>
<div class="col-12 pr-1">
<input maxlength="8" autocomplete="off" type="text" value="{{old('npsn')}}" name="npsn" class="form-control @error('npsn') is-invalid @enderror numberInput npsn" placeholder="Masukan NPSN">
<ul id="result"></ul>
@error('npsn')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror @enderror
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
</div> </div>
<div class="form-group"> </div>
<label class="form-label">Password</label>
<div class="input-group"> <div class="form-group d-none row">
<input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukan Password Minimm 8 characters" required> <label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
<div class="input-group-append"> <div class="col-12 pr-1">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button> <select name="status_sekolah" class="form-control @error('status_sekolah') is-invalid @enderror">
</div> <option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
</div> <option value="Negeri">Negeri</option>
@error('password') <option value="Swasta">Swasta</option>
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span> </select>
@error('status_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror @enderror
<div class="help-block"> </div>
Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol </div>
<div class="form-group">
<label class="form-label" for="emailverify">Alamat Sekolah</label>
<input type="text" value="{{old('alamat_sekolah')}}" name="alamat_sekolah" class="form-control @error('alamat_sekolah') is-invalid @enderror" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
@error('alamat_sekolah')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="form-group">
<label class="form-label" for="emailverify">Telp/WA</label>
<input type="text" value="{{old('telp')}}" name="telp" class="form-control @error('telp') is-invalid @enderror numberInput" maxlength="16" placeholder="Masukan Telp/WA" required>
@error('telp')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="form-label" for="emailverify">Email</label>
<input type="email" name="email" id="emailverify" class="form-control @error('email') is-invalid @enderror" placeholder="Masukan Email Aktif" required>
@error('email')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
</div>
<div class="form-group">
<label class="form-label">Password</label>
<div class="input-group">
<input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="Masukan Password Minimm 8 characters" required>
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div> </div>
</div> </div>
<div class="form-group"> @error('password')
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar. <span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@error('check') @enderror
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span> <div class="help-block">
@enderror Kata Sandi harus mengandung Minimal 8 karakter, maksimal 15 karakter, <br>setidaknya 1 huruf kecil dan huruf besar, angka dan simbol
</div>
<div class="row no-gutters">
<div class="col-md-12 ml-auto text-right">
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
</div>
</div>
<div class="form-group text-center mt-3">
<span class="">
Sudah punya akun? <a href="{{url('login')}}">Login</a>
</span>
</div> </div>
</div> </div>
<div class="form-group">
<input type="checkbox" name="check" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
@error('check')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
<div class="row no-gutters">
<div class="col-md-12 ml-auto text-right">
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
</div>
</div>
<div class="form-group text-center mt-3">
<span class="">
Sudah punya akun? <a href="{{url('login')}}">Login</a>
</span>
</div>
<div class="form-group row d-none">
<label class="col-xl-12 form-label" for="fname">Sekolah</label>
<div class="col-12 pr-1">
<select name="sekolah" class="form-control select2 @error('sekolah') sekolah is-invalid @enderror" id="sekolah" required>
<option value="0">- PILIH SEKOLAH -</option>
</select>
</div>
</div>
</div> </div>
</div>
</form>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-black">
{{date('Y')}} © Sekolah Adiwiyata by&nbsp;Dinas Lingkungan Hidup Provinsi DKI Jakarta
</div>
</div> </div>
</div> </div>
</div> </div>