Bootstrap snippet: pages lock screen

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: pages,user

<link href="" rel="stylesheet"> <div class="wrapper-page bootstrap snippets"> <div class="text-center"> <a href="#" class="logo logo-lg"> <i class="fa fa-th"></i> <span></span> </a> </div> <form method="post" action="#" role="form" class="text-center m-t-20"> <div class="user-thumb"> <img src="" class="img-responsive img-circle img-thumbnail" alt="thumbnail"> </div> <div class="form-group"> <h3>John Deo</h3> <p class="text-muted">Enter your password to access the admin.</p> <div class="input-group m-t-30"> <input type="password" class="form-control" placeholder="Password"> <span class="input-group-btn"> <button type="submit" class="btn btn-email btn-info waves-effect waves-light"> Log In </button> </span> </div> </div> <div class="text-right"> <a href="#" class="text-muted">Not John Deo ?</a> </div> </form> </div>
body { background: #f5f5f5; font-family: 'Noto Sans', sans-serif; margin: 0; color: #4c5667; overflow-x: hidden !important; } .wrapper-page { margin: 7.5% auto; width: 360px; } .wrapper-page .form-control-feedback { left: 15px; top: 3px; color: rgba(76, 86, 103, 0.4); font-size: 20px; } .logo { color: #3bafda !important; font-size: 18px; font-weight: 700; letter-spacing: .02em; line-height: 70px; } .logo-lg { font-size: 28px !important; } .logo i { color: #f76397; } .user-thumb img { height: 88px; margin: 0px auto; width: 88px; }

pages lock screen

  Feb 25th, 08:07