- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <style type="text/css">
- .bs-example {
- height: 220px;
- }
- .centerlook {
- padding-left: 400px;
- font-weight: bold;
- width: 1000px;
- }
- .error {
- padding-left: 400px;
- font-weight: bold;
- width: 1000px;
- color: red;
- }
- .loginbtn {
- padding-left: 500px;
- }
- </style>
- @using (Html.BeginForm())
- {
- <div class="bs-example" style="border:2px solid gray;">
- <div class="form-group centerlook">
- <h1> Login </h1>
- </div>
- <div class="form-group centerlook">
- <label>User Name: </label>
- @Html.EditorFor(model => model.UserName)*
- @Html.ValidationMessageFor(model => model.UserName)
- </div>
- <div class="form-group centerlook">
- <label>Password:</label>
- @Html.EditorFor(model => model.Password) *
- @Html.ValidationMessageFor(model => model.Password)
- </div>
- <div class="form-group error">
- @if (@ViewBag.Failedcount != null)
- {
- <label> Failed Attempt count is: @ViewBag.Failedcount</label>
- }
- @if (@ViewBag.NotValidUser != null)
- {
- <label> @ViewBag.NotValidUser</label>
- }
- </div>
- <div class="loginbtn">
- <input type="submit" value="Login" class="btn btn-primary" />
- </div>
- </div>
- }
[text] CSS LoginPage
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new: