Skip to content

Commit

Permalink
Revisi Tulisan Login
Browse files Browse the repository at this point in the history
  • Loading branch information
@mohamadarif03
mohamadarif03 committed Jan 3, 2025
1 parent 7608e19 commit 300ff00
Show file tree
Hide file tree
Showing 5 changed files with 170 additions and 105 deletions.
6 changes: 2 additions & 4 deletions resources/views/auth/login.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,10 +57,8 @@
style="width: 450px; height: 420px; background-image: url('{{ asset('assets/img/auth/log-oval.png') }}'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;border-radius:0 0 20px 0;">
<div class="ms-5 ps-5 px-4 pt-4 mt-5"
style="max-width: 300px; color: white; font-size: 16px;">
Groove’s intuitive shared inbox makes it easy for team members to
organize,
prioritize and.In this episode of the Smashing Pod we’re
talking about Web Platform Baseline.
Selamat Datang di GetSkill.id. Silakan masuk untuk mengakses kursus dan
mulai tingkatkan keterampilan Anda hari ini!
</div>
</div>

Expand Down
69 changes: 45 additions & 24 deletions resources/views/auth/passwords/email.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html lang="en">

<!-- Mirrored from demos.adminmart.com/premium/bootstrap/modernize-bootstrap/package/html/main/authentication-login.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Jul 2023 02:01:04 GMT -->

<head>
<!-- Title -->
<title>Lupa Password | Hummaclass</title>
Expand All @@ -15,77 +16,97 @@
<meta name="keywords" content="Mordenize" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="https://demos.adminmart.com/premium/bootstrap/modernize-bootstrap/package/dist/images/logos/favicon.ico" />
<link rel="shortcut icon" type="image/png"
href="https://demos.adminmart.com/premium/bootstrap/modernize-bootstrap/package/dist/images/logos/favicon.ico" />
<!-- Core Css -->
<link id="themeColors" rel="stylesheet" href="{{ asset('admin/dist/css/style.min.css') }}" />

<style>
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) #000000 !important;
}
</style>
</head>

<body>
<!-- Body Wrapper -->
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed">
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-sidebartype="full"
data-sidebar-position="fixed" data-header-position="fixed">
<div class="position-relative overflow-hidden radial-gradient min-vh-100">
<div class="position-relative z-index-5">
<div class="row">
<div class="col-xl-6 col-xxl-6" style="background-image: url('assets/img/auth/login-bg.png'), linear-gradient(to bottom right, #C79DEF, #A853F8); background-size: cover, cover;">
<div class="col-xl-6 col-xxl-6"
style="background-image: url('assets/img/auth/login-bg.png'), linear-gradient(to bottom right, #C79DEF, #A853F8); background-size: cover, cover;">
<div class="d-none d-xl-flex h-100 align-items-center">
<div class="card position-relative m-5" style="background-color: #D6B7F5; height: 600px;width:100%; border-radius: 20px;">
<div class="card position-relative m-5"
style="background-color: #D6B7F5; height: 600px;width:100%; border-radius: 20px;">
<div class="p-5">
<div>
<h3 class="text-white fw-semibold fs-9">Tingkatkan</h3>
<h3 class="text-white fw-semibold fs-9">Kemampuanmu Di</h3>
<h2 class="fw-bolder fs-12 mt-1 mb-3" style="color: #9425FE; position: relative; display: inline-block;">
<h2 class="fw-bolder fs-12 mt-1 mb-3"
style="color: #9425FE; position: relative; display: inline-block;">
HummaClass
<span style="position: absolute; bottom: -10px; left: 0px; width: calc(70% + 10px); height: 4px; background-color: #9425FE;"></span>
<span
style="position: absolute; bottom: -10px; left: 0px; width: calc(70% + 10px); height: 4px; background-color: #9425FE;"></span>
</h2>
</div>

<div class="position-absolute bottom-0 end-0">
<div class="p-3" style="width: 450px; height: 420px; background-image: url('{{ asset('assets/img/auth/log-oval.png') }}'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;border-radius:0 0 20px 0;">
<div class="ms-5 ps-5 px-4 pt-4 mt-5" style="max-width: 300px; color: white; font-size: 16px;">
Groove’s intuitive shared inbox makes it easy for team members to organize,
prioritize and.In this episode of the Smashing Pod we’re
talking about Web Platform Baseline.
<div class="p-3"
style="width: 450px; height: 420px; background-image: url('{{ asset('assets/img/auth/log-oval.png') }}'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;border-radius:0 0 20px 0;">
<div class="ms-5 ps-5 px-4 pt-4 mt-5"
style="max-width: 300px; color: white; font-size: 16px;">
Selamat Datang di GetSkill.id. Silakan masuk untuk mengakses kursus dan
mulai tingkatkan keterampilan Anda hari ini!
</div>
</div>

