<div id="main" role="main">

    <!-- MAIN CONTENT -->

    <form class="lockscreen animated flipInY" action="#/dashboard">
        <div class="logo">
            <h1 class="semi-bold"><img src="styles/img/logo-o.png" alt="" /> SmartAdmin</h1>
        </div>
        <div>
            <img src="styles/img/avatars/sunny-big.png" alt="" width="120" height="120" />
            <div>
                <h1><i class="fa fa-user fa-3x text-muted air air-top-right hidden-mobile"></i>John Doe <small><i class="fa fa-lock text-muted"></i> &nbsp;Locked</small></h1>
                <p class="text-muted">
                    <a href="mailto:simmons@smartadmin">john.doe@smartadmin.com</a>
                </p>

                <div class="input-group">
                    <input class="form-control" type="password" placeholder="Password">
                    <div class="input-group-btn">
                        <button class="btn btn-primary" type="submit">
                            <i class="fa fa-key"></i>
                        </button>
                    </div>
                </div>
                <p class="no-margin margin-top-5">
                    Logged as someone else? <a ui-sref="login"> Click here</a>
                </p>
            </div>

        </div>
        <p class="font-xs margin-top-5">
            Copyright SmartAdmin 2014-2020.

        </p>
    </form>

</div>
