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.

Faculdade: Unicesumar