Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jooysoouzaa/jquery_fortunatus_motors

Projeto utilizando HTML, CSS e jQuery para implementar um menu hamburguer, slide carousel, validação do formulário de contato e integração com a API do Google Maps.
https://github.com/jooysoouzaa/jquery_fortunatus_motors

api-google-maps css html jquery

Last synced: 17 days ago
JSON representation

Projeto utilizando HTML, CSS e jQuery para implementar um menu hamburguer, slide carousel, validação do formulário de contato e integração com a API do Google Maps.

Awesome Lists containing this project

README

        

# Neste projeto, utilizei HTML, CSS e jQuery para criar uma interface moderna e interativa. As funcionalidades implementadas com jQuery incluem:

• Menu Hambúrguer:

Desenvolvi um menu de navegação responsivo, que se expande e recolhe de forma suave.

• Slide Carousel:

Implementei um carrossel de imagens dinâmico, proporcionando uma experiência visual atrativa e fluida.

• Validação de Formulário de Contato:

Adicionei validações para garantir a integridade dos dados inseridos pelos usuários.

• Integração de Dados:

Ao clicar no botão "Tenho Interesse", o nome do carro selecionado é automaticamente preenchido no formulário de contato, facilitando a interação do usuário.

Além dessas funcionalidades, integrei a API do Google Maps para exibir a localização de interesse de forma dinâmica. Ao clicar na imagem associada à localização, os usuários são redirecionados para o Google Maps, proporcionando uma visualização detalhada e interativa do local.

Este projeto destaca a aplicação prática de jQuery para melhorar a interatividade e a usabilidade, combinando elementos visuais atraentes com funcionalidades úteis e integrativas.

Veja o projeto: https://fortunatusmotors.vercel.app/

![img-projeto-fortunatus-motors](https://github.com/user-attachments/assets/216382b2-162a-46d1-8f4e-fbeafb4f2eae)