Olá! Este é o repositório que contém os arquivos do Projeto Streamy criado para o Checkpoint III do módulo de Front-End do Certified Tech Developer, na Digital House.
link: https://tpvale.github.io/checkpoint-fei-III/index.html
Esse projeto apesar de ter um tema que será definido pelo grupo (até 3 integrantes), deverá cumprir algumas exigências.
1. 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.
2. 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.
3. 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.
4. 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.
5. FOOTER
- No footer deve haver informações sobre a equipe e sobre contato. Bem como ano de desenvolvimento do trabalho.
6. 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.
7. 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.
- Matheus Rayol
- Tiago Vale
- Rafael Soares
- Pacote de ícones FontAwesome;
- Família de fontes Mont Trial da FontFabric;
- Script em JS para alteração de links anchor ativos, encontrado no Stackoverflow.