Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/jooysoouzaa/jquery_fortunatus_motors
- Owner: jooysoouzaa
- Created: 2023-04-20T15:33:29.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-14T20:50:46.000Z (7 months ago)
- Last Synced: 2024-11-25T10:42:35.466Z (3 months ago)
- Topics: api-google-maps, css, html, jquery
- Language: HTML
- Homepage: https://fortunatusmotors.vercel.app
- Size: 52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
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)