🌐 Projeto Interfaces Web Modernas com CSS3

Experiência Prática II – Estácio

Este repositório contém a implementação completa da Entrega II, com foco no desenvolvimento de interfaces modernas utilizando HTML5, CSS3 (Grid, Flexbox, Design System) e JavaScript.

---

🎯 Objetivo

Transformar a estrutura HTML da Entrega I em um site moderno, organizado, responsivo e acessível.

---

🧩 Funcionalidades

✔ Sistema de Design

• Variáveis CSS
• Paleta com 10+ cores
• Tipografia com 5 tamanhos
• Espaçamentos modulares (8–64px)

✔ Layout

• Grid de 12 colunas
• Flexbox para componentes internos
• 5 breakpoints responsivos

✔ Navegação

• Menu com destaque
• Versão mobile (hambúrguer opcional)

✔ Componentes

• Cards
• Botões com estados
• Modal animado e funcional
• Tags e Badges
• Formulário com validação visual

---

📂 Estrutura do Projeto

projeto-interfaces-web-css3/ │ ├── index.html ├── projetos.html ├── contato.html ├── script.js │ └── css/ ├── variables.css ├── layout.css └── components.css

yaml Copiar código

---

🚀 Como Executar

1. Abra a pasta no VS Code
2. Clique com o botão direito no index.html
3. Selecione Open With Live Server

---

🧪 Tecnologias Utilizadas

• HTML5
• CSS3 (Grid, Flexbox, Variáveis, Design System)
• JavaScript
• Responsividade

---

##🌍 Visualize Online

O projeto está disponível no GitHub Pages: https://github.com/seu-usuario/projeto-interfaces-web-css3

👩‍💻 Autoria

Desenvolvido por Fernanda Noguera Soler

💻 Estudante de Análise e Desenvolvimento de Sistemas GitHub: https://github.com/FernandaSoler
LinkedIn: https://linkedin.com/in/fernanda-noguera-soler-future-dev

---