[text] CSS LoginPage

Viewer

copydownloadembedprintName: CSS LoginPage
  1. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  2. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
  3. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  4. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  5. <style type="text/css">
  6.     .bs-example {
  7.         height: 220px;
  8.     }
  9.  
  10.     .centerlook {
  11.         padding-left: 400px;
  12.         font-weight: bold;
  13.         width: 1000px;
  14.     }
  15.  
  16.     .error {
  17.         padding-left: 400px;
  18.         font-weight: bold;
  19.         width: 1000px;
  20.         color: red;
  21.     }
  22.  
  23.     .loginbtn {
  24.         padding-left: 500px;
  25.     }
  26. </style>
  27. @using (Html.BeginForm())
  28. {
  29.     <div class="bs-example" style="border:2px solid gray;">
  30.  
  31.         <div class="form-group centerlook">
  32.             <h1> Login </h1>
  33.         </div>
  34.         <div class="form-group centerlook">
  35.             <label>User Name: </label>
  36.             @Html.EditorFor(model => model.UserName)*
  37.             @Html.ValidationMessageFor(model => model.UserName)
  38.         </div>
  39.         <div class="form-group centerlook">
  40.             <label>Password:</label>
  41.             @Html.EditorFor(model => model.Password) *
  42.             @Html.ValidationMessageFor(model => model.Password)
  43.  
  44.         </div>
  45.         <div class="form-group error">
  46.             @if (@ViewBag.Failedcount != null)
  47.             {
  48.  
  49.                 <label> Failed Attempt count is: @ViewBag.Failedcount</label>
  50.             }
  51.  
  52.             @if (@ViewBag.NotValidUser != null)
  53.             {
  54.  
  55.                 <label> @ViewBag.NotValidUser</label>
  56.             }
  57.         </div>
  58.         <div class="loginbtn">
  59.  
  60.             <input type="submit" value="Login" class="btn btn-primary" />
  61.  
  62.         </div>
  63.     </div>
  64. }

Editor

You can edit this paste and save as new:


File Description
  • CSS LoginPage
  • Paste Code
  • 29 Sep-2022
  • 1.85 Kb
You can Share it: