CHANGE NEW LOGIN PAGE : VADIVEL J

This commit is contained in:
vadivelJ96 2025-07-24 15:48:56 +05:30
parent b8e9e64cfd
commit c867f6dcfe
4 changed files with 199 additions and 53 deletions

View File

@ -8,86 +8,138 @@
<meta content="A fully featured CRM" name="description" />
<meta content="Venba info tech" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="<?= base_url()."public"; ?>/assets/images/Nhance_Favi.svg">
<link rel="shortcut icon" href="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.svg">
<!-- App css -->
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
id="bs-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
<link href="<?= base_url() . "public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
id="app-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
id="bs-dark-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
<link href="<?= base_url() . "public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
id="app-dark-stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<!-- icons -->
<link href="<?= base_url()."public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<style>
a:hover {
cursor: pointer;
}
a:hover {
cursor: pointer;
}
.auth-fluid {
position: relative;
display: flex;
min-height: 100vh;
flex-direction: row;
background: url("<?= base_url('public/assets/images/login_bg.jpg') ?>") center center !important;
background-size: cover !important;
}
.background_theme {
background: url("<?= base_url('public/assets/images/background_theme.jpg') ?>");
background-size: contain;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0;
margin: 0;
}
.bg_image{
background : url("<?= base_url('public/assets/images/bg_image.png') ?>");
background-size : contain;
background-repeat : no-repeat;
background-size : 100% 100%;
padding : 0;
margin : 0;
}
.bg_login{
background-color: #024C4F;
}
.outer_card{
margin-top:7%;
margin-bottom:5%;
margin-left:10%;
margin-right:10%;
}
.inner-card {
height: 70vh;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body class="loading auth-fluid-pages pb-0">
<body class="background_theme ">
<div class="outer_card" >
<div class="inner_card" style="border-radius: 25px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
<div class="row">
<div class="col-lg-8 auth-fluid">
<!-- Auth fluid right content -->
<div class="auth-fluid-right bg-transparent">
<img src="<?= base_url()."public"; ?>/assets/images/Nhance-Logo-Final.png" width="200">
<div class="row " >
<div class="col-lg-6 bg_image">
<img
style="margin-top:40px;margin-left:40px;"
src="<?= base_url() . "public"; ?>/assets/images/Nhance-Logo-Final.png" width="150" >
</div>
<div class="col-lg-6 bg_login inner-card ">
<div class="content-box text-center">
<br><br><br><br>
<!-- nhance favicon -->
<img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" height="70" width="auto" >
<br>
<!-- Text section -->
<h1 style="color:white; font-family: 'Poppins', sans-serif; font-weight: 600;">
Welcome To Nhance
</h1>
<h4 style="color:white; font-family: 'Poppins', sans-serif;">Sign in with your Google Account to continue</h4>
<br><br>
<!-- google button -->
<a href="<?= base_url('auth/google'); ?>" >
<img style="border-radius:50px;"
src="<?= base_url() . "public"; ?>/assets/images/googleButton.svg" width="200">
</a>
<?php if (session()->getFlashdata('error')) : ?>
<span class="widget-simple text-center">
<div class="media-body align-self-center font-24 avatar-title">
<p style="color:red; font-family: 'Poppins', sans-serif;" class="mt-0" style><?= session('error') ?></p>
</div>
</span>
<?php endif; ?>
<!-- space -->
<br><br><br><br><br><br>
<!-- data privacy indication -->
<h6 style="color:white; font-family: 'Poppins', sans-serif;">We respect your privacy and your data is safe with us</h6>
<!-- bottom line -->
</div>
</div>
</div>
<!-- end Auth fluid right content -->
</div>
<div class="col-lg-4 align-items-center d-flex">
<!--Auth fluid left content -->
<div class="auth-fluid-form-box" style="margin-left: 10%;">
<div class="h-100">
<div class="card-body">
<div class="form-group mb-0 text-center">
<a href="<?= base_url('auth/google'); ?>"><img
src="<?= base_url()."public"; ?>/assets/images/googleButton.svg" width="300"></a>
</div>
<?php if (session()->getFlashdata('error')) : ?>
<span class="widget-simple text-center">
<div class="media-body align-self-center font-24 avatar-title">
<p style="color: #f1556c!important;" class="mt-0" style><?= session('error') ?></p>
</div>
</span>
<?php endif; ?>
</div> <!-- end .card-body -->
</div> <!-- end .align-items-center.d-flex.h-100-->
</div>
<!-- end auth-fluid-form-box-->
</div>
</div>
<!-- end auth-fluid-->
<!-- Vendor js -->
<script src="<?= base_url()."public"; ?>/assets/js/vendor.min.js"></script>
<script src="<?= base_url() . "public"; ?>/assets/js/vendor.min.js"></script>
<!-- App js -->
<script src="<?= base_url()."public"; ?>/assets/js/app.min.js"></script>
<script src="<?= base_url() . "public"; ?>/assets/js/app.min.js"></script>
</body>

94
app/Views/login_old.php Normal file
View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>NHANCE</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="A fully featured CRM" name="description" />
<meta content="Venba info tech" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="<?= base_url()."public"; ?>/assets/images/Nhance_Favi.svg">
<!-- App css -->
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
id="bs-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
id="app-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
id="bs-dark-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
id="app-dark-stylesheet" />
<!-- icons -->
<link href="<?= base_url()."public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<style>
a:hover {
cursor: pointer;
}
.auth-fluid {
position: relative;
display: flex;
min-height: 100vh;
flex-direction: row;
background: url("<?= base_url('public/assets/images/login_bg.jpg') ?>") center center !important;
background-size: cover !important;
}
</style>
</head>
<body class="loading auth-fluid-pages pb-0">
<div class="row">
<div class="col-lg-8 auth-fluid">
<!-- Auth fluid right content -->
<div class="auth-fluid-right bg-transparent">
<img src="<?= base_url()."public"; ?>/assets/images/Nhance-Logo-Final.png" width="200">
</div>
<!-- end Auth fluid right content -->
</div>
<div class="col-lg-4 align-items-center d-flex">
<!--Auth fluid left content -->
<div class="auth-fluid-form-box" style="margin-left: 10%;">
<div class="h-100">
<div class="card-body">
<div class="form-group mb-0 text-center">
<a href="<?= base_url('auth/google'); ?>"><img
src="<?= base_url()."public"; ?>/assets/images/googleButton.svg" width="300"></a>
</div>
<?php if (session()->getFlashdata('error')) : ?>
<span class="widget-simple text-center">
<div class="media-body align-self-center font-24 avatar-title">
<p style="color: #f1556c!important;" class="mt-0" style><?= session('error') ?></p>
</div>
</span>
<?php endif; ?>
</div> <!-- end .card-body -->
</div> <!-- end .align-items-center.d-flex.h-100-->
</div>
<!-- end auth-fluid-form-box-->
</div>
</div>
<!-- end auth-fluid-->
<!-- Vendor js -->
<script src="<?= base_url()."public"; ?>/assets/js/vendor.min.js"></script>
<!-- App js -->
<script src="<?= base_url()."public"; ?>/assets/js/app.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 665 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 MiB