Projeto Viva Bem 🩺✨

🎥Demonstração

🚀 Acesse o Projeto

🔗Clique aqui e conheça o Projeto Viva Bem - Prevenção e Saúde!!)

---

Índice 📚

• 🔹Objetivo do Projeto

• 🔹Tecnologias Utilizadas

• 🔹Como Rodar o Projeto Localmente

  • 🔹Plataforma VsCode
  • 🔹Modo Deploy

• 🔹Como Subir o Projeto no GitHub

• Licença

• Autor

Objetivo do Projeto

Este projeto foi desenvolvido durante o curso Vai na Web, onde objetivo principal deste projeto foi desenvolver uma página web estática e responsiva chamada Viva Bem, aplicando conceitos modernos de desenvolvimento front-end sem o uso de frameworks ou bibliotecas externas.

O desafio consistiu em:

• Estruturar o Layout com Flexbox: Todas as seções, do cabeçalho ao rodapé, foram estruturadas utilizando exclusivamente Flexbox para alinhamento, espaçamento e organização.
• Garantir a Responsividade: A página se adapta perfeitamente a diferentes tamanhos de tela (mobile, tablet e desktop) utilizando uma abordagem Mobile-First.
• Boas Práticas de SCSS: O código foi escrito de forma modular e organizada, fazendo uso de variáveis, aninhamento e uma estrutura clara.
• Seguir as Restrições: O desenvolvimento foi realizado sem o uso de Grid, Position (absolute/relative), frameworks (Bootstrap, Tailwind, etc.) ou plugins prontos.

Tecnologias Utilizadas

• HTML5: Utilizado para a estrutura semântica da página.

• SCSS (Sass): Utilizado como pré-processador CSS para um desenvolvimento mais organizado, com variáveis para cores, fontes, breakpoints e aninhamento de seletores.