Spaces:
Sleeping
Sleeping
| | |
| <html> | |
| <head> | |
| <title>Página de login</title> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
| <!-- HTML5Shiv --> | |
| <!--[if lt IE 9]> | |
| <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
| <![endif]--> | |
| <!-- Folha de estilo --> | |
| <style> | |
| html, | |
| body { | |
| height: 100%; | |
| } | |
| body { | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| background-image: url(http://atualli.ddns.net:8089/getresource?c=cam-log.png&123); | |
| -ms-background-size: cover; | |
| -o-background-size: cover; | |
| -moz-background-size: cover; | |
| -webkit-background-size: cover; | |
| background-size: cover; | |
| background-attachment: fixed; | |
| } | |
| p { | |
| color: white; | |
| } | |
| .topo { | |
| background: #fff; | |
| padding: 2px 0px; | |
| } | |
| .form-signin { | |
| width: 100%; | |
| max-width: 330px; | |
| padding: 15px; | |
| margin: auto; | |
| } | |
| .form-signin .checkbox { | |
| font-weight: 400; | |
| } | |
| .form-signin .form-control { | |
| position: relative; | |
| box-sizing: border-box; | |
| height: auto; | |
| padding: 10px; | |
| font-size: 16px; | |
| } | |
| .form-signin .form-control:focus { | |
| z-index: 2; | |
| } | |
| .form-signin input[type="email"] { | |
| margin-bottom: -2px; | |
| border-bottom-right-radius: 1; | |
| border-bottom-left-radius: 1; | |
| border-top-right-radius: 1; | |
| } | |
| .form-signin input[type="password"] { | |
| margin-bottom: 10px; | |
| border-top-left-radius: 1; | |
| border-top-right-radius: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="text-center"> | |
| <header> | |
| <nav class="navbar navbar-expand-md topo fixed-top"> | |
| <div class="container ml-auto"> | |
| <img src="getresource?c=alogo.png&123"> | |
| </div> | |
| </nav> | |
| </header> | |
| <form class="form-signin"> | |
| <h4 class="text-left text-white">Login</h4> | |
| <p class="text-left" style=" position: relative; top: 14px;">Usuário</p> | |
| <input type="email" name="email" class="form-control" placeholder="Ex:joã[email protected]" required autofocus> | |
| <p class="text-left" style=" position: relative; top: 14px;">Senha</p> | |
| <input type="password" name="senha" class="form-control mb-4" placeholder="Digite sua senha" required> | |
| <input type="submit" name="enviar" value="ENTRAR" class="btn btn-primary btn-md btn-block"> | |
| <a href="#" class="text-white">Esqueci minha senha</a> | |
| </form> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |