https://github.com/rodrigosadev/reserva_ambiental

Site de uma Reserva Ambiental desenvolvido com HTML, CSS & JavaScript.
https://github.com/rodrigosadev/reserva_ambiental

css html javascript

Last synced: about 13 hours ago
JSON representation

Site de uma Reserva Ambiental desenvolvido com HTML, CSS & JavaScript.

• Host: GitHub
• URL: https://github.com/rodrigosadev/reserva_ambiental
• Owner: RodrigoSADev
• Created: 2022-07-22T17:50:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-06T17:24:44.000Z (over 1 year ago)
• Last Synced: 2024-11-12T00:22:42.870Z (2 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://reserval-ambiental-rs.netlify.app
• Size: 5.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Reserva Ambiental

É um projeto de um site para uma reserval ambiental fictícia desenvolvido por mim com o propósito de evoluir em HTML, CSS, JavaScript & Manipulação no DOM.

# Projeto Completo (Web)

![Reserval Ambiental Web 0](https://user-images.githubusercontent.com/97991094/181839956-5286e0d3-f960-4bad-aba7-92a4e7b8b8df.gif)

## Menu com modal para login e acesso a outras páginas

![Reserval Ambiental Web 1](https://user-images.githubusercontent.com/97991094/181839402-c10b6df3-66b2-4ab0-a9b3-926dda0cfd9f.gif)

## Navegação por clique

![Reserval Ambiental Web 2](https://user-images.githubusercontent.com/97991094/181839847-a0f5b990-7cfb-4947-af12-c2fb19a94042.gif)

## Slideshow

![Reserval Ambiental 3](https://user-images.githubusercontent.com/97991094/181840327-f397c183-357e-4189-ada7-cdf1ff567594.gif)

## Faq de perguntas e respostas (Accordion)

![Reserval Ambiental 4](https://user-images.githubusercontent.com/97991094/181840459-6e482ea8-cdc6-4575-b2bd-1ad375cf85d0.gif)

## Animação nos números utilizando Math.random, Math.floor e Set Interval

![Reserval Ambiental 5](https://user-images.githubusercontent.com/97991094/181840709-ff86a36d-5679-4c4e-b16f-64d0aa9d22c9.gif)

## O preço do bitcoin é tirado de API externa e o mapa tem um efeito de tooltip (mensagem flutuante) com addEventListener (mousemove)

![Reserval Ambiental 6](https://user-images.githubusercontent.com/97991094/181840914-cdf5e772-5a08-4da9-8a07-aa794aae4c3a.gif)

# Projeto Completo (Mobile)

Projeto 100% responsivo, quebra do grid e criação de um menu mobile.

![Reserval Ambiental  Mobile](https://user-images.githubusercontent.com/97991094/181841236-a6fc29b6-f9e2-43c0-b618-4510c12920a8.gif)