O projeto ByeCar foi desenvolvido com o intuito de aprender e praticar funcionalidades como carrossel e modal usando JavaScript puro. Este projeto simula a página de uma empresa fictícia de aluguel de motos por assinatura. O foco principal foi implementar e entender os mecanismos por trás de um carrossel de imagens e um modal de informações, sem o uso de frameworks ou bibliotecas externas.

1. Carrossel de Motos: Um carrossel horizontal que permite a navegação entre diferentes modelos de motos, exibindo detalhes como nome, imagem, preço e plano.
2. Modal de Informações: Um modal que exibe informações detalhadas sobre a moto selecionada no carrossel.

• HTML5: Estrutura do projeto.
• CSS3: Estilização dos componentes.
• JavaScript Puro: Implementação das funcionalidades do carrossel e do modal.

.
├── index.html         # Página principal
├── style.css          # Estilos da página
├── script.js          # Funcionalidades em JavaScript
└── img/               # Imagens usadas no projeto
    ├── logo.svg
    ├── image1.png
    ├── scooter.svg
    ├── cb500.svg
    ├── setaL.png
    ├── setaR.png
    └── close-btn.png

1. Clone o repositório:

   git clone https://github.com/odiogorodriigues/ByeCar.git

2. Navegue até o diretório do projeto:

   cd ByeCar

3. Abra o arquivo index.html no seu navegador.

O carrossel permite a navegação entre diferentes modelos de motos utilizando botões de seta. A cada intervalo de 5 segundos, o carrossel avança automaticamente para o próximo item.

Ao clicar no botão "Saiba mais", um modal é exibido com informações detalhadas sobre a moto atualmente selecionada no carrossel. O modal pode ser fechado clicando no botão de fechar.

Se você deseja contribuir com este projeto, sinta-se à vontade para abrir um pull request. Todas as contribuições são bem-vindas!

Este projeto foi desenvolvido por Diogo Rodrigues.