Uma página web simples que consiste numa tela de login com email, senha e um botão de entrar.
Clique aqui para acessar o website
- Mais acessibilidade usando a tecla "tab"
- Efeitos de "hover" e de "focus" nos elementos clicáveis
- Efeito suave de aparecer a página rapidamente assim que for carregada
- Mensagens de erro para cada campo de preenchimento
- Mensagem de sucesso ao preencher os campos cumprindo os requisitos mínimos
- Opções de ver e de esconder os caracteres da senha
login/
├── css/ # Arquivos CSS
│ ├── reset.css
│ ├── responsive.css
│ ├── style.css
├── docs/ # Arquivos de documentação do projeto
│ ├── preview.mp4
├── img/ # Imagens utilizadas
│ ├── background.jpg
│ ├── icon.png
│ ├── preview.gif
├── js/ # Arquivos JavaScript
│ ├── show-password.js
│ ├── validation.js
├── index.html # Arquivo principal de renderização
├── LICENSE # Arquivo de licença
├── README.md
- Clone o repositório
No terminal, rode o seguinte comando:
git clone https://github.com/Enne-Amore/login.git-
Entre no arquivo "index.html"
-
Rode o arquivo principal de renderização:
Clique com o botão direito do mouse e selecione a seguinte opção:
Open with Live Server| Cor | Hexadecimal |
|---|---|
| Amarela | #E9F035 |
| Laranja | #F5CF4C |
| Preta | #000113 |
| Branca | #FFFFFD |
| Branca Transparente | #FFFFFD4B |
| Laranja | #FF0000 |
| Preta | #008000 |
- Arial, Helvetica, Sans-Serif
Uso de exemplo:font-family: Arial, Helvetica, sans-serif;oufont-family: var(--default);
Para me contatar como suporte, o meu email é Enne.Pessoa@gmail.com