<div class="">
    <div class="header">
        <h2><i class="icon-home"></i> Session <strong>Timeout</strong></h2>
        <div class="breadcrumb-wrapper">
            <ol class="breadcrumb">
                <li>
                    <a href="dashboard.html">Make</a>
                </li>
                <li>
                    <a href="#">User</a>
                </li>
                <li class="active">Session Timeout</li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 portlets">
            <div class="panel">
                <div class="panel-header md-panel-controls">
                    <h3>Session <strong>Timeout</strong></h3>
                    <p>Screen will be locked after a moment that you can define.</p>
                </div>
                <div class="panel-content">
                    <p class=" alert alert-info">
                        After 5 seconds of inactivity (don't move the mouse), you will see a expiring warning dialog. The user can choose to stay connected or log out.
                        If there is no action during 30 seconds, the user is automatically logged out and redirected to the lockscreen panel.<br><br>
                        You can easily modify the duration before the dialog is shown in the session_timeout.js file.
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="copyright">
            <p class="pull-left sm-pull-reset">
                <span>Copyright <span class="copyright">&copy;</span> 2015 </span>
                <span>THEMES LAB</span>.
                <span>All rights reserved. </span>
            </p>
            <p class="pull-right sm-pull-reset">
                <span><a href="#" class="m-r-10">Support</a> | <a href="#" class="m-l-10 m-r-10">Terms of use</a> | <a href="#" class="m-l-10">Privacy Policy</a></span>
            </p>
        </div>
    </div>
</div>