🌐 Atividade – Etapa 5: Página One Page de Apresentação Pessoal

Para finalizarmos uma das etapas mais importantes dessa jornada, você criará um site de uma única página (One Page) de apresentação pessoal, utilizando conceitos essenciais de HTML, CSS e Bootstrap. Esta página será seu cartão de visita profissional, com foco em mostrar suas habilidades, trajetória e aprendizados.

---

🎯 Objetivo

Desenvolver uma página responsiva, organizada e estilizada com Bootstrap, contendo seções bem definidas sobre:

• Apresentação pessoal e trajetória
• Habilidades técnicas
• Conhecimentos adquiridos no curso
• Informações de contato

---

🛠️ Habilidades Desenvolvidas

• HTML: Estruturação semântica da página com <header>, <section>, <footer> etc.
• CSS: Estilização de textos, cores, espaçamentos e fontes.
• Bootstrap: Utilização de componentes como navbar, cards, botões e grid system para responsividade.

---

📚 Conhecimento Envolvido

Conteúdo Básico

• HTML: Tags semânticas, estruturação de seções, boas práticas de marcação.
• CSS: Aplicação de estilos personalizados usando seletores, margens, paddings e fontes.
• Bootstrap:
  • Grid System (container, row, col)
  • Navbar (navbar, navbar-brand, nav-item)
  • Cards (card, card-body)
  • Botões (btn, btn-primary, btn-outline, etc.)

Conteúdo Extra

• Responsividade: Como criar layouts adaptáveis a diferentes tamanhos de tela com Bootstrap (col-md-6, col-lg-4, etc.)
• Customização Avançada: Utilização de classes utilitárias do Bootstrap (text-center, mb-4, p-3, etc.)

---

🧪 Atividade Prática

📄 Estrutura da Página

Você deverá criar um arquivo index.html com as seguintes seções obrigatórias:

1. Apresentação e Trajetória

• Nome completo
• Foto (opcional, pode usar um placeholder)
• Breve apresentação pessoal
• Trajetória e seus objetivos futuros

2. Habilidades

• Lista de linguagens de programação, ferramentas e tecnologias que domina
• Pode usar ícones com FontAwesome ou componentes de card do Bootstrap

3. O que aprendeu no curso

• Liste e explique os principais conceitos aprendidos (ex: estruturação semântica, responsividade, utilização de Bootstrap)
• Comente como isso impactou sua jornada de aprendizado

4. Contato

• Informações de contato: e-mail, LinkedIn, GitHub, etc.
• Botão estilizado com Bootstrap para ação (ex: “Fale Comigo”)

✅ Requisitos Técnicos

• Utilizar HTML5 e CSS3
• Utilizar Bootstrap 5 via CDN
• Página deve ser responsiva em dispositivos móveis
• Código deve ser organizado e indentado
• Usar boas práticas de acessibilidade e semântica

---

📥 Entrega

• Submeta seu projeto pelo link do GitHub Classroom.
• O repositório criado já possui a estrutura inicial do projeto.
• Após finalizar, faça o push do código e confirme que ele está visível no GitHub.

🔗 Link do Classroom: (preencha com o link fornecido pelo professor)

---

💡 Dicas Finais

• Use https://getbootstrap.com como referência rápida para componentes.
• Teste a página em diferentes resoluções de tela.
• Evite exagero de cores e fontes; prefira uma estética clean e moderna.
• Documente seu código com comentários simples para facilitar manutenção futura.

---

Desenvolva com dedicação! Esta será sua vitrine para o mundo digital.