Scribd
Upload
49 views3 pages

Documentohhh

This document is an HTML code for a login page designed in Portuguese. It includes a form for users to enter their username and password, with a submit button and a link for password recovery. The page is styled with CSS to create a user-friendly interface.

Uploaded by

Pedro Dique
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
49 views3 pages

Documentohhh

This document is an HTML code for a login page designed in Portuguese. It includes a form for users to enter their username and password, with a submit button and a link for password recovery. The page is styled with CSS to create a user-friendly interface.

Uploaded by

Pedro Dique
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>

<html lang="pt-BR">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Tela de Login</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f2f2f2;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

.login-container {

background-color: #fff;

padding: 20px;

border-radius: 10px;

box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

width: 300px;

h2 {

text-align: center;

margin-bottom: 20px;

input[type="text"], input[type="password"] {
width: 100%;

padding: 10px;

margin: 10px 0;

border: 1px solid #ccc;

border-radius: 5px;

input[type="submit"] {

width: 100%;

padding: 10px;

background-color: #4CAF50;

color: white;

border: none;

border-radius: 5px;

cursor: pointer;

input[type="submit"]:hover {

background-color: #45a049;

.forgot-password {

display: block;

text-align: center;

margin-top: 10px;

</style>

</head>

<body>

<div class="login-container">
<h2>Login</h2>

<form action="/login" method="post">

<label for="username">Usuário:</label>

<input type="text" id="username" name="username" required>

<label for="password">Senha:</label>

<input type="password" id="password" name="password" required>

<input type="submit" value="Entrar">

<a href="#" class="forgot-password">Esqueceu a senha?</a>

</form>

</div>

</body>

</html>

You might also like