Este projeto foi criado no intuito de instruir o uso de HTML e CSS para o desenvolvimento de sites com a técnica MobileFirst.
O MobileFirst é utilizado para melhores resultados de SEO, tendo em vista que grande parte das plataformas que acessam sites atualmente, são plataformas mobile.
- Desenvolver HTML e CSS para Mobile (Layout base de 428px)
- Adaptar para Tablet (Layout base de 1024px)
- Adaptar para Desktop (Layout base de 1728px)
Etapas:
- Header
- Banner
- Carrossel de Novos Lançamentos com SwiperJS
- Card de "Talvez você também se interesse"
- Carrossel de Mais Vendidos com SwiperJS
- Card de Autor(a) do mês
- Tópicos Visitados Recentemente
- Contato
- Rodapé
Etapas:
- Ajustar o Header
- Ajustar o Banner
- Ajustar o Carrossel e o Card do primeiro trecho
- Ajustar o Carrossel e o Card do segundo trecho
- Ajustar os Tópicos Visitados Recentemente
- Ajustar seção de Contato
- Ajustar o Rodapé
Etapas:
- Ajustar o Header
- Ajustar o Banner
- Ajustar o Carrossel e o Card do primeiro trecho
- Ajustar o Carrossel e o Card do segundo trecho
- Ajustar os Tópicos Visitados Recentemente
- Ajustar seção de Contato
- Ajustar o Rodapé