-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobre-nos.html
189 lines (173 loc) · 9.59 KB
/
sobre-nos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adote</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- CSS only -->
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<body onload="getPhotos()">
<div>
<div class="nav">
<div>
<h4>ASPA - Associação de Socorro e Proteção aos Animais<span style="color: #3f51b5;">.</span></h4>
</div>
<div class="links">
<a href="index.html">Home</a>
<a href="doe.html">Doe</a>
<a href="sobre-nos.html">Sobre-nós</a>
<a href="adotar.html" class="adotar">Adotar</a>
</div>
</div>
<!--LANDING PAGE-->
<div class="landing" style=" height: 70vh;">
<div class="landingText" data-aos="fade-up" data-aos-duration="1000">
<h1>Sobre nós<span style="color: #3f51b5; font-size: 3vw;">.</span></h1>
<h3>Conheça a nossa história.</h3>
<div class="btn">
<a href="./doe.html">Doe</a>
</div>
</div>
<div class="landingImage" data-aos="fade-down" data-aos-duration="2000">
<img src="img/logo-sem-fundo.png">
</div>
</div>
<div class="aboutUs">
<div data-aos="fade-up" data-aos-duration="2000">
<span style="color: #3f51b5;font-size: 7vw;">História</span><br>
<h1>Onde começou</h1>
<p style="text-align: justify; font-size: 1.5vw;">Em 2006, diante de diversas situações de abandono e
maus-tratos a
animais na cidade, Maria e sua mãe Geruza fundaram a Associação de Socorro e Proteção aos Animais
(ASPA). Com a missão de socorrer, abrigar sempre que possível, recuperar e promover a adoção e
guarda responsável das vítimas.
Hoje, vivem no abrigo mais de 100 cães, sendo deles 5 cadeirantes, numa grande área verde com vários
canis. Eles vivem soltos, em grupos de 5 a 10 cães, são separados por afinidades. Além dos cuidados
básicos, a equipe da ASPA não mede esforços para doar a cada um a atenção, o carinho e o nome
que um dia lhes foi negado.</p>
<p style="text-align: justify;font-size: 1.5vw;">Em 16 anos mais de 3 mil cães passaram pela entidade.
Hoje são
necessárias mais de 800 quiloso de ração por mês para alimentar todos os cães. Para manter seu
funcionamento é preciso pelo menos R$ 7.000,00 por mês, para custear o trabalho diário e elevadas
despesas mensais, com a construção e manutenção da infraestrutura, alimentação, limpeza, tratadores,
cirurgias e tratamentos veterinários, além das despesas com o socorro de animais nas residências e
ruas da cidade. </p>
<p style="text-align: justify;font-size: 1.5vw;">O abrigo oferece muito mais do que proteção a tantas
vidas com um
passado de abandono e sofrimento. Enquanto aguardam uma oportunidade de adoção, oferece-lhes um
pequeno paraíso; um lar, uma grande família e, senão uma história, certamente um novo capítulo de
felicidade e amor. Hoje a realidade no processo de adoção é que para 3 cães adotados, 10 são
abandonados.
</p>
<p style="text-align: justify;font-size: 1.5vw;">É uma visão que reconhece que os animais não são
brinquedos ou objetos
para satisfazer nossos desejos, mas antes seres vivos com sentimentos, que existem a serviço da
vida, evolução e equilíbrio do planeta.</p>
<p style="text-align: justify;font-size: 1.5vw;">Para a realização deste sonho, é preciso conscientizar
pessoas e adotar
muitas vidas abandonadas. Quem já adotou através da ASPA, rapidamente descobriu que estes cães
têm imenso amor para dar. Descobriu também como esta missão de resgate pode trazer muitas alegrias e
grandes amizades.</p>
</div>
</div>
<!--INFO SECTION CARDS-->
<div>
<div class="infoSectionOurTeam">
<div class="infoHeader" data-aos="fade-up" data-aos-duration="2000">
<h1>Nossa equipe<br> <span style="color: #3f51b5;">ASPA</span><span style="color: #0E0D0D;">.</span>
</h1>
</div>
<div class="infoCards">
<div class="card one" data-aos="fade-up" data-aos-duration="1000">
<img src="img/juliana.jpg">
</div>
<div class="card two" data-aos="fade-up" data-aos-duration="1300">
<img src="img/pedro.jpg">
</div>
<div class="card three" data-aos="fade-up" data-aos-duration="1600">
<img src="img/rosa.jpg">
</div>
</div>
</div>
</div>
<div class="infoSectionOurPets">
<div class="infoHeader" data-aos='fade-up' data-aos-duration="1000">
<h1>Nossos Pet's<br> <span style="color: #3f51b5;">ASPA</span><span style="color: #0E0D0D;">.</span>
</h1>
<button class="refresh" id="buttonRefresh" style="position:relative; margin-top: 20px;" onclick="getPhotos()">
Outros Pet`s
</button>
</div>
<div class="sectionPhotos" data-aos="fade-up" data-aos-duration="1000">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
<li data-target="#myCarousel" data-slide-to="6"></li>
<li data-target="#myCarousel" data-slide-to="7"></li>
<li data-target="#myCarousel" data-slide-to="8"></li>
<li data-target="#myCarousel" data-slide-to="9"></li>
</ol>
<!-- Wrapper for slides -->
<div id="inputCarousel" class="carousel-inner" style="margin: 20px;">
<!-- Criado no JavaScript -->
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<!--BANNER-->
<div class="banner">
<div class="bannerText" data-aos="fade-right" data-aos-duration="1000">
<h1>Entre em contato:<br> <span style="font-size: 1.6vw;">
contato@aspa.com.br</span>
</h1>
<a href="https://www.facebook.com/" target="_blank"><img src="img/facebook.png"></a>
<a href="https://www.instagram.com/" target="_blank"><img src="img/instagram.png"></a>
<a href="https://web.whatsapp.com/" target="_blank"><img src="img/whatsapp.png"></a>
</div>
<div class="bannerImg" data-aos="fade-up" data-aos-duration="1000">
<img src="img/mulher-celular.svg">
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<h2>ASPA<span style="color: #3f51b5;">.</span></h2>
<div class="footerlinks">
<a href="index.html">Home</a>
<a href="doe.html">Doe</a>
<a href="sobre-nos.html">Sobre-nós</a>
<a href="adotar.html" class="adotar">Adotar</a>
</div>
</div>
<!-- Biblioteca animações -->
<!-- https://michalsnik.github.io/aos/ -->
<!-- https://github.com/michalsnik/aos -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
<script src="main.js"></script>
<!-- JavaScript Bundle with Popper -->
</html>