login & register & resest-pass ui finished

This commit is contained in:
Resul Madesenow
2024-02-21 19:35:56 +05:00
parent 9dd5817e8e
commit 1387d90ff9
3 changed files with 248 additions and 180 deletions

View File

@@ -20,16 +20,21 @@
}
</style>
</head>
<body class="min-w-site text-sm font-medium h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
<div class="flex justify-between px-4 py-1">
<div class="bg-green-500 px-6 text-white text-base rounded-md"><a href="#"> Töleg barlagy </a></div>
<div class="flex">
<p class="mr-6 text-base text-gray-900">(+99312) 44-41-15</p>
<p class="text-base text-gray-900">Kömek</p>
<body>
<div class="bg-img">
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
<div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase"><a href="#"> Töleg barlagy </a></div>
<div class="flex items-center">
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
<a href="#" class="mr-6 text-sm text-gray-900">Kömek</a>
<div class="flex text-sm text-gray-900 space-x-1">
<a href="#" class="font-bold"> Tm |</a>
<a href="#"> En |</a>
<a href="#"> Py</a>
</div>
</div>
<div class="bg-img h-full flex items-center mt-4">
<div class="login-section relative block md:flex items-center justify-between w-full">
</div>
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
</div>
@@ -76,6 +81,10 @@
</form>
</div>
</div>
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
<p>“Turkmenbasy” PTB-y ©</p>
<a href="#">SoftClub</a>
</div>
</div>
</body>
</html>

View File

@@ -9,11 +9,33 @@
<!-- Styles -->
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
<style type="text/css">
.bg-img {
background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
background-size: cover;
}
.login-section {
padding: 0px 150px;
}
</style>
</head>
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
<div class="py-6 px-1 md:px-2 lg:px-6">
<div class="mx-auto py-8 max-w-sm flex justify-center">
<span class="text-4xl">{{ __('Online panel') }}</span>
<body>
<div class="bg-img">
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
<div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase"><a href="#"> Töleg barlagy </a></div>
<div class="flex items-center">
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
<a href="#" class="mr-6 text-sm text-gray-900">Kömek</a>
<div class="flex text-sm text-gray-900 space-x-1">
<a href="#" class="font-bold"> Tm |</a>
<a href="#"> En |</a>
<a href="#"> Py</a>
</div>
</div>
</div>
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
</div>
<div>
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto" method="POST" action="{{ route('register') }}">
@@ -92,7 +114,11 @@
</form>
</div>
</div>
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
<p>“Turkmenbasy” PTB-y ©</p>
<a href="#">SoftClub</a>
</div>
</div>
<script src="/assets/js/inputmask.min.js"></script>
<script>
new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));

View File

@@ -9,12 +9,36 @@
<!-- Styles -->
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
<style type="text/css">
.bg-img {
background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
background-size: cover;
}
.login-section {
padding: 0px 150px;
}
</style>
</head>
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
<div class="py-6 px-1 md:px-2 lg:px-6">
<div class="mx-auto py-8 max-w-md flex justify-center">
<span class="text-4xl text-center">{{ __('Forgot your password?') }}</span>
<body>
<div class="bg-img">
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
<div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase"><a href="#"> Töleg barlagy </a></div>
<div class="flex items-center">
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
<a href="#" class="mr-6 text-sm text-gray-900">Kömek</a>
<div class="flex text-sm text-gray-900 space-x-1">
<a href="#" class="font-bold"> Tm |</a>
<a href="#"> En |</a>
<a href="#"> Py</a>
</div>
</div>
</div>
<div class="login-section flex justify-between items-center h-screen">
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
</div>
<div>
<div>
<form
method="POST"
@@ -23,6 +47,9 @@
class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto"
>
@csrf
<div class="mx-auto py-2 max-w-md flex justify-center">
<span class="text-4xl text-center">{{ __('Forgot your password?') }}</span>
</div>
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Enter your username to continue') }}</h2>
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
<path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
@@ -73,6 +100,12 @@
</form>
</div>
</div>
</div>
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
<p>“Turkmenbasy” PTB-y ©</p>
<a href="#">SoftClub</a>
</div>
</div>
<script src="/assets/js/sweetalert2@11.js"></script>
<script src="/assets/js/fn.js"></script>