Site estático: 🎥 IMDB

Objetivo:

O desafio é desenvolver a página inicial de um site de avaliação de filmes (IMDB - Internet Movies Database) utilizando apenas HTML5 e CSS3.

Preview: 👉 IMDB Codenation

Tópicos:

Neste desafio, você vai praticar os seus conhecimentos em:

• HTML5;
• CSS3;
• Vincular fontes externas (Google Fonts);
• Vincular fontes de ícones (Fontawesome).

Observações:

• As imagens estão disponíveis na pasta assets;
• ✋ Não é necessário que o site seja responsivo;
• ✋ Não utilize frameworks CSS como Bootstrap, Foundation e afins.

Requisitos:

• Node v13.8.0 - ou superior, instalado em seu computador;
• Live Server. ​

O Live server é um módulo NPM que permite servir localmente páginas HTML, sem a necessidade de instalar plugins adicionais no navegador, ou em seu editor.

Uma vez que o nodejs esteja instalado em seu computador, abra o terminal e execute o comando:

👉 npm install -g live-server

Após a instalação, você deverá navegar até o diretório contendo seus arquivos HTML e executar o comando:

👉 live-server ./[nome-da-pasta ou arquivo html]

Dicas:

• Utilize as tags semânticas do HTML5 onde julgar necessário;
• Você pode fazer download do [Normalize CSS]* (https://necolas.github.io/normalize.css/) e utilizá-lo no projeto para "normalizar/resetar" os estilos padrão dos navegadores;
• 👁️ Inspecione os elementos do preview do IMDB Codenation e descubra como alguns efeitos foram executados;
• ⚠️ Fonte Utilizada - Montserrat;
• ⚠️ Ícones utilizados - Fontawesome;
• 📜 Guia HTML5;
• 📜 Guia CSS3.

Layout: