bootcamp-launchbase-desafios-02
Desafio 2-3: Página de cursos e iframe
“Você nunca sai perdendo quando ganha conhecimento!”
Sobre o desafio | Entrega | Licença
:rocket: Sobre o desafio
A partir do arquivo do desafio 2.2, adicionar no header um link chamado Conteúdos. Essa página deve conter um grid onde devem ser mostrados os 3 principais cursos da Rocketseat: Starter, Launchbase e GoStack. Ao clicar em um dos cursos, deve ser aberta uma modal onde um iframe irá carregar as informações do curso selecionado.
Informações da página
- Título da página
- Grid com 3 colunas e 1 linha onde serão apresentados os cards dos cursos
Informações do card
- Logo do curso (Starter, Launchbase e GoStack)
- Título do curso
- Quantidade de módulos dos cursos
- Informação se o curso é gratuito ou pago
Modal
O modal deve conter um iframe que busca a página do curso (dica: basta adicionar starter, launchbase ou gostack ao final de https://rocketseat.com.br/). Além do botão de fechar o modal, é preciso implementar a funcionalidade de maximizar o modal (dica: utilize a mesma lógica implementada para fechar o modalOverlay, mas trabalhe com a classe modal e utilize o método contains do classList para verificar se o elemento está ou não com a classe maximize).
Estilização
Você tem liberdade para escolher a estilização que preferir para esse desafio, mas alguns pontos são obrigatórios:
- Deve ser utilizado o grid para organizar os cursos
- O modal nunca deve abrir maximizado
:calendar: Entrega
Esse desafio não precisa ser entregue e não receberá correção. Após concluí-lo, adicionar esse código ao seu Github é uma boa forma de demonstrar seus conhecimentos para oportunidades futuras.
:memo: Licença
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com :purple_heart: by Rocketseat :wave: Entre na nossa comunidade!