Esse projeto tem o objetivo de desenvolver habilidades técnicas para o desenvolvimento com HTML e CSS. Assim, desenvolvemos um site de uma empresa fictícia, onde nesse site será vendido um sistema de software, lembrando que todo conteúdo é fictício.
- Primeiros passos com HTML
- Primeiros passos com CSS
- Desenvolvimento do projeto
Desing Responsivo É importante destacar que esse projeto foi desenvolvido pensando em um desing responsivo, onde a apresentação da página no navegador se adaptasse ao tamanho da tela do usuário.
Metodologia BEM Para esse projeto utilizou-se a metodologia BEM. Sabe-se que existem muitas outras disponíveis como OOCSS e SMACSS, e que cabe ao time de desenvolvimento escolher uma para que o código CSS não termine caótico.
Important
Por isso, também foi introduzido um pouco do Bootstrap grid.
- Telas grandes
- Telas médias
- Telas pequenas
Warning
É importante ressaltar que alguns botões da tela não foram desenvolvidos, pois não era o objetivo criá-los linkados em outras páginas, como por exemplo o botão de login. Para exemploficar o funcionamento do botão linkado a outra página, utilizou o botão de Assinar, nos planos oferecidos pela empresa.
Note
Para esse projeto também foi usado pequenos detalhes com JavaScript.
Se você tem alguma sugestão, correção, ou qualquer comentário que possa melhorar esse projeto sinta-se bem-vindo para contribir! 🙂