255 lines
11 KiB
HTML
255 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Template Name: SmartAdmin Responsive WebApp - Template build with Twitter Bootstrap 4
|
|
Version: 4.6.0
|
|
Author: Sunnyat A.
|
|
Website: http://gootbootstrap.com
|
|
Purchase: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0?ref=myorange
|
|
License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project.
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>
|
|
Login - - SmartAdmin v4.6.0
|
|
</title>
|
|
<meta name="description" content="Login">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
|
|
<!-- Remove phone, date, address and email as default links -->
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="format-detection" content="date=no">
|
|
<meta name="format-detection" content="address=no">
|
|
<meta name="format-detection" content="email=no">
|
|
<meta name="theme-color" content="#37393e">
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<!-- base css -->
|
|
<link id="vendorsbundle" rel="stylesheet" media="screen, print" href="/static/css/vendors.bundle.css">
|
|
<link id="appbundle" rel="stylesheet" media="screen, print" href="/static/css/app.bundle.css">
|
|
<link id="myskin" rel="stylesheet" media="screen, print" href="/static/css/skins/skin-master.css">
|
|
<!-- Place favicon.ico in the root directory -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
|
|
<link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
|
<link rel="stylesheet" media="screen, print" href="/static/css/page-login-alt.css">
|
|
</head>
|
|
<!-- BEGIN Body -->
|
|
<!-- Possible Classes
|
|
|
|
* 'header-function-fixed' - header is in a fixed at all times
|
|
* 'nav-function-fixed' - left panel is fixed
|
|
* 'nav-function-minify' - skew nav to maximize space
|
|
* 'nav-function-hidden' - roll mouse on edge to reveal
|
|
* 'nav-function-top' - relocate left pane to top
|
|
* 'mod-main-boxed' - encapsulates to a container
|
|
* 'nav-mobile-push' - content pushed on menu reveal
|
|
* 'nav-mobile-no-overlay' - removes mesh on menu reveal
|
|
* 'nav-mobile-slide-out' - content overlaps menu
|
|
* 'mod-bigger-font' - content fonts are bigger for readability
|
|
* 'mod-high-contrast' - 4.5:1 text contrast ratio
|
|
* 'mod-color-blind' - color vision deficiency
|
|
* 'mod-pace-custom' - preloader will be inside content
|
|
* 'mod-clean-page-bg' - adds more whitespace
|
|
* 'mod-hide-nav-icons' - invisible navigation icons
|
|
* 'mod-disable-animation' - disables css based animations
|
|
* 'mod-hide-info-card' - hides info card from left panel
|
|
* 'mod-lean-subheader' - distinguished page header
|
|
* 'mod-nav-link' - clear breakdown of nav links
|
|
|
|
>>> more settings are described inside documentation page >>>
|
|
-->
|
|
<body>
|
|
<!-- DOC: script to save and load page settings -->
|
|
<script>
|
|
/**
|
|
* This script should be placed right after the body tag for fast execution
|
|
* Note: the script is written in pure javascript and does not depend on thirdparty library
|
|
**/
|
|
'use strict';
|
|
|
|
var htmlRoot = document.getElementsByTagName('HTML')[0],
|
|
classHolder = document.getElementsByTagName('BODY')[0],
|
|
head = document.getElementsByTagName('HEAD')[0],
|
|
themeID = document.getElementById('mytheme'),
|
|
filterClass = function(t, e)
|
|
{
|
|
return String(t).split(/[^\w-]+/).filter(function(t)
|
|
{
|
|
return e.test(t)
|
|
}).join(' ')
|
|
},
|
|
/**
|
|
* Load theme options
|
|
**/
|
|
loadSettings = function()
|
|
{
|
|
var t = localStorage.getItem('themeSettings') || '',
|
|
e = t ? JSON.parse(t) :
|
|
{};
|
|
return Object.assign(
|
|
{
|
|
htmlRoot: '',
|
|
classHolder: '',
|
|
themeURL: ''
|
|
}, e)
|
|
},
|
|
/**
|
|
* Save to localstorage
|
|
**/
|
|
saveSettings = function()
|
|
{
|
|
themeSettings.htmlRoot = filterClass(htmlRoot.className, /^(root)-/i),
|
|
themeSettings.classHolder = filterClass(classHolder.className, /^(nav|header|footer|mod|display)-/i),
|
|
themeSettings.themeURL = themeID.getAttribute("href") ? themeID.getAttribute("href") : "",
|
|
localStorage.setItem("themeSettings", JSON.stringify(themeSettings))
|
|
},
|
|
/**
|
|
* Reset settings
|
|
**/
|
|
resetSettings = function()
|
|
{
|
|
localStorage.setItem("themeSettings", "")
|
|
},
|
|
themeSettings = loadSettings();
|
|
|
|
themeID || ((themeID = document.createElement('link')).id = 'mytheme',
|
|
themeID.rel = 'stylesheet',
|
|
themeID.href = '',
|
|
head.appendChild(themeID),
|
|
themeID = document.getElementById('mytheme')),
|
|
themeSettings.htmlRoot && (htmlRoot.className = themeSettings.htmlRoot),
|
|
themeSettings.classHolder && (classHolder.className = themeSettings.classHolder),
|
|
themeSettings.themeURL && themeID.setAttribute("href", themeSettings.themeURL);
|
|
|
|
</script>
|
|
<div class="blankpage-form-field">
|
|
<div class="page-logo m-0 w-100 align-items-center justify-content-center rounded border-bottom-left-radius-0 border-bottom-right-radius-0 px-4">
|
|
<a href="javascript:void(0)" class="page-logo-link press-scale-down d-flex align-items-center">
|
|
<img src="/static/img/logo.png" alt="SmartAdmin WebApp" aria-roledescription="logo">
|
|
<span class="page-logo-text mr-1">SmartAdmin WebApp</span>
|
|
<i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
|
|
</a>
|
|
</div>
|
|
<div class="card p-4 border-top-left-radius-0 border-top-right-radius-0">
|
|
<form action="intel_analytics_dashboard.html">
|
|
<div class="form-group">
|
|
<label class="form-label" for="username">Username</label>
|
|
<input type="email" id="username" class="form-control" placeholder="your id or email" value="drlantern@gotbootstrap.com">
|
|
<span class="help-block">
|
|
Your unique username to app
|
|
</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="password">Password</label>
|
|
<input type="password" id="password" class="form-control" placeholder="password" value="password123">
|
|
<span class="help-block">
|
|
Your password
|
|
</span>
|
|
</div>
|
|
<div class="form-group text-left">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="rememberme">
|
|
<label class="custom-control-label" for="rememberme"> Remember me for the next 30 days</label>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-default float-right">Secure login</button>
|
|
</form>
|
|
</div>
|
|
<div class="blankpage-footer text-center">
|
|
<a href="#"><strong>Recover Password</strong></a> | <a href="#"><strong>Register Account</strong></a>
|
|
</div>
|
|
</div>
|
|
<div class="login-footer p-2">
|
|
<div class="row">
|
|
<div class="col col-sm-12 text-center">
|
|
<i><strong>System Message:</strong> You were logged out from 198.164.246.1 on Saturday, March, 2017 at 10.56AM</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- BEGIN Color profile -->
|
|
<!-- this area is hidden and will not be seen on screens or screen readers -->
|
|
<!-- we use this only for CSS color refernce for JS stuff -->
|
|
<p id="js-color-profile" class="d-none">
|
|
<span class="color-primary-50"></span>
|
|
<span class="color-primary-100"></span>
|
|
<span class="color-primary-200"></span>
|
|
<span class="color-primary-300"></span>
|
|
<span class="color-primary-400"></span>
|
|
<span class="color-primary-500"></span>
|
|
<span class="color-primary-600"></span>
|
|
<span class="color-primary-700"></span>
|
|
<span class="color-primary-800"></span>
|
|
<span class="color-primary-900"></span>
|
|
<span class="color-info-50"></span>
|
|
<span class="color-info-100"></span>
|
|
<span class="color-info-200"></span>
|
|
<span class="color-info-300"></span>
|
|
<span class="color-info-400"></span>
|
|
<span class="color-info-500"></span>
|
|
<span class="color-info-600"></span>
|
|
<span class="color-info-700"></span>
|
|
<span class="color-info-800"></span>
|
|
<span class="color-info-900"></span>
|
|
<span class="color-danger-50"></span>
|
|
<span class="color-danger-100"></span>
|
|
<span class="color-danger-200"></span>
|
|
<span class="color-danger-300"></span>
|
|
<span class="color-danger-400"></span>
|
|
<span class="color-danger-500"></span>
|
|
<span class="color-danger-600"></span>
|
|
<span class="color-danger-700"></span>
|
|
<span class="color-danger-800"></span>
|
|
<span class="color-danger-900"></span>
|
|
<span class="color-warning-50"></span>
|
|
<span class="color-warning-100"></span>
|
|
<span class="color-warning-200"></span>
|
|
<span class="color-warning-300"></span>
|
|
<span class="color-warning-400"></span>
|
|
<span class="color-warning-500"></span>
|
|
<span class="color-warning-600"></span>
|
|
<span class="color-warning-700"></span>
|
|
<span class="color-warning-800"></span>
|
|
<span class="color-warning-900"></span>
|
|
<span class="color-success-50"></span>
|
|
<span class="color-success-100"></span>
|
|
<span class="color-success-200"></span>
|
|
<span class="color-success-300"></span>
|
|
<span class="color-success-400"></span>
|
|
<span class="color-success-500"></span>
|
|
<span class="color-success-600"></span>
|
|
<span class="color-success-700"></span>
|
|
<span class="color-success-800"></span>
|
|
<span class="color-success-900"></span>
|
|
<span class="color-fusion-50"></span>
|
|
<span class="color-fusion-100"></span>
|
|
<span class="color-fusion-200"></span>
|
|
<span class="color-fusion-300"></span>
|
|
<span class="color-fusion-400"></span>
|
|
<span class="color-fusion-500"></span>
|
|
<span class="color-fusion-600"></span>
|
|
<span class="color-fusion-700"></span>
|
|
<span class="color-fusion-800"></span>
|
|
<span class="color-fusion-900"></span>
|
|
</p>
|
|
<!-- END Color profile -->
|
|
<!-- base vendor bundle:
|
|
DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
|
|
+ pace.js (recommended)
|
|
+ jquery.js (core)
|
|
+ jquery-ui-cust.js (core)
|
|
+ popper.js (core)
|
|
+ bootstrap.js (core)
|
|
+ slimscroll.js (extension)
|
|
+ app.navigation.js (core)
|
|
+ ba-throttle-debounce.js (core)
|
|
+ waves.js (extension)
|
|
+ smartpanels.js (extension)
|
|
+ src/../jquery-snippets.js (core) -->
|
|
<script src="/static/js/vendors.bundle.js"></script>
|
|
<script src="/static/js/app.bundle.js"></script>
|
|
<!-- Page related scripts -->
|
|
</body>
|
|
<!-- END Body -->
|
|
</html>
|