</div>

</div>
<div class="position-absolute bottom-0 start-0">
<img src="{{ asset('assets/img/auth/instructor_two.png') }}" style="max-width: 250px; height: auto;border-radius:0 0 0 20px;" alt="">
<img src="{{ asset('assets/img/auth/instructor_two.png') }}"
style="max-width: 250px; height: auto;border-radius:0 0 0 20px;" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-xxl-6">
<div class="authentication-login min-vh-100 bg-body row justify-content-center align-items-center p-4">
<div
class="authentication-login min-vh-100 bg-body row justify-content-center align-items-center p-4">
<div class="col-sm-8 col-md-6 col-xl-9">
<div class="logo mb-5">
<a href="/"><img src="{{ asset('assets/img/logo/logo.svg') }}" width="100px;" alt="Logo"></a>
<a href="/"><img src="{{ asset('assets/img/logo/logo.svg') }}" width="100px;"
alt="Logo"></a>
</div>
<h2 class="mb-3 fs-7 fw-bolder">Lupa Kata Sandi Anda?</h2>
<p class=" mb-9">Silakan masukkan alamat email yang terkait dengan akun Anda dan Kami akan mengirimkan email berisi tautan untuk mengatur ulang kata sandi Anda.</p>
<p class=" mb-9">Silakan masukkan alamat email yang terkait dengan akun Anda dan Kami
akan mengirimkan email berisi tautan untuk mengatur ulang kata sandi Anda.</p>
<form id="send-email-form" class="mt-5">
@csrf
<div class="input-group mb-3">
<button class="btn" style="background-color: #F3F3F3;border-radius: 12px 0px 0px 12px" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="15" viewBox="-5 -2 24 24">
<path fill="#8B8B8B" d="M3.534 10.07a1 1 0 1 1 .733 1.86A3.58 3.58 0 0 0 2 15.26V17a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1.647a3.66 3.66 0 0 0-2.356-3.419a1 1 0 1 1 .712-1.868A5.66 5.66 0 0 1 14 15.353V17a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-1.74a5.58 5.58 0 0 1 3.534-5.19M7 0a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V4a2 2 0 0 0-2-2" />
<button class="btn"
style="background-color: #F3F3F3;border-radius: 12px 0px 0px 12px"
type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="15"
viewBox="-5 -2 24 24">
<path fill="#8B8B8B"
d="M3.534 10.07a1 1 0 1 1 .733 1.86A3.58 3.58 0 0 0 2 15.26V17a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1.647a3.66 3.66 0 0 0-2.356-3.419a1 1 0 1 1 .712-1.868A5.66 5.66 0 0 1 14 15.353V17a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-1.74a5.58 5.58 0 0 1 3.534-5.19M7 0a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V4a2 2 0 0 0-2-2" />
</svg>
</button>
<input type="text" class="form-control" style="background-color: #F3F3F3;border:0px;border-radius: 0 12px 12px 0" name="email" id="email" value="{{ old('email', request('email')) }}" placeholder="Email" aria-label="" aria-describedby="basic-addon1">
<input type="text" class="form-control"
style="background-color: #F3F3F3;border:0px;border-radius: 0 12px 12px 0"
name="email" id="email" value="{{ old('email', request('email')) }}"
placeholder="Email" aria-label="" aria-describedby="basic-addon1">
<div class="invalid-feedback"></div>
</div>
<button type="submit" class="btn text-white btn-md mt-3 w-100" style="background-color: #9425FE;border-radius: 10px;">
<button type="submit" class="btn text-white btn-md mt-3 w-100"
style="background-color: #9425FE;border-radius: 10px;">
Kirim
</button>
<a href="{{ route('login') }}" class="btn text-dark btn-md mt-3 w-100" style="background-color: #E0E0E0;border-radius: 10px;">
<a href="{{ route('login') }}" class="btn text-dark btn-md mt-3 w-100"
style="background-color: #E0E0E0;border-radius: 10px;">
Kembali ke Login
</a>
</form>
Expand All @@ -103,11 +124,11 @@
$(document).ready(function() {
$('#send-email-form').submit(function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: `{{config('app.api_url')}}/api/forgot-password`,
url: `{{ config('app.api_url') }}/api/forgot-password`,
data: {
'email': $('#email').val()
},
Expand Down
Loading

0 comments on commit 300ff00

Please sign in to comment.