nhance/app/Views/login.php

164 lines
5.7 KiB
PHP
Executable File

<!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" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<!-- For background image -->
<link rel="preload" as="image" href="<?= base_url('public/assets/images/background_theme.jpg') ?>" />
<!-- For logo -->
<link rel="preload" as="image" href="<?= base_url('public/assets/images/Nhance-Logo-Final.png') ?>" />
<!-- icons -->
<link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<style>
a:hover {
cursor: pointer;
}
.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 {
min-height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-height: 780px) {
.outer_card{
margin-top:7%;
margin-bottom:0%;
margin-left:10%;
margin-right:10%;
}
}
</style>
</head>
<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-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')) : ?>
<br>
<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>
</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>