<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<meta name="mobile-web-app-capable" content="yes">
    <title>Login</title>
</head>
<body>
<link href="css/all.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet" id="bootstrap-css">
<link href="css/login.css" rel="stylesheet" type="text/css" id="login-css">
<link href="css/alert.css" rel="stylesheet" type="text/css" id="login-css">
<!------ Include the above in your HEAD tag ---------->

<!--
    you can substitue the span of reauth email for a input with the email and
    include the remember me checkbox
    -->
    <div class="container">
        <div class="card card-container">
            <!-- <img class="profile-img-card" src="//lh3.googleusercontent.com/-6V8xOA6M7BA/AAAAAAAAAAI/AAAAAAAAAAA/rzlHcD0KYwo/photo.jpg?sz=120" alt="" /> -->
            <img id="profile-img" class="profile-img-card" src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" />
            <p id="profile-name" class="profile-name-card"></p>
            <div id="errordiv" class="errordiv"></div>
            <form class="form-signin">
                <span id="reauth-email" class="reauth-email"></span>
                <div class="input-prepend">
                    <i class="fa fa-user fa-lg fa-fw"  aria-hidden="true"></i>
                    <input type="text" id="inputEmail" class="form-control form-control-sm mt-2" placeholder="Username" required autofocus autocomplete="off">
                </div>
                
                <div class="input-prepend">
                    <i class="fa fa-user fa-lg fa-fw"  aria-hidden="true"></i>
                    <input type="password" id="inputPassword" class="form-control form-control-sm mt-2" placeholder="Password" required autocomplete="off">
                </div>
                
                <select name="company" id="company" class="form-control"></select>
                <div id="remember" class="checkbox mt-2">
                    <label>
                        <input type="checkbox" value="remember-me"> Remember me
                    </label>
                </div>
                <button class="btn btn-lg btn-primary btn-block btn-signin" type="button" id="loginbutton">Sign in</button>
            </form><!-- /form -->
            <a href="#" class="forgot-password">
                Forgot the password?
            </a>
        </div><!-- /card-container -->
    </div>
</body>
<script src="js/popper.js"></script>
<script src="js/jquery-2.2.4.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/alert.js"></script>
<script src="js/index.js"></script>
</html>
