-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (329 loc) · 14.5 KB
/
index.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
document.documentElement.className += " js";
</script>
<link rel="stylesheet" href="./css/style.css" />
<title>Animais Fantásticos</title>
</head>
<body>
<div class="grid-container">
<!--menu-->
<nav class="menu" data-menu="suave">
<button
type="button"
data-menu="button"
aria-expanded="false"
aria-controls="menu"
>
Menu
</button>
<ul data-menu="list" id="menu">
<li><a href="#animais">Animais</a></li>
<li data-dropdown>
<a href="sobre.html">Sobre</a>
<ul class="dropdown-menu">
<li><a href="empresa.html">A Empresa</a></li>
<li><a href="equipe.html">Equipe</a></li>
<li><a href="socios.html">Sócios</a></li>
<li><a href="investidores.html">Investidores</a></li>
</ul>
</li>
<li><a href="#faq">Faq</a></li>
<li><a href="#contato">Contato</a></li>
<li>
<a
href="https://www.linkedin.com/in/paulopbi/"
target="_blank"
data-modal="abrir"
>Login</a
>
</li>
</ul>
</nav>
<!--hero section-->
<section class="grid-section animais" data-anime="scroll" id="animais">
<h1 class="titulo">Animais Fantásticos</h1>
<ul class="animais-lista" data-tab="menu">
<li>
<img src="assets/imagem1.jpg" alt="Animal" />
</li>
<li>
<img src="assets/imagem2.jpg" alt="Animal" />
</li>
<li>
<img src="assets/imagem3.jpg" alt="Animal" />
</li>
<li>
<img src="assets/imagem4.jpg" alt="Animal" />
</li>
<li>
<img src="assets/imagem5.jpg" alt="Animal" />
</li>
<li>
<img src="assets/imagem6.jpg" alt="Animal" />
</li>
</ul>
<div class="animais-descricao" data-tab="content">
<!--section raposa-->
<section data-anime="show-right">
<h2>Raposa</h2>
<p>
As raposas são animais mamíferos e onívoros pertencentes à família
Canidae. São vulpídeos de porte médio, caracterizados por um
focinho comprido e uma cauda longa e peluda.
</p>
<p>
Também apresentam como particularidade suas pupilas ovais,
semelhantes às pupilas verticais dos felídeos.
</p>
<p>
De cerca de 40 espécies reconhecidas como raposas, somente 12
pertencem ao gênero Vulpes das "raposas verdadeiras", do qual a
raposa vermelha é a mais comum.
</p>
<p>
Também apresentam como particularidade suas pupilas ovais,
semelhantes às pupilas verticais dos felídeos.
</p>
</section>
<!--section esquilo-->
<section data-anime="show-right">
<h2>Esquilo</h2>
<p>
Os esquilos pertencem a uma grande família de mamíferos roedores,
de pequeno e médio porte, conhecida como Sciuridae. No Brasil, são
também conhecidos como serelepe, caxinguelê, caxinxe, quatimirim,
quatipuru, agutipuru ou acutipuru. Na Galiza e em algumas zonas de
Portugal, também são conhecido por esquio.
</p>
<p>
Os esquilos estão espalhados por quase todo o mundo, a maioria nas
zonas de climas temperado ou tropical, mas também em algumas zonas
de clima frio. Como todos os roedores, possuem presas fortíssimas,
com que roem facilmente sementes, principalmente bolotas.
</p>
<p>
"Esquilo" é uma palavra com origem no termo grego skioúros.
"Caxinguelê" é oriundo do termo quimbundo kaxinjiang'elê, que
significa "rato de palmeira". "Quatimirim" origina-se do termo
tupi kwa'ti mi'rim, que significa "quati pequeno". "Acutipuru",
"agutipuru" e "quatipuru" vêm do termo tupi acutipu'ru, que
significa "cutia enfeitada".
</p>
<p>
As sementes são as principais fontes de alimentação, mas também
consomem insetos e frutas. Quando coletam alimento, enterram
algumas sementes que encontram, sendo que algumas chegam a
germinar, como pinhões e coquinhos, acabando por plantar árvores
como araucária e jerivá.
</p>
</section>
<!--section urso-->
<section data-anime="show-down">
<h2>Urso</h2>
<p>
Os Ursos (latim científico: Ursidae) constituem uma família de
mamíferos plantígrados, geralmente de grande porte, contendo os
ursos e os pandas. Algumas características comuns dos ursos são
pelagem espessa, rabo curto, o olfato desenvolvido e as garras não
retráteis. Os ursídeos são geralmente animais omnívoros, mas se
alimentam principalmente de carne.
</p>
<p>
Embora classificado como urso, e logo após, como procionídeo,
junto com o panda-vermelho (atualmente classificado em sua própria
família, Ailuridae), o panda-gigante foi recolocado dentro da
família dos ursídeos devido às novas pesquisas genéticas.
</p>
<p>
As espécies mais antigas e primitivas desta família estão reunidas
no gênero Ballusia, do Mioceno Inferior, que ainda retêm
características similares aos Hemicyonidae. Do Ballusia descende o
gênero Ursavus, fonte dos ursíneos, e talvez o Agriarctos,
ancestral dos agrioteríneos.
</p>
</section>
<!--section lobo-->
<section data-anime="show-down">
<h2>Lobo</h2>
<p>
O lobo (também chamado de lobo-cinzento; nome científico: Canis
lupus) é uma espécie de mamífero canídeo do gênero Canis. É um
sobrevivente da Era do Gelo, originário do Pleistoceno Superior,
cerca de 300 mil anos atrás. É o maior membro remanescente
selvagem da família canidae. O sequenciamento de DNA e estudos
genéticos reafirmam que o lobo-cinzento é ancestral do cão
doméstico (Canis lupus familiaris), contudo alguns aspectos desta
afirmação têm sido questionados recentemente.
</p>
<p>
Uma série de outras subespécies do lobo-cinzento foram
identificadas, embora o número real de subespécies ainda esteja em
discussão. Os lobos-cinzentos são tipicamente predadores ápice nos
ecossistemas que ocupam.
</p>
<p>
Embora não sejam tão adaptáveis à presença humana como geralmente
ocorre com as demais espécies de canídeos, os lobos se
desenvolveram em diversos ambientes, como florestas temperadas,
desertos, montanhas, tundras, taigas, campos e até mesmo em
algumas áreas urbanas.O lobo-cinzento (Canis lupus), o
lobo-vermelho (Canis rufus), o lobo-etíope (Canis simensis) e o
lobo-dourado (Canis anthus) são as únicas quatro espécies
classificadas como lobos. Os demais lobos correspondem a
subespécies derivadas dessas quatro espécies.
</p>
</section>
<!--section macaco-->
<section data-anime="show-right">
<h2>Macaco</h2>
<p>
Macaco é um termo de origem africana (provavelmente do banto
makako) utilizado como designação comum a todas as espécies de
símios ou primatas antropoides. É aplicada restritivamente no
Brasil aos cebídeos (ou macacos do Novo Mundo) em geral. No
sentido estrito, "macaco" refere-se às espécies de primatas
pertencentes ao género Macaca.
</p>
<p>
A designação mico se origina, segundo o Dicionário Aurélio, do
caraíba (karib) continental. É bastante usada no Brasil, onde
costuma aplicar-se às espécies do gênero Cebus, no Sul, e às
espécies de pequeno porte, ou saguis, no Norte.
</p>
<p>
O termo sagui se origina do tupi antigo sagûi e também designa os
macacos calitriquídeos de pequeno porte. Ainda segundo Cunha, o
termo símio, que também designa os macacos (tendo sido registrado
no português dos séculos XVI e XVII), vem do latim simius, de
simus, "que tem o nariz chato".
</p>
</section>
<!--section leão-->
<section data-anime="show-right">
<h2>Leão</h2>
<p>
O leão [feminino: leoa] (nome científico: Panthera leo) é uma
espécie de mamífero carnívoro do gênero Panthera e da família
Felidae. A espécie é atualmente encontrada na África subsaariana e
na Ásia, com uma única população remanescente em perigo, no Parque
Nacional da Floresta de Gir, Gujarat, Índia. Foi extinto na África
do Norte e no Sudoeste Asiático em tempos históricos, e até o
Pleistoceno Superior, há cerca de 10 000 anos, era o mais
difundido grande mamífero terrestre depois dos humanos, sendo
encontrado na maior parte da África, em muito da Eurásia, da
Europa Ocidental à Índia, e na América, do Yukon ao México. É uma
dos quatro grandes felinos, com alguns machos excedendo 250
quilogramas em peso, sendo o segundo maior felino recente depois
do tigre.
</p>
<p>
A pelagem é unicolor de coloração castanha, e os machos apresentam
uma juba característica. Uma das características mais marcantes da
espécie é a presença de um tufo de pelos pretos na cauda, que
também possui uma espora. Habita preferencialmente as savanas e
pastagens abertas, mas pode ser encontrado em regiões mais
arbustivas.
</p>
<p>
É um animal sociável que vive em grupos que consiste das leoas e
suas crias, o macho dominante e alguns machos jovens que ainda não
alcançaram a maturidade sexual. A dieta consiste principalmente de
grandes ungulados e possuem hábitos noturnos e crepusculares,
descansando e dormindo na maior parte do dia. Leões vivem por
volta de 10-14 anos na natureza, enquanto em cativeiro eles podem
viver por até 30 anos. Alguns animais desenvolveram o hábito de
atacar e devorar humanos, ficando conhecidos como "devoradores de
homens".
</p>
</section>
</div>
</section>
<!--final hero-->
<!--section faq -->
<section class="grid-section faq" data-anime="scroll" id="faq">
<h1 class="titulo">FAQ</h1>
<!--pergunta 1-->
<dl class="faq-lista" data-anime="accordion">
<dt>Qual a idade dos animais</dt>
<dd>
As raposas são animais mamíferos e onívoros pertencentes à família
Canidae. São vulpídeos de porte médio, caracterizados por um focinho
comprido e uma cauda longa e peluda.
</dd>
<!--pergunta 2-->
<dt>Eles são fantásticos?</dt>
<dd>
Também apresentam como particularidade suas pupilas ovais,
semelhantes às pupilas verticais dos felídeos.
</dd>
<!--pergunta 3-->
<dt>Qual a diferença?</dt>
<dd>
As raposas são animais mamíferos e onívoros pertencentes à família
Canidae. São vulpídeos de porte médio, caracterizados por um focinho
comprido e uma cauda longa e peluda.
</dd>
<!--pergunta 4-->
<dt>Como proteger?</dt>
<dd>
Também apresentam como particularidade suas pupilas ovais,
semelhantes às pupilas verticais dos felídeos.
</dd>
</dl>
</section>
<!--section numeros-->
<section class="grid-section numeros" data-anime="scroll">
<h1 class="titulo">titulos</h1>
<!--animais serao inseridos pelo json-->
<div class="numeros-grid"></div>
</section>
<!--section contato -->
<section class="grid-section contato" data-anime="scroll" id="contato">
<h1 class="titulo">Contato</h1>
<div
class="mapa"
data-tooltip
aria-label="Endereço Proximo Ao Estacionamento"
>
<img src="assets/mapa.png" alt="Mapa" />
</div>
<ul class="dados">
<li>paulovictordev16@gmail.com</li>
<li>
<a href="https://github.com/paulopbi" target="_blank">Github</a>
</li>
<li>
<a href="https://www.linkedin.com/in/paulopbi/" target="_blank"
>Linkedin</a
>
</li>
<li>Paracambi - Rio de Janeiro, RJ</li>
<li>Doe <span class="btc-preco">0</span> Bitcoin para nos ajudar</li>
<li data-semana="1,2,3,4,5" data-horario="8,18">
Seg à Sex das 8 às 18h
</li>
</ul>
</section>
</div>
<!--modal-->
<section class="modal-container" data-modal="container">
<div class="modal">
<button data-modal="fechar" class="fechar">X</button>
<form action="">
<label for="email">Email</label>
<input type="text" for="email" />
<label for="senha">Senha</label>
<input type="password" for="senha" />
<button type="submit">Entrar</button>
</form>
</div>
</section>
<script type="module" src="./js/index.js"></script>
</body>
</html>