Projeto: Criação de uma pagina estatica responsivo, com uso de Bootstrap e JS.

• Foi publicado uma pagina, utilizando os conceitos voltados ao Bootstrap. Conceitos como:

  • Criação de Containers.
  • Utilização de Imagens dentro do containers.
  • Criação de Lista de Navegação dentro de containers.

• O projeto publicado é referente ao treinamento do Curso de HTML5 + CSS3 + Bootstrap da Digital Innovation One https://digitalinnovation.one.

Ferramentas Utilizadas

• Bootstrap 4.5
• Jquery

Update

01/03/2021

• Alterado layout da pagina.
• Aplicado design responsivo.
• Aplicado conceitos de SPA

31/10/2021

• Refatorado codigo.
• Ajustado a semantica do HTML (SEO). Removido tags desnecessarias.
• Removido Jquery e utilizado JavaScript ES6 com a biblioteca Scrollreveal.
• Atualizado versão do Bootstrap para v5.
• Utilizado Flexbox e Grid (Css)
• Reduzido tamanho das imagens convertendo para .webp - Link: https://developers.google.com/speed/webp/download.
• Realizado pequenas alterações no Layout, mantendo boa parte do layout anterior.
• O intuito desse update foi treinar uma refatoração, update de versão, troca de ferramenta (como biblioteca), sem fazer muitas alterações no layout do site.

Site Publicado no link abaixo (Referente alteração 31/10/2021)

• https://camila-github.github.io/projeto-dio-bootstrap-js/

Vídeo de demonstração do aplicativo (Referente alteração 31/10/2021)