Landing Page Responsiva com Bootstrap

Este projeto consiste em uma landing page responsiva que utiliza o framework CSS Bootstrap. A página é projetada para se adaptar a diferentes dispositivos e tamanhos de tela, proporcionando uma experiência consistente aos usuários.

Recursos Principais

• Carrossel de Imagens: permite a exibição de várias imagens de forma dinâmica. Os usuários podem navegar pelas imagens usando os controles do carrossel, ou deixando passar automaticamente, a cada 3 segundos. Na versão mobile, o texto do carrossel é ocultado para evitar que fique distorcido ou achatado na tela.

• Modal de Contato: para preenchimento de formulário, foi incluído um modal, proporcionando assim aos usuários uma maneira fácil de entrar em contato com a empresa. O modal é uma janela que se abre sobre o conteúdo da página, bloqueando qualquer interação com o restante do site até que seja fechado. Nessa imagem aqui, você pode visualizar como ele se apresenta.

• Menu Hamburguer Responsivo: implementado na versão responsiva da página. Quando a tela é redimensionada para tamanhos menores, o menu hamburguer é exibido e oculta os headers tradicionais. O menu hamburguer também acompanha qualquer espaço da tela, pois foi utilizada a propriedade de posição fixed top no nav bar. Isso permite que os usuários acessem facilmente as diferentes seções da página através do menu hamburguer.

Versão Mobile:

Feito por:

Nayra Braga Barbosa

Linkedin: https://www.linkedin.com/in/nayra-barbosa/

Página desenvolvida como resultado de um curso na Alura.