add login ui
This commit is contained in:
Amir Hamzan
@@ -0,0 +1,30 @@
|
||||
@extends('includes.login.index')
|
||||
|
||||
@section('content')
|
||||
|
||||
<title>Pertama Kali | Customer Portal</title>
|
||||
|
||||
<h6 style="text-align: center; margin-bottom: 10%;">Pertama Kali Masuk ke Customer Portal</h6>
|
||||
|
||||
<form role="form" class="text-start">
|
||||
<div class="input-group input-group-outline my-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control">
|
||||
</div>
|
||||
<div class="input-group input-group-outline mb-3">
|
||||
<label class="form-label">One-Time-Password</label>
|
||||
<input type="password" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Daftar Masuk</button>
|
||||
</div>
|
||||
<p class="mt-6 text-sm text-center">
|
||||
|
||||
<a href="/loginportal">Log Masuk</a>
|
||||
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
||||
<a href="/forgetpassword">Lupa Kata Laluan</a>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,27 @@
|
||||
@extends('includes.login.index')
|
||||
|
||||
@section('content')
|
||||
|
||||
<title>Lupa Kata Laluan | Customer Portal</title>
|
||||
|
||||
<h6 style="text-align: center; margin-bottom: 10%;">Lupa Kata Laluan</h6>
|
||||
|
||||
<form role="form" class="text-start">
|
||||
<p>Sila masukkan email</p>
|
||||
<div class="input-group input-group-outline my-3">
|
||||
|
||||
<input type="email" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Tetap Semula Kata Laluan</button>
|
||||
</div>
|
||||
<p class="mt-6 text-sm text-center">
|
||||
|
||||
<a href="/firsttime">Pertama Kali</a>
|
||||
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
||||
<a href="/loginportal">Log-Masuk</a>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
|
||||
|
||||
<style>
|
||||
.background {
|
||||
max-width: -webkit-fill-available;
|
||||
padding: 15%;
|
||||
}
|
||||
|
||||
.shadow-primary {
|
||||
box-shadow: #4A4E59 !important;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #4A4E59 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
|
||||
<!-- Nucleo Icons -->
|
||||
<link href="{{ asset('css/nucleo-icons.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('css/nucleo-svg.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('argon') }}/img/brand/ARRAHN1.png" rel="icon" type="image/png">
|
||||
|
||||
<!-- Material Icons -->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
|
||||
<!-- CSS Files -->
|
||||
<link href="{{ asset('css/material-kit-login.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="sign-in-basic">
|
||||
|
||||
<div class="page-header align-items-start min-vh-100" style="background-image: url('/argon/login/backg4.jpg');" loading="lazy">
|
||||
<span class="mask bg-gradient-dark opacity-6"></span>
|
||||
<div class="container my-auto">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-8 col-12 mx-auto">
|
||||
<div class="card z-index-0 fadeIn3 fadeInBottom">
|
||||
|
||||
<!-- <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
||||
<div class="bg-gradient-primary border-radius-lg py-3 pe-1" style="background: #4A4E59;">
|
||||
<img src="{{ asset('/argon/login/logo_arrahn_baru2.png') }}" alt="Logo Ar Rahn" class="background" style="text-align: center;">
|
||||
<h3 style="text-align: center; color:#12B652">CUSTOMER PORTAL</h3>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
|
||||
<div class="bg-gradient-primary border-radius-lg py-3 pe-1" style="background: #4A4E59;">
|
||||
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Customer Portal</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer position-absolute bottom-2 py-2 w-100">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-lg-between">
|
||||
<div class="col-12 col-md-6 my-auto">
|
||||
<div class="copyright text-center text-sm text-white text-lg-start">
|
||||
@2021, Copyright Permodalan Kelantan Berhad
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link text-white">About Us</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link text-white">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{ asset('assets/js/material-kit/core/popper.min.js') }}" type="text/javascript"></script>
|
||||
|
||||
|
||||
<script src="{{ asset('assets/js/material-kit/core/bootstrap.min.js') }}" type="text/javascript"></script>
|
||||
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/perfect-scrollbar.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/parallax.min.js') }}"></script>
|
||||
|
||||
<!-- Control Center for Material UI Kit: parallax effects, scripts for the example pages etc -->
|
||||
<!-- Google Maps Plugin -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
@extends('includes.login.index')
|
||||
|
||||
@section('content')
|
||||
|
||||
<title>Log In | Customer Portal</title>
|
||||
|
||||
<h6 style="text-align: center; margin-bottom: 10%;">Log-Masuk ke Customer Portal</h6>
|
||||
|
||||
<form role="form" class="text-start">
|
||||
<div class="input-group input-group-outline my-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" class="form-control">
|
||||
</div>
|
||||
<div class="input-group input-group-outline mb-3">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control">
|
||||
</div>
|
||||
<div class="form-check form-switch d-flex align-items-center mb-3">
|
||||
<input class="form-check-input" type="checkbox" id="rememberMe">
|
||||
<label class="form-check-label mb-0 ms-2" for="rememberMe">Remember me</label>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Log In</button>
|
||||
</div>
|
||||
<p class="mt-6 text-sm text-center">
|
||||
|
||||
<a href="/firsttime">Pertama Kali</a>
|
||||
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
||||
<a href="/forgetpassword">Lupa Kata Laluan</a>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user