👤 Login

Uma página web simples que consiste numa tela de login com email, senha e um botão de entrar.

🌐 Aplicação Hospedada

Clique aqui para acessar o website

🎞️ Pré-visualização

⚡ Funcionalidades

• 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

🚀 Tecnologias Utilizadas

📂 Estrutura do Projeto

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

🛠️ Instalação Local

1. Clone o repositório

No terminal, rode o seguinte comando:

git clone https://github.com/Enne-Amore/login.git

2. Entre no arquivo "index.html"

3. 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

🌈 Cores

Cor	Hexadecimal
Amarela	#E9F035
Laranja	#F5CF4C
Preta	#000113
Branca	#FFFFFD
Branca Transparente	#FFFFFD4B
Laranja	#FF0000
Preta	#008000

🔤 Fontes Tipográficas

• Arial, Helvetica, Sans-Serif
  Uso de exemplo: font-family: Arial, Helvetica, sans-serif; ou font-family: var(--default);

🌟 Referências de Uso

• Imagem de Fundo
• Ícone do site
• Família de Ícones

🔧 Suporte

Para me contatar como suporte, o meu email é Enne.Pessoa@gmail.com