Untitled

@model eraproject_site.Models.UserLoginInfo

@{
    ViewBag.Title = "login";
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap core CSS -->
    <link href="~/Content/Admin_panel_assets/css/bootstrap.css" rel="stylesheet">
    <!--external css-->
    <link href="~/Content/Admin_panel_assets/font-awesome/css/font-awesome.css" rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href="~/Content/Admin_panel_assets/css/style.css" rel="stylesheet">
    <link href="~/Content/Admin_panel_assets/css/style-responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div id="login-page">
        <div class="container">
            <form class="form-login" action="/AdminPanel/SignIn" method="post">
                <h2 class="form-login-heading">Войти в Админ панель</h2>
                <div class="login-wrap">
                    <input type="text" class="form-control" name="login" placeholder="Имя пользователя" autofocus>
                    <br>
                    <input type="password" class="form-control" name="password" placeholder="Пароль">
                    <label class="checkbox">
                        <span style="display: none;" class="pull-right">
                            <a data-toggle="modal" href="login.html#myModal"> Забыл пароль? :(</a>

                        </span>
                    </label>
                    <button class="btn btn-theme btn-block" type="submit"><i class="fa fa-lock"></i> Войти</button>
                    <hr>
                    <div class="registration">
                        Нет аккаунта?<br />
                        @Html.ActionLink("Создать", "Registration", "AdminPanel")
                    </div>

                </div>
            </form>
                <!-- Modal -->
                <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title">Забыл пароль? :(</h4>
                            </div>
                            <div class="modal-body">
                                <p>Введите ваш e-mail адресс для востановления пароля</p>
                                <input type="text" name="email" placeholder="Email" autocomplete="off" class="form-control placeholder-no-fix">

                            </div>
                            <div class="modal-footer">
                                <button data-dismiss="modal" class="btn btn-default" type="button">Отмена</button>
                                <button class="btn btn-theme" type="button">Востановить</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- modal -->


        </div>
    </div>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="~/Content/Admin_panel_assets/js/jquery.js"></script>
    <script src="~/Content/Admin_panel_assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Content/Admin_panel_assets/js/jquery.backstretch.min.js"></script>
    <script>
        $.backstretch("../../Content/Admin_panel_assets/img/login-bg.jpg", { speed: 500 });
    </script>


</body>
</html>