https://github.com/ewertondrigues02/site-adote-um-animal
Site feito com Html / CSS / Javascripts. O layout do site é cuidadosamente projetado para garantir a facilidade de navegação e acessibilidade. O design responsivo permite que os usuários acessem o site em uma variedade de dispositivos, como computadores, tablets e smartphones, garantindo uma experiência consistente em diferentes plataformas.
https://github.com/ewertondrigues02/site-adote-um-animal
adocao css3 html5 javascript site-responsivo sites
Last synced: 3 months ago
JSON representation
Site feito com Html / CSS / Javascripts. O layout do site é cuidadosamente projetado para garantir a facilidade de navegação e acessibilidade. O design responsivo permite que os usuários acessem o site em uma variedade de dispositivos, como computadores, tablets e smartphones, garantindo uma experiência consistente em diferentes plataformas.
- Host: GitHub
- URL: https://github.com/ewertondrigues02/site-adote-um-animal
- Owner: ewertondrigues02
- Created: 2023-10-15T16:47:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-15T20:11:02.000Z (3 months ago)
- Last Synced: 2025-02-15T21:19:49.880Z (3 months ago)
- Topics: adocao, css3, html5, javascript, site-responsivo, sites
- Language: HTML
- Homepage:
- Size: 65.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Support: support-303213.svg
Awesome Lists containing this project
README
# Adote Um Animal
Bem-vindo ao projeto **Adote Um Animal**, uma plataforma interativa para adoção de animais e conscientização sobre a fauna. O objetivo deste projeto é promover a adoção responsável e fornecer informações sobre diferentes espécies de animais.
## 📌 Visão Geral
O projeto **Adote Um Animal** é um site responsivo e dinâmico que exibe informações sobre animais disponíveis para adoção, além de permitir interações como login, pesquisa e reservas. Ele foi desenvolvido utilizando **HTML, CSS e JavaScript**, além de bibliotecas externas para melhorar a experiência do usuário.
## 🚀 Tecnologias Utilizadas
- **HTML5** – Estruturação do site.
- **CSS3** – Estilização e responsividade.
- **JavaScript (ES6+)** – Funcionalidades interativas.
- **Swiper.js** – Carrossel de imagens interativo.
- **Font Awesome** – Ícones visuais.
## 📂 Estrutura do Projeto
```
📁 Adote-um-Animal
│-- 📄 index.html # Página principal
│-- 📄 style.css # Estilos personalizados
│-- 📄 script.js # Funcionalidades do site
│-- 📁 img # Imagens do site
│-- 📁 fonts # Arquivos de fontes
```
## 🎨 Layout e Funcionalidades
### 🔹 Home
- Vídeo de fundo interativo
- Mensagem de boas-vindas e chamada para ação
### 🔹 Seção de Adoção
- Lista de animais disponíveis para adoção
- Descrição detalhada de cada animal
- Sistema de classificação com estrelas
### 🔹 Formulário de Reserva
- Inputs para local, número de pets, data de chegada e saída
- Botão para envio da reserva
### 🔹 Login e Cadastro
- Formulário de login com email e senha
- Opção para lembrar usuário
- Link para recuperação de senha e criação de conta
## 🛠 Como Executar o Projeto
1. Clone o repositório:
```bash
git clone https://github.com/seu-usuario/adote-um-animal.git
```
2. Acesse o diretório do projeto:
```bash
cd adote-um-animal
```
3. Abra o arquivo `index.html` no navegador.
## 📌 Melhorias Futuras
- Adicionar um backend para armazenar dados de usuários e animais
- Implementar um sistema de autenticação real
- Criar um banco de dados para gerenciar adoções
- Melhorar acessibilidade e usabilidade
## 📄 Licença
Este projeto está sob a licença MIT. Sinta-se à vontade para contribuir e aprimorar a plataforma!
---
💡 *Se você gostou do projeto, não esqueça de dar uma ⭐ no repositório!*