Dropdown - HTML e CSS

📝 Introdução

Este projeto consiste na criação de um menu dropdown utilizando apenas HTML e CSS. A ideia é proporcionar uma navegação simples e eficaz, com um design moderno e acessível, ideal para iniciantes na área de desenvolvimento web.

🎯 Objetivo

O objetivo deste projeto é demonstrar como criar um menu de navegação interativo com um submenu dropdown, utilizando apenas HTML e CSS. Ideal para quem está começando a aprender sobre design de interfaces web e interação de usuário.

🔧 Funcionalidades

• Menu de navegação horizontal com links principais.
• Submenu dropdown que aparece ao passar o mouse sobre o item "Produtos".
• Estilo personalizado com cores e fontes modernas.
• Design responsivo adaptado para diferentes tamanhos de tela.

📥 Instruções de Instalação e Uso

1. Clone este repositório para sua máquina local:

   git clone https://github.com/SamuelASantos/menu-dropdown-html-css

2. Abra o arquivo index.html em seu navegador preferido para visualizar o projeto.

3. Para editar, basta modificar o código no arquivo index.html conforme necessário.

🖥️ Tecnologias Utilizadas

• HTML: Estrutura do conteúdo e links.
• CSS: Estilo visual e interatividade do menu.
• Fontes: Utilização de fontes do Google Fonts para um design moderno.

💡 Aprendizados Técnicos

• Aprendi a criar menus dropdown utilizando apenas HTML e CSS, sem a necessidade de JavaScript.
• Apliquei conceitos de flexbox para o layout do menu e o submenu.
• Trabalhei com variáveis CSS para facilitar a personalização das cores e fontes no projeto.
• Melhorei minha compreensão sobre a criação de interfaces simples e interativas.

📬 Contato

Caso queira entrar em contato comigo, fique à vontade!

• LinkedIn
• Site Pessoal
• Email: samuel_a_santos@hotmail.com