💻 Sobre o desafio

Nesse desafio você deve criar a estrutura HTML para a página de post de um blog.

Iniciando o projeto

Primeiro vamos criar o arquivo HTML, você pode dar qualquer nome para este arquivo, desde que use a extensão .html. Exemplo: blog-post.html

Para criar a estrutura base do HTML no Visual Studio Code, você pode digitar ! e TAB em seguida. Feito isso, você vai ficar com uma estrutura parecida com o código abaixo:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>

  </body>
</html>

<aside> 💡 Lembre-se de dar um título para o documento usando a tag <title> <title>Blog Post</title>

</aside>

Informações da página

Nessa seção você vai encontrar as instruções e dicas para resolver o desafio.

Então, bora codar! 👨‍💻👩‍💻

Adicione um header com o nome do blog em negrito e adicione links para páginas "Home", "Sobre" e "Contato".

<aside> 💡 Os links não precisam levar para nenhuma página, para isso basta adicionar um # no href da tag a

</aside>
O post do blog deve ficar dentro da tag article

<aside> ❓ Nesse curso, você pode ver mais sobre como deixar o HTML semântico

E aqui neste outro pode ver mais sobre a tag article

</aside>

A estrutura do post

Adicione um título para o post

<aside> ❓

</aside>

O post deve ter:

Uma imagem

<aside> 💡 Para que a imagem não fique muito grande, você pode usar o atributo width adicionando uma largura de 400px, por exemplo width="400px"

</aside>

<aside> ❓ Imagens no HTML

</aside>

<aside> 💡 Sites onde você pode encontrar imagens grátis para usar nos seus projetos: Unsplash, Pexels, Pixabay.

</aside>
Adicione uma citação

<aside> ❓

</aside>
Crie mínimo 3 parágrafos (você pode usar o lorem para criar o texto dos parágrafos)