"Untitled"
Bootstrap 4.1.1 Snippet by kernmanembu

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="tile"> <div class="tile-header"> <h2 style="color: white; opacity: .75; font-size: 4rem; display: flex; justify-content: center; align-items: center; height: 100%;">SIGN IN</h2> </div> <div class="tile-body"> <form id="form"> <label class="form-input"> <i class="material-icons">person</i> <input type="text" autofocus="true" required /> <span class="label">Username</span> <span class="underline"></span> </label> <label class="form-input"> <i class="material-icons">lock</i> <input type="password" required /> <span class="label">Password</span> <div class="underline"></div> </label> <div class="submit-container clearfix" style="margin-top: 2rem;"> <div id="submit" role="button" type="button" class="btn btn-irenic float-right" tabindex="0"> <span>SIGN IN</span> </div> <div class="login-pending"> <div class=spinner> <span class="dot1"></span> <span class="dot2"></span> </div> <div class="login-granted-content"> <i class="material-icons">done</i> </div> </div> </div> </form> </div> </div>

Related: See More


Questions / Comments: