Deverá ser escolhido uma das empresas fictícias propostas, e criar uma Landing Page para ela. Uma Landing Page é a porta de entrada de sites institucionais. Ela deve apresentar informações sobre a empresa, produtos, etc, de forma a atrair clientes. As empresas fictícias possuem uma breve descrição sobre ela, mas vocês não devem se limitar às características apresentadas. Explore sua criatividade!
O F4Bank é um projeto de um grande banco público brasileiro para competir com as startups que tem surgido, como Nubank, Banco Inter e Banco Neon. Você precisa criar uma landing page que comunique, além da proposta do banco, os produtos "Cartão sem taxa" e "Conta corrente digital", reforçando a segurança de um banco tradicional com décadas de história no país.
-
Ser responsiva no geral mas testada especificamente no iPhone 6/7/8 (essa opção é facilmente testada, usando o DevTools do Chrome) para a versão mobile. Para a versão desktop terá que ser testado em uma tela de 1280px de largura.
-
Seguir semântica do HTML5, ou seja, sempre que fizer sentido usar as tags semânticas no lugar de divs. Exemplos de tags semânticas:
<header>,<nav>,<main>,<footer>, entre outras. -
Links com ícone para as redes sociais (de mentirinha, pode apontar para a página inicial da rede social) contendo Twitter, Facebook e Instagram. Estas páginas devem ser abertas em uma nova aba.
-
O CSS deve estar em um, ou mais, arquivo(s) separado(s) e com comentários indicando a que parte do layout as regras se referem.
-
Seguir uma paleta de cores baseada na logomarca provida pelo cliente.
-
Conter, pelo menos, 2 seções diferentes.
- Ser responsiva no geral mas testada especificamente no iPhone 6/7/8 (essa opção é facilmente testada, usando o DevTools do Chrome) para a versão mobile. Para a versão desktop terá que ser testado em uma tela de 1280px de largura.
- Seguir semântica do HTML5, ou seja, sempre que fizer sentido usar as tags semânticas no lugar de divs. Exemplos de tags semânticas:
<header>,<nav>,<main>,<footer>, entre outras. - Links com ícone para as redes sociais (de mentirinha, pode apontar para a página inicial da rede social) contendo Twitter, Facebook e Instagram. Estas páginas devem ser abertas em uma nova aba.
- O CSS deve estar em um, ou mais, arquivo(s) separado(s) e com comentários indicando a que parte do layout as regras se referem.
- Seguir uma paleta de cores baseada na logomarca provida pelo cliente.
- Conter, pelo menos, 2 seções diferentes.
https://uttermost-tin.surge.sh/ (17/06) delicate-plough.surge.sh (19/06 - Final)
