Projeto desenvolvido durante o curso da OneBitCode – módulo Bootstrap e Sass.
O Oceanis Cruises é uma landing page moderna e totalmente responsiva para uma empresa fictícia de cruzeiros.
O foco do projeto foi aplicar os conceitos de estruturação semântica em HTML, componentes do Bootstrap e estilizações personalizadas com CSS.
- HTML5
- Bootstrap 5
- CSS3 (com personalizações no
style.css)
- Estruturação semântica com HTML5
- Sistema de grid e componentes do Bootstrap
- Responsividade mobile-first
- Customização de estilos com CSS (gradientes, background e layout visual)
- Utilização de classes utilitárias do Bootstrap
- Carousel, Accordion e Navbar responsiva
- Início (Cover Section) – destaque com chamada para ação
- O que oferecemos (Carousel) – apresentação de serviços e experiências
- Depoimentos (Cards) – avaliações de clientes
- Destinos (Background Section) – destaque visual com imagem e texto
- Benefícios exclusivos (Accordion) – vantagens e condições
- Reserva (Call to Action) – formulário simples para captação de e-mail
- Rodapé (Footer) – informações de direitos autorais
O projeto foi desenvolvido com foco em responsividade, garantindo boa experiência em:
- Smartphones 📱
- Tablets 💻
- Desktops 🖥️
| 📱 Versão Mobile |
|---|
 |
| 💻 Versão Desktop |
|---|
 |
- GitHub: Oceanis Cruises
- Site ao vivo: Oceanis Cruises
✅ Finalizado – Projeto concluído com estrutura completa, layout responsivo e estilização personalizada.
- GitHub - @slayer-br
- LinkedIn - @slayer-br
Este projeto está sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.
Projeto do módulo Bootstrap e Sass – OneBitCode