Add components.
This commit is contained in:
Steve White
parent
624873aeec
commit
7a4eb84dfc
50
htdocs/public/pages/layouts/custom-base.php
Normal file
50
htdocs/public/pages/layouts/custom-base.php
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-menu-styles="light" data-toggled="close">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!-- META DATA -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="Description" content="PHP Bootstrap Responsive Admin Web Dashboard Template">
|
||||||
|
<meta name="Author" content="Spruko Technologies Private Limited">
|
||||||
|
<meta name="keywords" content="dashboard, template dashboard, Bootstrap dashboard, admin panel template, sales dashboard, Bootstrap admin panel, stocks dashboard, crm admin dashboard, ecommerce admin panel, admin template, admin panel dashboard, course dashboard, template ecommerce website, dashboard hrm, admin dashboard">
|
||||||
|
|
||||||
|
<!-- TITLE -->
|
||||||
|
<title> YNEX - PHP Bootstrap 5 Premium Admin & Dashboard Template </title>
|
||||||
|
|
||||||
|
<!-- FAVICON -->
|
||||||
|
<link rel="icon" href="<?php echo $baseUrl; ?>/assets/images/brand-logos/favicon.ico" type="image/x-icon">
|
||||||
|
|
||||||
|
<!-- BOOTSTRAP CSS -->
|
||||||
|
<link id="style" href="<?php echo $baseUrl; ?>/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- ICONS CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- STYLES CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/styles.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- MAIN JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/authentication-main.js"></script>
|
||||||
|
|
||||||
|
<?php echo $styles; ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<?php echo $errorbody; ?>
|
||||||
|
|
||||||
|
<?php echo $content; ?>
|
||||||
|
|
||||||
|
<!-- SCRIPTS -->
|
||||||
|
|
||||||
|
<!-- BOOTSTRAP JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
|
||||||
|
<?php echo $scripts; ?>
|
||||||
|
|
||||||
|
<!-- END SCRIPTS -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
83
htdocs/public/pages/layouts/landing-base.php
Normal file
83
htdocs/public/pages/layouts/landing-base.php
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-click" data-menu-position="fixed" data-theme-mode="light">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!-- Meta Data -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="Description" content="PHP Bootstrap Responsive Admin Web Dashboard Template">
|
||||||
|
<meta name="Author" content="Spruko Technologies Private Limited">
|
||||||
|
<meta name="keywords" content="dashboard, template dashboard, Bootstrap dashboard, admin panel template, sales dashboard, Bootstrap admin panel, stocks dashboard, crm admin dashboard, ecommerce admin panel, admin template, admin panel dashboard, course dashboard, template ecommerce website, dashboard hrm, admin dashboard">
|
||||||
|
<!-- TITLE -->
|
||||||
|
<title> YNEX - PHP Bootstrap 5 Premium Admin & Dashboard Template </title>
|
||||||
|
|
||||||
|
<!-- FAVICON -->
|
||||||
|
<link rel="icon" href="<?php echo $baseUrl; ?>/assets/images/brand-logos/favicon.ico" type="image/x-icon">
|
||||||
|
|
||||||
|
<!-- BOOTSTRAP CSS -->
|
||||||
|
<link id="style" href="<?php echo $baseUrl; ?>/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- ICONS CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- STYLES CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/styles.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<?php include 'layouts/components/landing/styles.php'; ?>
|
||||||
|
|
||||||
|
<?php echo $styles; ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="landing-body">
|
||||||
|
|
||||||
|
<!-- SWITCHER -->
|
||||||
|
<?php include 'layouts/components/landing/switcher.php'; ?>
|
||||||
|
|
||||||
|
<!-- END SWITCHER -->
|
||||||
|
|
||||||
|
<!-- PAGE -->
|
||||||
|
<div class="landing-page-wrapper">
|
||||||
|
|
||||||
|
<!-- HEADER -->
|
||||||
|
<?php include 'layouts/components/landing/header.php'; ?>
|
||||||
|
|
||||||
|
<!-- END HEADER -->
|
||||||
|
|
||||||
|
<!-- SIDEBAR -->
|
||||||
|
<?php include 'layouts/components/landing/sidebar.php'; ?>
|
||||||
|
|
||||||
|
<!-- END SIDEBAR -->
|
||||||
|
|
||||||
|
<!-- MAIN-CONTENT -->
|
||||||
|
|
||||||
|
<div class="main-content landing-main">
|
||||||
|
|
||||||
|
<?php echo $content; ?>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
<?php include 'layouts/components/landing/footer.php'; ?>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END MAIN-CONTENT -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END PAGE-->
|
||||||
|
|
||||||
|
<!-- SCRIPTS -->
|
||||||
|
|
||||||
|
<?php include 'layouts/components/landing/scripts.php'; ?>
|
||||||
|
|
||||||
|
<?php echo $scripts; ?>
|
||||||
|
|
||||||
|
<!-- STICKY JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/sticky.js"></script>
|
||||||
|
|
||||||
|
<!-- END SCRIPTS -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
84
htdocs/public/pages/layouts/landing-jobs-base.php
Normal file
84
htdocs/public/pages/layouts/landing-jobs-base.php
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-click" data-menu-position="fixed" data-theme-mode="light">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!-- Meta Data -->
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="Description" content="PHP Bootstrap Responsive Admin Web Dashboard Template">
|
||||||
|
<meta name="Author" content="Spruko Technologies Private Limited">
|
||||||
|
<meta name="keywords" content="php dashboard, php template, admin dashboard bootstrap, bootstrap admin theme, admin, php admin panel, bootstrap admin template, admin dashboard template, admin template bootstrap, php admin dashboard, dashboard template, dashboard template bootstrap, bootstrap admin, admin panel template, dashboard">
|
||||||
|
|
||||||
|
<!-- TITLE -->
|
||||||
|
<title> YNEX - PHP Bootstrap 5 Premium Admin & Dashboard Template </title>
|
||||||
|
|
||||||
|
<!-- FAVICON -->
|
||||||
|
<link rel="icon" href="<?php echo $baseUrl; ?>/assets/images/brand-logos/favicon.ico" type="image/x-icon">
|
||||||
|
|
||||||
|
<!-- BOOTSTRAP CSS -->
|
||||||
|
<link id="style" href="<?php echo $baseUrl; ?>/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- ICONS CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/icons.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- STYLES CSS -->
|
||||||
|
<link href="<?php echo $baseUrl; ?>/assets/css/styles.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<?php include 'layouts/components/landing/styles.php'; ?>
|
||||||
|
|
||||||
|
<?php echo $styles; ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="landing-body jobs-landing">
|
||||||
|
|
||||||
|
<!-- SWITCHER -->
|
||||||
|
<?php include 'layouts/components/landing/switcher.php'; ?>
|
||||||
|
|
||||||
|
<!-- END SWITCHER -->
|
||||||
|
|
||||||
|
<!-- PAGE -->
|
||||||
|
<div class="landing-page-wrapper">
|
||||||
|
|
||||||
|
<!-- HEADER -->
|
||||||
|
<?php include 'layouts/components/landing/jobs-header.php'; ?>
|
||||||
|
|
||||||
|
<!-- END HEADER -->
|
||||||
|
|
||||||
|
<!-- SIDEBAR -->
|
||||||
|
<?php include 'layouts/components/landing/jobs-sidebar.php'; ?>
|
||||||
|
|
||||||
|
<!-- END SIDEBAR -->
|
||||||
|
|
||||||
|
<!-- MAIN-CONTENT -->
|
||||||
|
|
||||||
|
<div class="main-content landing-main">
|
||||||
|
|
||||||
|
<?php echo $content; ?>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
<?php include 'layouts/components/landing/footer.php'; ?>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END MAIN-CONTENT -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END PAGE-->
|
||||||
|
|
||||||
|
<!-- SCRIPTS -->
|
||||||
|
|
||||||
|
<?php include 'layouts/components/landing/scripts.php'; ?>
|
||||||
|
|
||||||
|
<?php echo $scripts; ?>
|
||||||
|
|
||||||
|
<!-- STICKY JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/sticky.js"></script>
|
||||||
|
|
||||||
|
<!-- END SCRIPTS -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
156
htdocs/public/pages/resetpassword-cover.php
Normal file
156
htdocs/public/pages/resetpassword-cover.php
Normal file
@ -0,0 +1,156 @@
|
|||||||
|
<!-- This code generates the base URL for the website by combining the protocol, domain name, and directory path -->
|
||||||
|
<?php
|
||||||
|
$rootFolder = basename($_SERVER['DOCUMENT_ROOT']);
|
||||||
|
$baseUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https://' : 'http://') . $_SERVER['HTTP_HOST'] . str_replace('/pages', '', dirname($_SERVER['SCRIPT_NAME']));
|
||||||
|
?>
|
||||||
|
<!-- This code generates the base URL for the website by combining the protocol, domain name, and directory path -->
|
||||||
|
|
||||||
|
<!-- This code is useful for internal styles -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<!-- SWIPER CSS -->
|
||||||
|
<link rel="stylesheet" href="<?php echo $baseUrl; ?>/assets/libs/swiper/swiper-bundle.min.css">
|
||||||
|
|
||||||
|
<?php $styles = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for internal styles -->
|
||||||
|
|
||||||
|
<!-- This code is useful for content -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
<body class="bg-white">
|
||||||
|
<?php $errorbody = ob_get_clean(); ?>
|
||||||
|
|
||||||
|
<div class="row authentication mx-0">
|
||||||
|
|
||||||
|
<div class="col-xxl-7 col-xl-7 col-lg-12">
|
||||||
|
<div class="row justify-content-center align-items-center h-100">
|
||||||
|
<div class="col-xxl-6 col-xl-7 col-lg-7 col-md-7 col-sm-8 col-12">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="mb-3">
|
||||||
|
<a href="index.php">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-logo.png" alt="" class="authentication-brand desktop-logo">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-dark.png" alt="" class="authentication-brand desktop-dark">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="h5 fw-semibold mb-2">Reset Password</p>
|
||||||
|
<p class="mb-3 text-muted op-7 fw-normal">Hello Jhon !</p>
|
||||||
|
<div class="btn-list">
|
||||||
|
<button class="btn btn-lg btn-light"><svg class="google-svg" xmlns="http://www.w3.org/2000/svg" width="2443" height="2500" preserveAspectRatio="xMidYMid" viewBox="0 0 256 262"><path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"/><path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"/><path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"/><path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"/></svg>Sign In with google</button>
|
||||||
|
<button class="btn btn-icon btn-light"><i class="ri-facebook-fill"></i></button>
|
||||||
|
<button class="btn btn-icon btn-light"><i class="ri-twitter-fill"></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="text-center my-5 authentication-barrier">
|
||||||
|
<span>OR</span>
|
||||||
|
</div>
|
||||||
|
<div class="row gy-3">
|
||||||
|
<div class="col-xl-12 mt-0">
|
||||||
|
<label for="reset-password" class="form-label text-default">Current Password</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="password" class="form-control form-control-lg" id="reset-password" placeholder="current password">
|
||||||
|
<button class="btn btn-light" onclick="createpassword('reset-password',this)" type="button" id="button-addon2"><i class="ri-eye-off-line align-middle"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-12">
|
||||||
|
<label for="reset-newpassword" class="form-label text-default">New Password</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="password" class="form-control form-control-lg" id="reset-newpassword" placeholder="new password">
|
||||||
|
<button class="btn btn-light" onclick="createpassword('reset-newpassword',this)" type="button" id="button-addon21"><i class="ri-eye-off-line align-middle"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-12 mb-3">
|
||||||
|
<label for="reset-confirmpassword" class="form-label text-default">Confirm Password</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="password" class="form-control form-control-lg" id="reset-confirmpassword" placeholder="confirm password">
|
||||||
|
<button class="btn btn-light" onclick="createpassword('reset-confirmpassword',this)" type="button" id="button-addon22"><i class="ri-eye-off-line align-middle"></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="mt-2">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
|
||||||
|
<label class="form-check-label text-muted fw-normal" for="defaultCheck1">
|
||||||
|
Remember password ?
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-12 d-grid mt-2">
|
||||||
|
<a href="signin-cover.php" class="btn btn-lg btn-primary">Create</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="fs-12 text-muted mt-4">Already have an account? <a href="signin-cover.php" class="text-primary">Sign In</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-5 col-xl-5 col-lg-5 d-xl-block d-none px-0">
|
||||||
|
<div class="authentication-cover">
|
||||||
|
<div class="aunthentication-cover-content rounded">
|
||||||
|
<div class="swiper keyboard-control">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/2.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Reset Password</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/3.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Reset Password</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/2.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Reset Password</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php $content = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for content -->
|
||||||
|
|
||||||
|
<!-- This code is useful for internal scripts -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<!-- SWIPER JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/libs/swiper/swiper-bundle.min.js"></script>
|
||||||
|
|
||||||
|
<!-- INTERNAL AUTHENTICATION JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/authentication.js"></script>
|
||||||
|
|
||||||
|
<!-- SHOW PASSWORD JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/show-password.js"></script>
|
||||||
|
|
||||||
|
<?php $scripts = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for internal scripts -->
|
||||||
|
|
||||||
|
<!-- This code use for render base file -->
|
||||||
|
<?php include 'layouts/custom-base.php'; ?>
|
||||||
|
<!-- This code use for render base file -->
|
||||||
146
htdocs/public/pages/signin-cover.php
Normal file
146
htdocs/public/pages/signin-cover.php
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
<!-- This code generates the base URL for the website by combining the protocol, domain name, and directory path -->
|
||||||
|
<?php
|
||||||
|
$rootFolder = basename($_SERVER['DOCUMENT_ROOT']);
|
||||||
|
$baseUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https://' : 'http://') . $_SERVER['HTTP_HOST'] . str_replace('/pages', '', dirname($_SERVER['SCRIPT_NAME']));
|
||||||
|
?>
|
||||||
|
<!-- This code generates the base URL for the website by combining the protocol, domain name, and directory path -->
|
||||||
|
|
||||||
|
<!-- This code is useful for internal styles -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<!-- SWIPER CSS -->
|
||||||
|
<link rel="stylesheet" href="<?php echo $baseUrl; ?>/assets/libs/swiper/swiper-bundle.min.css">
|
||||||
|
|
||||||
|
<?php $styles = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for internal styles -->
|
||||||
|
|
||||||
|
<!-- This code is useful for content -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
<body class="bg-white">
|
||||||
|
<?php $errorbody = ob_get_clean(); ?>
|
||||||
|
|
||||||
|
<div class="row authentication mx-0">
|
||||||
|
|
||||||
|
<div class="col-xxl-7 col-xl-7 col-lg-12">
|
||||||
|
<div class="row justify-content-center align-items-center h-100">
|
||||||
|
<div class="col-xxl-6 col-xl-7 col-lg-7 col-md-7 col-sm-8 col-12">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="mb-3">
|
||||||
|
<a href="index.php">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-logo.png" alt="" class="authentication-brand desktop-logo">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/brand-logos/desktop-dark.png" alt="" class="authentication-brand desktop-dark">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p class="h5 fw-semibold mb-2">Sign In</p>
|
||||||
|
<p class="mb-3 text-muted op-7 fw-normal">Welcome back Jhon !</p>
|
||||||
|
<div class="btn-list">
|
||||||
|
<button class="btn btn-light"><svg class="google-svg" xmlns="http://www.w3.org/2000/svg" width="2443" height="2500" preserveAspectRatio="xMidYMid" viewBox="0 0 256 262"><path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"/><path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"/><path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"/><path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"/></svg>Sign In with google</button>
|
||||||
|
<button class="btn btn-icon btn-light"><i class="ri-facebook-fill"></i></button>
|
||||||
|
<button class="btn btn-icon btn-light"><i class="ri-twitter-fill"></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="text-center my-5 authentication-barrier">
|
||||||
|
<span>OR</span>
|
||||||
|
</div>
|
||||||
|
<div class="row gy-3">
|
||||||
|
<div class="col-xl-12 mt-0">
|
||||||
|
<label for="signin-username" class="form-label text-default">User Name</label>
|
||||||
|
<input type="text" class="form-control form-control-lg" id="signin-username" placeholder="user name">
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-12 mb-3">
|
||||||
|
<label for="signin-password" class="form-label text-default d-block">Password<a href="resetpassword-cover.php" class="float-end text-danger">Forget password ?</a></label>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="password" class="form-control form-control-lg" id="signin-password" placeholder="password">
|
||||||
|
<button class="btn btn-light" type="button" onclick="createpassword('signin-password',this)" id="button-addon2"><i class="ri-eye-off-line align-middle"></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="mt-2">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
|
||||||
|
<label class="form-check-label text-muted fw-normal" for="defaultCheck1">
|
||||||
|
Remember password ?
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-12 d-grid mt-2">
|
||||||
|
<a href="index.php" class="btn btn-lg btn-primary">Sign In</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="fs-12 text-muted mt-4">Dont have an account? <a href="signup-cover.php" class="text-primary">Sign Up</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-5 col-xl-5 col-lg-5 d-xl-block d-none px-0">
|
||||||
|
<div class="authentication-cover">
|
||||||
|
<div class="aunthentication-cover-content rounded">
|
||||||
|
<div class="swiper keyboard-control">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/2.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Sign In</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/3.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Sign In</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="text-fixed-white text-center p-5 d-flex align-items-center justify-content-center">
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<img src="<?php echo $baseUrl; ?>/assets/images/authentication/2.png" class="authentication-image" alt="">
|
||||||
|
</div>
|
||||||
|
<h6 class="fw-semibold text-fixed-white">Sign In</h6>
|
||||||
|
<p class="fw-normal fs-14 op-7"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa eligendi expedita aliquam quaerat nulla voluptas facilis. Porro rem voluptates possimus, ad, autem quae culpa architecto, quam labore blanditiis at ratione.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php $content = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for content -->
|
||||||
|
|
||||||
|
<!-- This code is useful for internal scripts -->
|
||||||
|
<?php ob_start(); ?>
|
||||||
|
|
||||||
|
<!-- SWIPER JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/libs/swiper/swiper-bundle.min.js"></script>
|
||||||
|
|
||||||
|
<!-- INTERNAL AUTHENTICATION JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/authentication.js"></script>
|
||||||
|
|
||||||
|
<!-- SHOW PASSWORD JS -->
|
||||||
|
<script src="<?php echo $baseUrl; ?>/assets/js/show-password.js"></script>
|
||||||
|
|
||||||
|
<?php $scripts = ob_get_clean(); ?>
|
||||||
|
<!-- This code is useful for internal scripts -->
|
||||||
|
|
||||||
|
<!-- This code use for render base file -->
|
||||||
|
<?php include 'layouts/custom-base.php'; ?>
|
||||||
|
<!-- This code use for render base file -->
|
||||||
Loading…
x
Reference in New Issue
Block a user