Daniel Craig como 007

1️⃣ Objetivo

Criar uma página web com um carrossel de imagens (seis fotos) e um texto fixo apresentando a série The Last of Us, da HBO.

2️⃣ Descrição

Este projeto foi desenvolvido com mentoria dos irmãos Ricardo e Roberto Dias, do canal Dev em Dobro no YouTube.

As aulas, 100% gratuitas e voltadas para iniciantes na programação, permitiram não só aprender conceitos fundamentais, mas também conhecer a metodologia de ensino deles.

3️⃣ Principais Modificações

A estrutura base criada durante as aulas foi mantida. Optei somente por modificar o tema e incluir algumas funcionalidades personalizadas.

HTML

• Alterei o tema principal, criando uma página especial dedicada aos cinco filmes de Daniel Craig como 007;
• Escrevi uma sinopse para cada imagem/filme;
• Adicionei um ícone de arma no título/logo, utilizando a biblioteca Font Awesome.

CSS

• Reescrevi o CSS adotando o conceito de mobile first, ajustando primeiramente para telas menores e adaptando para telas maiores;
• Modifiquei as propriedades do background-image, tornando as imagens mais claras em comparação ao projeto original;
• Realizei ajustes no design do texto, modificando o width, margin, padding e font-size;
• Reposicionei os botões: nas telas menores, eles aparecem na base da página; nas telas maiores, à direita.

JavaScript

• Adicionei a funcionalidade para trocar os títulos e as sinopses dos filmes dinamicamente conforme os botões são clicados.

4️⃣ Tecnologias Utilizadas

Linguagens

  

Ferramentas

  

5️⃣ Créditos

Meus agradecimentos aos irmãos Ricardo e Roberto Dias e à equipe do Dev em Dobro pelas aulas gratuitas e repletas de ensinamentos valiosos.

• Dev em Dobro no YouTube 🔗

Para quem gostou das imagens:

• The Movie Database (TMDB) 🔗

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.

---

Gostou do projeto? Deixe uma estrelinha