aula.md

###Instruções

• Criar um documento HTML5, especificando seu doctype corretamente e criando a estrutura padrão necessária para páginas HTML5, não sendo preciso usar as tags meta - apenas meta charset.

• Carregar estilo css através da tag link. Esse estilo deve estar dentro de uma pasta chamada "css" e o estilo deve se chamar style.css.

• A página precisa ter como título a seguinte frase:"Exercício 1"

• Usar uma div com a classe "main" para armazenar todos os outros elementos da página.

• Usar a tag header para armazenar cabeçalhos.

• O corpo do site terá duas tags principais dentro da div de classe "main", essas tags são "header", para especificar o cabeçalho geral do site e "section", para determinar a seção de posts.

• A seção de posts terá como principal elemento a tag article que, por sua vez, terá também, um cabeçalho contendo o título do post e uma tag span com informações de autor, data de postagem e comentários. Terminando o cabeçalho do article, deve-se prosseguir com os parágrafos do post.

• Todos os links devem possuir título, por questões semânticas e de acessibilidade. Os links usados dentro do post precisam ter um atributo que faça a nova página ser aberta em uma nova aba.

###Informações sobre estilo

• A cor de fundo do corpo do site deve ser #FEFEFE
  

• A fonte do corpo deve ser "Helvetica"
  

• Sem margem e sem preenchimento
  

• Cor do texto #34495E
  

• Cor de texto para todos os cabeçalhos: #6C7A89

• Não é preciso alterar o tamanho da fonte, somente do span que contém informações do post. A fonte terá tamanho de 12px. Esse span deverá ter a classe post-date

• O cabeçalho principal da página não deve ter margem. Precisa ser alinhado ao centro, ter preenchimento de 50px em cima e em baixo e uma borda inferior de 1px de largura, sólida e com cor #BBB

• A div de classe main deve ter a propriedade css que define que a box terá o tamanho pré-definido mesmo com adição de margens e preenchimentos.

• O span de classe post-date terá tamanho de fonte de 11px, cor #bdc3c7 e os links internos de post-date deverão estar em negrito.

• O cabeçalho do post não terá margem inferior

• A cor de texto do bloco de citação e do parágrafo será #869098

• O bloco de citação deve ter:

  • Largura: 100%
  • Cor de fundo: #EFEFEF
  • Margem superior/inferior de 20px e não deverá ter margens laterais
  • Preenchimento superior/inferior de 10px e preenchimentos laterais de 40px
  • Todas essas propriedades deverão ficar no tamanho padrão da box, que será de 100%

• A tag que faz referência ao autor da citação deverá ter margem superior de 10px e será exibido na tela de forma que fique em linha, mas disposto como block. Usar atributo display

• Os links internos ao parágrafo devem ter a cor #59ABE3

• A div de classe main deve ter a largura padrão de 100%. Mas em dispositivos com tela superior a 800px a sua largura deverá ser de 640px e ele deve ficar alinhado ao centro horizontalmente.

• A seção de tag .container não terá preenchimentos em telas maiores que 800px