Objetivo

Ficamos muito felizes com sua jornada até aqui, pois foram muitos desafios e conteúdos que você precisou aprender para que você chegasse até este momento.Essa etapa do curso é onde você vai usar todo seu conhecimento adquirido até aqui. Não apenas o conhecimento técnico, mas também o trabalho em equipe, organização, foco e persistência.

Instruções Esse projeto apesar de ter um tema que será definido pelo grupo (até 3 integrantes), deverá cumprir algumas exigências.

• O trabalho poderá seguir o seguinte wireframe

• O trabalho deverá ser entregue por um repositório no github, ou gitpages, ou replit.

REQUISITOS GERAIS

• Todo o site deve estar responsivo.
• O site deve ser feito com Bootstrap.
• O site deve ter hover e transições.
• O site deve ter rolagem suave (scroll behavior - smooth).
• O title deve variar de acordo com a página atual. Ex: Em um cenário hipotético de filmes, na página do filme peter pan ficaria: DH Flix | Peter Pan.
• Todas as páginas devem ter o mesmo header e footer.

HEADER

• Header deve conter 4 itens além da logo (Home, itens, login e sobre nós). Cada item deve linkar com uma parte do site ou uma página externa.
• O header deverá sempre estar no topo da página.

BANNER

• A home deverá ter um banner e este deve ter o efeito parallax, (pesquise por background-attachment).
• O banner tem de ter um botão e uma breve descrição do site.
• O banner vai ocupar toda área da viewport (VH) do usuário.

LISTAGEM DE ITENS

• A home terá uma listagem de itens.
• O link do header para os itens, devem levar para essa seção da página.
• A listagem dos itens tem de ter um scale no hover, mas se quiser fazer outra animação, também pode.
• Mínimo de itens para listagem é 6.
• Os itens devem ter: título, foto, descrição e um botão que leva para a página de detalhe deste item.

FOOTER

• No footer deve haver informações sobre a equipe e sobre contato. Bem como ano de desenvolvimento do trabalho.

PÁGINA DE DETALHE

• Seu site tem de ter uma página de detalhes para cada item listado onde haverá uma explicação sobre o mesmo. No exemplo dos filmes, a página de um filme teria sua sinopse, link para o trailer e ficha técnica.

PÁGINA OU MODAL DE LOGIN

• Formulário de login deverá ter uma logo, um campo de user e um campo de senha e um botão de submit.