"AO login screen"
Bootstrap 4.0.0 Snippet by SwamyGangadhara

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <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 ----------> <html> <body> <div class="pane"> <div class="container"> <div class="row"> <div class="outerpanel" "col-md-10 col-md-offset-1;"> <br></br> <div class="outerpanel2" > <h3 STYLE="text-align:center">APACHE Outcomes</h3> <div id="panel-body"> <form accept-charset="UTF-8" role="form"> <fieldset> <br/> <table align= center> <tr> <td> <div class="control-group"> <!-- Username --> <label class="control-label1" for="username">Username :</label> </td></tr> <tr> <td> <div class="controls"> <input class="control-text" type="text" id="username" name="username" placeholder="" class="input-xlarge" size=30> </div> </div> </td> </tr> <tr><td><br/></td></tr> <tr> <td> <div class="control-group" > <!-- Password--> <label class="control-label2" for="password">Password :</label> </td></tr> <tr></tr> <td> <div class="controls"> <input type="password" id="password" name="password" placeholder="" class="input-xlarge" size=30> </div> </td> </tr> <tr><td><br/></td></tr> <tr> <td colspan= 2 rowspan=2 align=center> <div class="control-group"> <!-- Button --> <div class="controls" align=center> <button id="btn">Login</button> </div> <div><br></br></div> </td> </tr> </table> </div> <table> <tr> <td align=cernter> <p> © Cerner Corporation <br> This program is being used under license from Cerner Corporation of Kansas City, Missouri, USA. Unauthorized use, reproduction, or distribution of any </br> portion of this program may result in severe civil and criminal penalties. Further information can be found in Help About.<br/> </p> </tr> </td> </table> <div><br></br></div> </div> </fieldset> </form> </div> </div> </div> </div> </div> </body> </html>
.outerpanel { background-color:#016495 } h3 { font:san-sarif; ; } label{ font:san-sarif; color:white; } p { color:white; ; font-size:4; } #panel-body{ ; } .outerpanel { col-md-10 col-md-offset-1; } .outerpanel2 { panel panel-default } #btn { text-decoration: none; color: #000; border: 1 px solid #C2DOF2; background-color: #F5F9FE; padding: 1px 6 px; } #btn:hover { background-color: #FFE8BA; color: #fc6; border: 1px solid #fc6; }

Related: See More

Rotating CSS Card
login-form
Login Form
Bootstrap 4 login from

Questions / Comments: