Para esta atividade, você precisará atualizar as regras em style.css para conseguir um currículo que se pareça com o do arquivo mock_up.pdf.
A única coisa que nós fizemos por você neste nível foi o alinhamento. Você terá que descobrir todo o resto por conta própria!
Para as tags body e html, você pode utilizar as seguintes fontes: 'Lato', 'Helvetica' e 'Arial', juntamente com o sans-serif por padrão. Exemplo: <nome-fonte>, **sans-serif**
Para os títulos você pode utilizar qualquer uma dessas fontes 'Rokkitt', 'Helvetica', 'Arial', e sans-serif.
As seguintes cores serão usadas pelo documento para texto e fundos:
#444444(slate grey, títulos e sub-títulos)#181818(jet black, contatos e descrições)#cf8a05(yellow, tópicos e divisória)#f3f3f3(off white, cor de fundo)#dedede(light grey, divisória entre os tópicos)
- a borda que separa o cabeçalho do resto do currículo tem 2px de espessura
- bordas entre cada seção tem 1px de espessura
Por enquanto vocês podem usar os atributos CSS: float e width (Vocês aprenderão outras formas).
- O atributo width define uma largura da tag.
- E atributo float define por onde o elemento pode flutuar, no nosso caso, sejá para esquerda, ou para direita.
Conforme você tentar recriar o mock up, poderá ser útil conferir estes recursos:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent