-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a7f238e
commit 861c2ad
Showing
1 changed file
with
72 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
<!DOCTYPE html> | ||
<html lang="pt-br"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Gerador de senha</title> | ||
<link rel="stylesheet" href="style.css"> | ||
</head> | ||
|
||
<body> | ||
<section class="conteudo"> | ||
<div class="conteudo-titulo"> | ||
<img src="unlock.svg" alt="cadeado fechado"> | ||
<h2 class="titulo-principal">Gerador de senhas</h2> | ||
<h3 class="titulo-secundario">Gere instantaneamente uma senha aleatória e segura</h3> | ||
</div> | ||
<div class="conteudo-senha"> | ||
<label for="senha">Senha</label> | ||
<input name="senha" type="text" id="campo-senha" readonly> | ||
</div> | ||
<div class="parametro"> | ||
<h3 class="parametro-titulo">Personalize sua senha</h3> | ||
<div class="parametro-coluna__senha"> | ||
<div class="parametro-senha"> | ||
<h4 class="parametro-senha__titulo">Número de caracteres</h4> | ||
<div class="parametro-senha-botoes"> | ||
<button class="parametro-senha__botao">-</button> | ||
<p class="parametro-senha__texto">12</p> | ||
<button class="parametro-senha__botao">+</button> | ||
</div> | ||
</div> | ||
<div class="parametro-senha"> | ||
<h4 class="parametro-senha__titulo">Características da senha</h4> | ||
<div class="parametro-senha-checkbox"> | ||
<input name="maiusculo" type="checkbox" class="checkbox" checked> | ||
<label for="maiusculo">Letras maiúsculas</label> | ||
</div> | ||
<div class="parametro-senha-checkbox"> | ||
<input name="minusculo" type="checkbox" class="checkbox"> | ||
<label for="minusculo">Letras minúsculas</label> | ||
</div> | ||
<div class="parametro-senha-checkbox"> | ||
<input name="numero" type="checkbox" class="checkbox"> | ||
<label for="numero">Números</label> | ||
</div> | ||
<div class="parametro-senha-checkbox"> | ||
<input name="simbolo" type="checkbox" class="checkbox"> | ||
<label for="simbolo">Símbolos</label> | ||
</div> | ||
<div class="parametro-senha-checkbox"> | ||
<input name="semrepetição" type="checkbox" class="checkbox"> | ||
<label for="semrepetição">Letras não repetidos</label> | ||
</div> | ||
</div> | ||
<div class="parametro-senha"> | ||
<h4 class="parametro-senha__titulo">Força da senha</h4> | ||
<div class="barra"></div> | ||
<div class="forca fraca"></div> | ||
<div class="parametro-senha-textos"> | ||
<p>Fraca</p> | ||
<p>Média</p> | ||
<p>Forte</p> | ||
</div> | ||
<p class="entropia"></p> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
<script src="main.js"></script> | ||
</body> | ||
</html> |