Projeto 02 - Layout e Estrutura Estática 🏗️

🎯 Objetivo

Organizar a estrutura visual de uma página utilizando as pastas e padrões de um projeto profissional em Vue.

🛠️ Requisitos

• Utilizar o projeto criado na aula anterior.
• Respeitar a divisão de pastas: src/assets para estilos e src/components para as peças da interface.

🏗️ Tarefas

1. CSS Global: Crie um arquivo src/assets/main.css com um reset básico (margin: 0, padding: 0) e importe-o no seu main.js.
2. Header: Crie um componente Header.vue na pasta components que contenha o nome "Meu Portal Vue" e um menu simples (Home, Sobre).
3. Footer: Crie um componente Footer.vue com os créditos: "Desenvolvido por [Seu Nome] - 2026".
4. Assemble: Importe e exiba o Header e o Footer dentro do seu App.vue.

🧪 Verificação

O site deve exibir uma barra no topo, um espaço no meio (conteúdo do App) e uma barra no rodapé, sem espaços em branco nas bordas da tela.