<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<head>

    <meta charset="utf-8"/>
    <title>PrimusBase | Login </title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="" name="description"/>


    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link rel="shortcut icon" href="https://primusbase.com/public/assets//img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="https://primusbase.com/public/assets//img/favicon.ico" type="image/x-icon">

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="https://primusbase.com/public/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/css/animate.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/css/style.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/css/style-responsive.min.css" rel="stylesheet"/>
    <link href="https://primusbase.com/public/assets/css/theme/default.css" rel="stylesheet" id="theme"/>
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="https://primusbase.com/public/assets/plugins/pace/pace.min.js"></script>
    <!-- ================== END BASE JS ================== -->
</head>
<body class="pace-top bg-white">
<!-- begin #page-loader -->
<!--<div id="page-loader" class="fade in"><span class="spinner"></span></div>-->
<!-- end #page-loader -->

<!-- begin #page-container -->
<div id="page-container" class="fade">
    <!-- begin login -->
    <div class="login login-with-news-feed">
        <!-- begin news-feed -->
        <div class="news-feed">
            <div class="news-image">
                <img src="https://primusbase.com/public/assets/img/login-bg/login_bg.jpg" data-id="login-cover-image" alt=""/>
            </div>
            <div class="news-caption">
                <h4 class="caption-title"><i class="fa fa-diamond text-success"></i> PrimusBase </h4>
                <p>
                    Sign-in to start getting and rendering help now
                </p>
            </div>
        </div>
        <!-- end news-feed -->
        <!-- begin right-content -->
        <div class="right-content">
            <!-- begin login-header -->
            <div class="login-header">
                <div class="brand">
                    <span class="brand-text">
                            <span class="text-theme">Primus</span>Base
                        </span>
                </div>
                <div class="icon">
                    <i class="fa fa-sign-in"></i>
                </div>
            </div>
            <!-- end login-header -->
            <!-- begin login-content -->
            <div class="login-content">

                <form role="form" action="/member/signin" method="POST" class="margin-bottom-0">

                    

                    <div class="form-group m-b-15">
                        <input name="email" type="text" class="form-control input-lg" placeholder="Email Address"
                               required/>
                    </div>
                    <div class="form-group m-b-15">
                        <input name="password" type="password" class="form-control input-lg" placeholder="Password"
                               required/>
                    </div>
                    <div class="checkbox m-b-30">
                        <label>
                            <input type="checkbox"/> Remember Me
                        </label>
                    </div>
                    <div class="login-buttons">
                        <button type="submit" class="btn btn-theme btn-block btn-lg">Sign me in</button>
                    </div>
                    <div class="m-t-20 m-b-40 p-b-40 text-inverse">
                        Not a member yet? Click <a href="/register" class="text-success">here</a> to register.
                    </div>
                    <div class="m-t-20 m-b-40 p-b-40 text-inverse">
                       Forgot Password? Click <a href="/reset" class="text-success">here</a> request password.
                    </div>
                    <hr/>
                    <p class="text-center">
                        &copy; PrimusBase All Right Reserved 2017
                    </p>
                </form>
            </div>
            <!-- end login-content -->
        </div>
        <!-- end right-container -->
    </div>
    <!-- end login -->

    <!-- begin theme-panel -->

    <!-- end theme-panel -->
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script src="https://primusbase.com/public/assets/plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="https://primusbase.com/public/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="https://primusbase.com/public/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="https://primusbase.com/public/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>

<![endif]-->
<script src="https://primusbase.com/public/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="https://primusbase.com/public/assets/plugins/jquery-cookie/jquery.cookie.js"></script>
<!-- ================== END BASE JS ================== -->
<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="https://primusbase.com/public/assets/js/apps.min.js"></script>
<!-- ================== END PAGE LEVEL JS ================== -->

<script>
    $(document).ready(function () {
        App.init();
    });
</script>

</body>

</html>
