TIF_E41200821/spk_saw_balita/application/views/lupapassword.php

116 lines
4.6 KiB
PHP

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Start your development with a Dashboard for Bootstrap 4.">
<meta name="author" content="Creative Tim">
<title>SPK. Pemilihan Jenis Makanan Balita Metode SAW</title>
<!-- Favicon -->
<link rel="icon" href="<?=base_url()?>assets/argon/img/brand/favicon.png" type="image/png">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<!-- Icons -->
<link rel="stylesheet" href="<?=base_url()?>assets/argon/vendor/nucleo/css/nucleo.css" type="text/css">
<link rel="stylesheet" href="<?=base_url()?>assets/argon/vendor/@fortawesome/fontawesome-free/css/all.min.css"
type="text/css">
<!-- Argon CSS -->
<link rel="stylesheet" href="<?=base_url()?>assets/argon/css/argon.css?v=1.1.0" type="text/css">
<style>
body {
background-color: #0B3C1E;
overflow: hidden;
/* Menghilangkan scrollbar */
margin: 0;
/* Menghilangkan margin default */
padding: 0;
/* Menghilangkan padding default */
}
.imgg {
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.col-md-6 {
padding: 0;
}
.btn-success {
background-color: #00B207;
}
@media (max-width: 992px) {
.col-md-6 .imgg {
display: none;
}
}
</style>
</head>
<body style="background-color:#0B3C1E;">
<!-- Main content -->
<div class="main-content">
<div class="row">
<div class="col-md-6">
<img src="<?=base_url()?>assets/img/img.png" class="imgg" width="100%" alt="Responsive image">
</div>
<div class="col-md-6">
<!-- Page content -->
<div class="container mt-6">
<div class="row justify-content-center mr-2 ml-2">
<div class="col-md-8">
<div class="text-center text-muted mb-4">
<?= $this->session->flashdata('msg') ?>
</div>
<div class="text-center text-muted mb-5">
<h1 class="text-white">Lupa Password</h1>
</div>
<?php echo form_open('lupapassword/resetpassword') ?>
<label for="" class="text-white">Email</label>
<div class="input-group mb-3">
<input type="email" class="form-control" name="email" placeholder="Email" required
autofocus value="<?php
if(isset($_COOKIE['email_temp'])) {echo $_COOKIE['email_temp'];}
?>"
pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-at"></span>
</div>
</div>
</div>
<div class="text-right">
<button type="submit" class="btn btn-success border-0">Submit</button>
<a class="btn btn-danger border-0 text-white" href="<?=base_url('login');?>">Batal</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<!-- Argon Scripts -->
<!-- Core -->
<script src="<?=base_url()?>assets/argon/vendor/jquery/dist/jquery.min.js"></script>
<script src="<?=base_url()?>assets/argon/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?=base_url()?>assets/argon/vendor/js-cookie/js.cookie.js"></script>
<script src="<?=base_url()?>assets/argon/vendor/jquery.scrollbar/jquery.scrollbar.min.js"></script>
<script src="<?=base_url()?>assets/argon/vendor/jquery-scroll-lock/dist/jquery-scrollLock.min.js"></script>
<!-- Argon JS -->
<script src="<?=base_url()?>assets/argon/js/argon.js?v=1.1.0"></script>
<!-- Demo JS - remove this in your project -->
<script src="<?=base_url()?>assets/argon/js/demo.min.js"></script>
</body>
</html>