<!DOCTYPE html>
<html lang="en" class="no-js">
    <head>
        <title>Home Page</title>
        <meta charset="utf-8">
        <meta name="HandheldFriendly" content="true">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="Authentication and profiles for games by Krom Stern and friends">
        <meta name="author" content="Thimo Braker - KP-Wiki">
        <!-- Favicons -->
        <link rel="apple-touch-icon" sizes="57x57" href="/img/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="/img/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/img/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="/img/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon-180x180.png">
        <link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="/img/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="/img/favicon-194x194.png" sizes="194x194">
        <link rel="icon" type="image/png" href="/img/android-chrome-192x192.png" sizes="192x192">
        <link rel="manifest" href="/img/manifest.json">
        <!-- link rel="mask-icon" href="/img/safari-pinned-tab.svg" -->
        <link rel="shortcut icon" href="/img/favicon.ico">
        <meta name="apple-mobile-web-app-title" content="KnightsAuth">
        <meta name="application-name" content="KnightsAuth">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="/img/mstile-144x144.png">
        <meta name="msapplication-config" content="/img/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">
        <style>
            [data-sr]{
                visibility: hidden;
            }
        </style>
        <!-- Stylesheets -->
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
        <!-- link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" crossorigin="anonymous" -->
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
        <link rel="stylesheet" href="/css/formValidation.min.css">
        <link rel="stylesheet" href="/css/main.css">
        <!-- Scripts -->
        <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" crossorigin="anonymous"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js" crossorigin="anonymous"></script>
        <script src="/js/formValidation.min.js"></script>
        <script src="/js/fv_reCaptcha2.min.js"></script>
        <script src="/js/fv_bootstrap.min.js"></script>
        <script src="/js/main.js"></script>
    </head>
    <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/home">KnightsAuth</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li role="presentation" class="active">
                        <a href="/home" title="Home">
                            <i class="fa fa-home" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="/about" title="About">
                            <i class="fa fa-info-circle" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="http://knightsprovince.com" target="_blank" title="Go to the Knights Province website">
                            <i class="fa fa-external-link" aria-hidden="true"></i> Knights Provice
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="http://kamremake.com" target="_blank" title="Go to the KaM Remake website">
                            <i class="fa fa-external-link" aria-hidden="true"></i> KaM Remake
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="https://kp-wiki.org" target="_blank" title="Go to the KP-Wiki website">
                            <i class="fa fa-external-link" aria-hidden="true"></i> KP-Wiki
                        </a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-user-circle" aria-hidden="true"></i> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li role="presentation">
                                <a href="#loginModal" data-toggle="modal">
                                    <i class="fa fa-sign-in" aria-hidden="true"></i> Login
                                </a>
                            </li>
                            <li role="separator" class="divider"></li>
                            <li role="presentation">
                                <a href="#RegisterModal" data-toggle="modal" id="regBtn">
                                    <i class="fa fa-user-plus" aria-hidden="true"></i> Register
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
        <div class="container-fluid">
            <div class="row clearfix">
                <div class="col-md-12">
<div class="btn-group btn-breadcrumb">
    <a href="javascript:void(0);" class="btn btn-default"><i class="fa fa-home"></i></a>
