A importância de uma Landing Page
No mundo do desenvolvimento web, saber apresentar informações de forma clara, organizada e visualmente atrativa é essencial. Por isso, muitos desenvolvedores criam páginas pessoais, conhecida como Landing Page para mostrar suas habilidades, contar um pouco sobre si mesmos e expor projetos ou experiências profissionais. Nesta atividade, você irá colocar em prática os conhecimentos adquiridos de HTML semântico e CSS, construindo sua própria página pessoal. Além de ser uma excelente forma de fixar o conteúdo, essa prática serve como o primeiro passo na criação do seu portfólio, algo muito valorizado em entrevistas e oportunidades futuras na área da tecnologia. Mais do que apenas codificar, este exercício te convida a refletir sobre como você quer ser visto como profissional e a organizar essas informações de maneira técnica e criativa.

Atividade:
Você vai criar uma Landing Page, como se fosse uma pequena apresentação profissional. Essa página deve mostrar quem é você, o que sabe fazer e alguns dos seus projetos.

Estrutura em HTML

Cabeçalho (<header>) com:

Seu nome completo
Uma frase que te represente
Uma foto sua ou um avatar
Menu de navegação (<nav>) com links que levam para as seções da própria página

Corpo principal (<main>) com:

Seção “Sobre mim” (<section>) — fale um pouco sobre você
Seção “Habilidades” (<section>) — liste seus conhecimentos
Seção “Projetos” (<section>) — mostre 2 projetos (pode ser fictício), usando <article>
Informações extras (<aside>) com curiosidades, hobbies ou links úteis (GitHub, Instagram, LinkedIn)

Rodapé (<footer>) com:

Informações para contato (ex: e-mail)
Direitos autorais (ex: © 2026 Seu Nome)
 

Estilização com CSS
Use CSS interno (com <style>) ou CSS externo (arquivo .css)
Deixe a página organizada, bonita e bem apresentada
A página deve funcionar bem no computador e no celular (responsiva)
Não utilizar frameworks como Bootstrap — apenas HTML + CSS puro

Entrega:
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.

 
Como entregar a atividade:

A atividade deverá ser entregue no arquivo template anexado no material da disciplina, disponibilizado no Studeo, e deve ser entregue em formato (.pdf ou .doc). Depois, deve ser anexado no ambiente da Atividade no Studeo.

Observações:
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.

Orientações:
Acesse o vídeo orientativo disponível em Material da Disciplina para ajudá-lo nesse processo de criação e desenvolvimento.
A entrega deve ser feita, exclusivamente, por meio de um arquivo .pdf ou .doc.
Utilize o template de entrega da atividade MAPA, disponível no Material da Disciplina.
Antes de enviar sua atividade, certifique-se de que respondeu a todas as perguntas e não se esqueceu de nenhum detalhe.
Após o envio, não são permitidas alterações ou modificações. Logo, você tem apenas uma chance de enviar o arquivo corretamente. Revise bem antes de enviar!
Lembre-se de que evidências de cópias de materiais, incluindo de outros estudantes, sem devidas referências, serão inquestionavelmente zeradas. As citações e referências, mesmo que do livro da disciplina, devem ser realizadas conforme as normas da Instituição de Ensino.
Não são permitidas correções parciais no decorrer do módulo, ou seja, o famoso: “professor, veja se minha atividade está certa?”. Isso invalida seu processo avaliativo. Lembre-se de que a interpretação da atividade também faz parte da avaliação.
Procure sanar suas dúvidas junto à mediação em tempo hábil sobre o conteúdo exigido na atividade, de modo que consiga realizar sua participação.
Atenção ao prazo de entrega; evite envio de atividade em cima do prazo. Você pode ter algum problema com internet, computador, software etc., e os prazos não serão flexibilizados, mesmo em caso de comprovação.

Em caso de dúvidas, encaminhe uma mensagem ao seu Professor Mediador.
Bons estudos!