"Alvenccer SistemasWeb Login"
Bootstrap 3.3.0 Snippet by alvaroabreu1984

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'> <body> <div class="middlePage"> <div class="page-header"> <h1 class="logo">Alvenccer SistemasWeb <small>Bem Vindo!</small></h1> </div> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">Entrar</h3> </div> <div class="panel-body"> <div> <form class="form-horizontal"> <fieldset> <input id="textinput" name="textinput" type="text" placeholder="Nome de Usuário" class="form-control input-md"> <input id="textinput" name="textinput" type="password" placeholder="Senha" class="form-control input-md"> <div class="spacing"><input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"><small> Lembrar</small></div> <div class="spacing"><a href="#"><small> Esqueceu a Senha?</small></a><br/></div> <button id="singlebutton" name="singlebutton" class="btn btn-info btn-sm pull-right">Entrar</button> </fieldset> </form> </div> </div> </div> </div> </div> </body>
@charset "UTF-8"; /* CSS Document */ body { width:100px; height:100px; background: -webkit-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Chrome 10+, Saf5.1+ */ background: -moz-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* FF3.6+ */ background: -ms-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* IE10 */ background: -o-linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* Opera 11.10+ */ background: linear-gradient(90deg, #16222A 10%, #3A6073 90%); /* W3C */ font-family: 'Raleway', sans-serif; } p { color:#CCC; } .spacing { padding-top:7px; padding-bottom:7px; } .middlePage { width: 680px; height: 500px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; } .logo { color:#CCC; }

Questions / Comments: