First build
This commit is contained in:
@@ -1,89 +1,98 @@
|
||||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?><!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Welcome to CodeIgniter</title>
|
||||
|
||||
<style type="text/css">
|
||||
<head>
|
||||
<title>JubaBox BackOffice</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
<meta name="description" content="Admin template that can be used to build dashboards for CRM, CMS, etc." />
|
||||
<meta name="author" content="Potenza Global Solutions" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- app favicon -->
|
||||
<link rel="shortcut icon" href="assets/img/favicon.ico">
|
||||
<!-- google fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
|
||||
<!-- plugin stylesheets -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/vendors.css" />
|
||||
<!-- app style -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
|
||||
</head>
|
||||
|
||||
::selection { background-color: #E13300; color: white; }
|
||||
::-moz-selection { background-color: #E13300; color: white; }
|
||||
<body class="bg-white">
|
||||
<!-- begin app -->
|
||||
<div class="app">
|
||||
<!-- begin app-wrap -->
|
||||
<div class="app-wrap">
|
||||
<!-- begin pre-loader -->
|
||||
<div class="loader">
|
||||
<div class="h-100 d-flex justify-content-center">
|
||||
<div class="align-self-center">
|
||||
<img src="assets/img/loader/loader.svg" alt="loader">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end pre-loader -->
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
margin: 40px;
|
||||
font: 13px/20px normal Helvetica, Arial, sans-serif;
|
||||
color: #4F5155;
|
||||
}
|
||||
<!--start login contant-->
|
||||
<div class="app-contant">
|
||||
<div class="bg-white">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-sm-6 col-lg-5 col-xxl-3 align-self-center order-2 order-sm-1">
|
||||
<div class="d-flex align-items-center h-100-vh">
|
||||
<div class="login p-50">
|
||||
<h1 class="mb-2">JubaBox BackOffice</h1>
|
||||
<p>Welcome back, please login to your account.</p>
|
||||
<form action="/login" class="mt-3 mt-sm-5">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label class="control-label">User Name*</label>
|
||||
<input type="text" class="form-control" placeholder="Username" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label class="control-label">Password*</label>
|
||||
<input type="password" class="form-control" placeholder="Password" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="d-block d-sm-flex align-items-center">
|
||||
<div class="form-check">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mt-3">
|
||||
<a href="/login" class="btn btn-primary text-uppercase">Sign In</a>
|
||||
</div>
|
||||
<div class="col-12 mt-3">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xxl-9 col-lg-7 o-hidden order-1 order-sm-2" style="background-color:red; background-image: url('assets/img/bg/login.jpg'); background-size: 100% 100%;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end login contant-->
|
||||
</div>
|
||||
<!-- end app-wrap -->
|
||||
</div>
|
||||
<!-- end app -->
|
||||
|
||||
a {
|
||||
color: #003399;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #444;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #D0D0D0;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 14px 0;
|
||||
padding: 14px 15px 10px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Monaco, Courier New, Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #D0D0D0;
|
||||
color: #002166;
|
||||
display: block;
|
||||
margin: 14px 0 14px 0;
|
||||
padding: 12px 10px 12px 10px;
|
||||
}
|
||||
<!-- plugins -->
|
||||
<script src="/assets/js/vendors.js"></script>
|
||||
|
||||
#body {
|
||||
margin: 0 15px 0 15px;
|
||||
}
|
||||
<!-- custom app -->
|
||||
<script src="/assets/js/app.js"></script>
|
||||
</body>
|
||||
|
||||
p.footer {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
border-top: 1px solid #D0D0D0;
|
||||
line-height: 32px;
|
||||
padding: 0 10px 0 10px;
|
||||
margin: 20px 0 0 0;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin: 10px;
|
||||
border: 1px solid #D0D0D0;
|
||||
box-shadow: 0 0 8px #D0D0D0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="container">
|
||||
<h1>Welcome to CodeIgniter!</h1>
|
||||
|
||||
<div id="body">
|
||||
<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
|
||||
|
||||
<p>If you would like to edit this page you'll find it located at:</p>
|
||||
<code>application/views/welcome_message.php</code>
|
||||
|
||||
<p>The corresponding controller for this page is found at:</p>
|
||||
<code>application/controllers/Welcome.php</code>
|
||||
|
||||
<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
|
||||
</div>
|
||||
|
||||
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user