/BookFlix

Uma interface inspirada na Netflix

Primary LanguageHTML

Desafio: Interface Netflix

Recriar a interface do site da Netflix utilizando HTML e CSS, com o carrossel de imagens Owl Carousel 2 (jQuery).

Resolvi modificar de filmes/séries/etc. para livros. Por isso o nome do projeto ficou como BookFlix.

Projeto:

O CSS foi criado utilizando o conceito "mobile first" e, posteriormente, media queries para ajuste em telas maiores.

Conteúdos extras adicionados:

  • Ao clicar nos itens do menu (início, romances, fantasia e outros), será levado até a seção escolhida;
  • Clicando no botão "mais informações" será aberto um modal com mais informações sobre o livro principal da página;
  • Animação simples utilizando keyframe para suavizar a abertura do modal.

Experiência:

Fazer esse projeto foi divertido e desafiador. Nunca havia criado um modal anteriormente, mas mesmo assim resolvi tentar. O resultado me agradou bastante!

O resultado pode ser conferido neste link.