</div>                </div>
            </div>
            <!-- Begin Modal HTML -->
            <div id="loginModal" class="modal fade">
                <div class="modal-dialog modal-md">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h4 class="modal-title">Login</h4>
                        </div>
                        <div class="modal-body">
                            <div class="col-md-12 col-sm-12 no-padng">
                                <div class="logreg-model">
                                    <form id="loginFrm" name="loginFrm" class="logreg-frm">
                                        <input type="hidden" name="webui" id="webui" value="1">
                                        <ul>
                                            <li>Username or Email</li>
                                            <li>
                                                <input type="text" placeholder="Username/Email" id="username" name="username" class="form-control" required>
                                            </li>
                                            <li>Password</li>
                                            <li>
                                                <input type="password" placeholder="Password" id="password" name="password" class="form-control" required>
                                            </li><br />
                                            <li>
                                                <button type="submit" id="logBtn" class="btn btn-default">Submit</button>
                                            </li>
                                        </ul>
                                    </form>
                                    <div class="clearfix"></div>
                                    <form id="forgotFrm" name="forgotFrm" class="logreg-frm">
                                        <input type="hidden" name="webui" id="webui" value="1">
                                        <ul>
                                            <li>
                                                <a class="forgot-link" onclick="toggleForgot();" href="javascript:;">Forgot your password?</a>
                                                <div class="logreg-forgot">
                                                    <ul>
                                                        <li>
                                                            <p>
                                                                Enter your Email Address here to receive a link to change password.
                                                            </p>
                                                        </li>
                                                        <li>Email</li>
                                                        <li>
                                                            <input type="email" placeholder="Your email" id="forgotPasswordEmail"
                                                                    class="form-control" name="forgotPasswordEmail" required>
                                                        </li>
                                                        <li>
                                                            <button type="submit" class="btn btn-default">Send Mail</button>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </form>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="RegisterModal" class="modal fade">
                <div class="modal-dialog modal-md">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h4 class="modal-title">Register</h4>
                        </div>
                        <div class="modal-body">
                            <div class="col-md-12 col-sm-12 no-padng">
                                <div class="logreg-model">
                                    <form id="registerFrm" name="registerFrm" class="logreg-frm">
                                        <input type="hidden" name="webui" id="webui" value="1">
                                        <ul>
                                            <li>Username</li>
                                            <li>
                                                <input type="text" id="username" name="username" placeholder="Username" class="form-control" required>
                                            </li>
                                            <li>Email</li>
                                            <li>
                                                <input type="email" id="emailAddress" name="emailAddress" placeholder="Email" class="form-control" required>
                                            </li>
                                            <li>Password</li>
                                            <li>
                                                <input type="password" id="password" name="password" placeholder="Password" class="form-control" required>
                                                <div class="progress password-progress">
                                                    <div id="strengthBar" class="progress-bar" role="progressbar" style="width: 0;"></div>
                                                </div>
                                            </li>
                                            <li>Confirm Password</li>
                                            <li>
                                                <input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm Password" class="form-control" required>
                                            </li>
                                        </ul>
                                        <br />
                                        <div id="captchaContainer" ka-google-key="6LcTcBkUAAAAADJcfF5RhZL_3I8ALCacwmHztWeu"></div>
                                        <br />
                                        <button type="submit" id="userRegBtn" name="userRegBtn" class="btn btn-default">Signup Now</button>
                                        <button type="button" id="userRegResetBtn" name="userRegResetBtn" class="btn btn-default">Reset</button>
                                    </form>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Modal HTML -->
        <h1>Slim</h1>
        <div>a microframework for PHP</div>

                    <p>Try <a href="http://www.slimframework.com">SlimFramework</a></p>
                </div>
        <footer class="navbar-default navbar-fixed-bottom footer">
            <div class="row vertical-center">
                <div class="col-xs-3">
                    <a href="http://validator.w3.org/check?uri=referer;ss=1" style="margin-left: 15px;">
                        <img src="https://www.w3.org/html/logo/badge/html5-badge-h-css3-semantics.png" width="98px" height="38px" alt="HTML5 Powered with CSS3 / Styling, and Semantics" title="HTML5 Powered with CSS3 / Styling, and Semantics">
                    </a>
                </div>
                <div class="col-xs-6">
                    <center>
                        <span class="text-muted">Proudly created and maintained by KP-Wiki.org</span>
                    </center>
                </div>
                <div class="col-xs-3" style="text-align: right; margin-right: 15px;">
                    <a href="https://maps-docs.kp-wiki.org/" target="_blank">API docs</a>
                </div>
            </div>
        </footer>
    </body>
</html>
