Auth pages added
This commit is contained in:
Olu Amey
@@ -40,7 +40,10 @@ $routes->get('/privacy', 'Home::privacy');
|
||||
$routes->get('/contact', 'Home::contact');
|
||||
$routes->get('/howitworks', 'Home::howitworks');
|
||||
|
||||
$routes->get('/auth', 'Home::index');
|
||||
$routes->get('/auth', 'Home::login');
|
||||
$routes->get('/newuser', 'Home::login');
|
||||
$routes->get('/restpass', 'Home::login');
|
||||
|
||||
|
||||
$routes->get('/tools', 'Tools::index');
|
||||
|
||||
|
||||
@@ -35,6 +35,11 @@ class Home extends BaseController
|
||||
return view('home/index');
|
||||
}
|
||||
|
||||
public function login()
|
||||
{
|
||||
return view('home/login');
|
||||
}
|
||||
|
||||
public function howitworks()
|
||||
{
|
||||
return view('home/howitworks');
|
||||
|
||||
@@ -0,0 +1,91 @@
|
||||
<?= $this->extend('layouts/loginlayout') ?>
|
||||
|
||||
<?= $this->section('content') ?>
|
||||
|
||||
|
||||
<!-- BEGIN: Content-->
|
||||
<div class="app-content content">
|
||||
<div class="content-overlay"></div>
|
||||
<div class="header-navbar-shadow"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content-header row">
|
||||
</div>
|
||||
<div class="content-body">
|
||||
<section class="row flexbox-container">
|
||||
<div class="col-xl-8 col-11 d-flex justify-content-center">
|
||||
<div class="card bg-authentication rounded-0 mb-0">
|
||||
<div class="row m-0">
|
||||
<div class="col-lg-6 d-lg-block d-none text-center align-self-center px-1 py-0">
|
||||
<img src="/assets2/images/pages/login.png" alt="branding logo">
|
||||
</div>
|
||||
<div class="col-lg-6 col-12 p-0">
|
||||
<div class="card rounded-0 mb-0 px-2">
|
||||
<div class="card-header pb-1">
|
||||
<div class="card-title">
|
||||
<h4 class="mb-0">Login</h4>
|
||||
</div>
|
||||
</div>
|
||||
<p class="px-2">Welcome back, please login to your account.</p>
|
||||
<div class="card-content">
|
||||
<div class="card-body pt-1">
|
||||
<form action="/auth" method="POST">
|
||||
<fieldset class="form-label-group form-group position-relative has-icon-left">
|
||||
<input type="text" class="form-control" name='username' id="user-name" placeholder="Username" required>
|
||||
<div class="form-control-position">
|
||||
<i class="feather icon-user"></i>
|
||||
</div>
|
||||
<label for="user-name">Username</label>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="form-label-group position-relative has-icon-left">
|
||||
<input type="password" class="form-control" name='pass1' id="user-password" placeholder="Password" required>
|
||||
<div class="form-control-position">
|
||||
<i class="feather icon-lock"></i>
|
||||
</div>
|
||||
<label for="user-password">Password</label>
|
||||
</fieldset>
|
||||
<div class="form-group d-flex justify-content-between align-items-center">
|
||||
<div class="text-left">
|
||||
<fieldset class="checkbox">
|
||||
<div class="vs-checkbox-con vs-checkbox-primary">
|
||||
<input type="checkbox">
|
||||
<span class="vs-checkbox">
|
||||
<span class="vs-checkbox--check">
|
||||
<i class="vs-icon feather icon-check"></i>
|
||||
</span>
|
||||
</span>
|
||||
<span class="">Remember me</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="text-right"><a href="/resetpass" class="card-link">Forgot Password?</a></div>
|
||||
</div>
|
||||
<a href="/newuser" class="btn btn-outline-primary float-left btn-inline">Register</a>
|
||||
<button type="submit" class="btn btn-primary float-right btn-inline">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-footer">
|
||||
<div class="divider">
|
||||
<div class="divider-text">OR</div>
|
||||
</div>
|
||||
<div class="footer-btn d-inline">
|
||||
<a href="#" class="btn btn-google"><span class="fa fa-google"></span></a>
|
||||
<a href="#" class="btn btn-facebook"><span class="fa fa-facebook"></span></a>
|
||||
<a href="#" class="btn btn-twitter white"><span class="fa fa-twitter"></span></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Content-->
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="loading" lang="en" data-textdirection="ltr">
|
||||
<!-- BEGIN: Head-->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||
<meta
|
||||
name="description"
|
||||
content="CoreGrade is the world's most flexible subscription-based learning platform for everybody. Used by over anybody that wants to lean, CoreGrade provides personalized learning with smart starter templates. An interactive session, classroom settings, personal and family learning goals."/>
|
||||
<meta name="author" content="">
|
||||
<meta name="keywords" content="flexible learning, learning, learn to anything, math, organize learning, every age education, learning templates, teacher">
|
||||
<meta name="author" content="COREGRADE">
|
||||
<title>CoreGrade - Flexible Learning, Customizable classrooms</title>
|
||||
<link rel="apple-touch-icon" href="/assets2/images/ico/apple-icon-120.png">
|
||||
<link rel="shortcut icon" type="image/png" href="/assets/img/coregrade.ico">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">
|
||||
|
||||
<!-- BEGIN: Vendor CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/vendors/css/vendors.min.css">
|
||||
<!-- END: Vendor CSS-->
|
||||
|
||||
<!-- BEGIN: Theme CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/bootstrap.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/bootstrap-extended.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/components.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/themes/dark-layout.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/themes/semi-dark-layout.css">
|
||||
|
||||
<!-- BEGIN: Page CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/core/menu/menu-types/vertical-menu.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/core/colors/palette-gradient.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/pages/authentication.css">
|
||||
<!-- END: Page CSS-->
|
||||
|
||||
<!-- BEGIN: Custom CSS-->
|
||||
<link rel="stylesheet" type="text/css" href="/assets2/css/style.css">
|
||||
<!-- END: Custom CSS-->
|
||||
|
||||
</head>
|
||||
<!-- END: Head-->
|
||||
|
||||
<!-- BEGIN: Body-->
|
||||
<body class="vertical-layout vertical-menu-modern 1-column navbar-floating footer-static bg-full-screen-image blank-page blank-page" data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
|
||||
|
||||
<!-- BEGIN: Main Menu-->
|
||||
<div class="horizontal-menu-wrapper">
|
||||
<div class="header-navbar navbar-expand-sm navbar navbar-horizontal floating-nav navbar-light navbar-without-dd-arrow navbar-shadow menu-border" role="navigation" data-menu="menu-wrapper" style=" background-color: aliceblue;">
|
||||
<div class="navbar-header">
|
||||
<ul class="nav navbar-nav flex-row">
|
||||
<li class="nav-item mr-auto"><a class="navbar-brand" href="/">
|
||||
<div class="brand-logo"></div>
|
||||
<h2 class="brand-text mb-0" style="padding-left: 20px;">CoreGrade</h2>
|
||||
</a></li>
|
||||
<!-- li class="nav-item nav-toggle"><a class="nav-link modern-nav-toggle pr-0" data-toggle="collapse"><i class="feather icon-x d-block d-xl-none font-medium-4 primary toggle-icon"></i><i class="toggle-icon feather icon-disc font-medium-4 d-none d-xl-block collapse-toggle-icon primary" data-ticon="icon-disc"></i></a></li -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Horizontal menu content-->
|
||||
<div class="navbar-container main-menu-content menu-right" data-menu="menu-container">
|
||||
<ul class="nav navbar-nav" id="main-menu-navigation" data-menu="menu-navigation">
|
||||
<li class="dropdown nav-item"><a class="dropdown-toggle nav-link" href="/"><i class="feather icon-home"></i><span data-i18n="CoreGrade">Home</span></a>
|
||||
|
||||
</li>
|
||||
<li class="dropdown nav-item"><a class="dropdown-toggle nav-link" href="/auth"><i class="feather icon-package"></i><span data-i18n="Login">Login</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Main Menu-->
|
||||
|
||||
<?= $this->renderSection('content') ?>
|
||||
|
||||
<!-- BEGIN: Footer-->
|
||||
<footer class="footer footer-static footer-light">
|
||||
<p class="clearfix blue-grey lighten-2 mb-0"><span class="float-md-left d-block d-md-inline-block mt-25">COPYRIGHT © 2020<a class="text-bold-800 grey darken-2" href="#" target="_blank">CoreGrade,</a>All rights Reserved</span><span class="float-md-right d-none d-md-block"><a href="/home/terms" >Terms & Conditions</a> | <a href="/home/privacy" >Privacy</a> | <a href="/home/security" >Security</a><i class="feather icon-file pink"></i></span>
|
||||
|
||||
</p>
|
||||
</footer>
|
||||
<!-- END: Footer-->
|
||||
|
||||
<!-- BEGIN: Vendor JS-->
|
||||
<script src="/assets2/vendors/js/vendors.min.js"></script>
|
||||
<!-- BEGIN Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Page Vendor JS-->
|
||||
<!-- END: Page Vendor JS-->
|
||||
|
||||
<!-- BEGIN: Theme JS-->
|
||||
<script src="/assets2/js/core/app-menu.js"></script>
|
||||
<script src="/assets2/js/core/app.js"></script>
|
||||
<script src="/assets2/js/scripts/components.js"></script>
|
||||
<!-- END: Theme JS-->
|
||||
|
||||
<!-- BEGIN: Page JS-->
|
||||
<!-- END: Page JS-->
|
||||
|
||||
</body>
|
||||
|
||||
<!-- END: Body-->
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user