-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (137 loc) · 6.62 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
<!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" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Wildbeast | Aprendizado sobre CSS Grid Layout" />
<meta property="og:description" content="Tudo sobre CSS Grid Layout e suas propriedades" />
<meta property="og:url" content="https://wildbeast.guilhermeassuncao.dev/" />
<meta
name="image"
property="og:image"
content="https://wildbeast.guilhermeassuncao.dev/public/img/og-image.png"
/>
<meta name="description" content="Tudo sobre CSS Grid Layout e suas propriedades" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,700;1,400&display=swap"
rel="stylesheet"
/>
<link rel="shortcut icon" href="./public/img/favicon.png" type="image/png" />
<link rel="stylesheet" href="./public/css/style.css" />
<title>Wildbeast | Aprendizado sobre CSS Grid Layout</title>
</head>
<body>
<div class="estrutura">
<header class="header">
<a href="#" class="logo"><img src="./public/img/wildbeast.svg" alt="Wildbeast" /></a>
<nav>
<ul>
<li><a href="#">sobre</a></li>
<li><a href="#">animais</a></li>
<li><a href="#">contato</a></li>
</ul>
</nav>
</header>
<nav class="sidenav">
<ul>
<li>
<a href="#"><img src="./public/img/icones/cervo.svg" alt="Cervo" /></a>
</li>
<li>
<a href="#"><img src="./public/img/icones/leao.svg" alt="Leão" /></a>
</li>
<li>
<a href="#"><img src="./public/img/icones/gato.svg" alt="Gato" /></a>
</li>
<li>
<a href="#"><img src="./public/img/icones/vaca.svg" alt="Vaca" /></a>
</li>
<li>
<a href="#"><img src="./public/img/icones/ovelha.svg" alt="Ovelha" /></a>
</li>
<li>
<a href="#"><img src="./public/img/icones/abelha.svg" alt="Abelha" /></a>
</li>
</ul>
</nav>
<section class="content">
<div class="titulo">
<h1>Lobo Cinza</h1>
<span>da família canis lupus</span>
</div>
<div class="caracteristicas">
<div>
<span class="numero">72</span>
<span class="rotulo">kg</span>
</div>
<div>
<span class="numero">13</span>
<span class="rotulo">age</span>
</div>
</div>
<p class="introducao col-wide">
É um sobrevivente da Era do Gelo, originário do Pleistoceno Superior, cerca de 300 mil anos
atrás.[2] O sequenciamento de DNA e estudos genéticos reafirmam que o lobo cinzento é ancestral do
cão doméstico
</p>
<img class="imagem-1" src="./public/img/wolf1.jpg" alt="Wolf 1" />
<p class="destaque">
É um sobrevivente da Era do Gelo, originário do Pleistoceno Superior, cerca de 300 mil anos
atrás.[2] O sequenciamento de DNA e estudos.
</p>
<img class="imagem-2" src="./public/img/wolf2.jpg" alt="Wolf 2" />
<p>
O peso e tamanho dos lobos variam muito em todo o mundo, tendendo a aumentar proporcionalmente com a
latitude, como previsto pela teoria de Christian Bergmann. Em geral, a altura, medida a partir dos
ombros, varia de 60 a 95 centímetros.
</p>
<p>
O peso varia geograficamente. Em média, os lobos europeus pesam 38,5 kg; os lobos da América do
Norte, 36 kg; os lobos indianos e árabes, 25 kg.[7] Embora raros, lobos com mais de 77 kg foram
encontrados no Alasca, Canadá,[8] e na antiga União Soviética.
</p>
<blockquote class="citacao col-wide">
<p>
“Há algo no uivar do lobo que tira um homem do aqui e agora e o transporta para uma floresta da
mente.”
</p>
</blockquote>
<ul class="atributos">
<li>Surgiu: 12.000 anos</li>
<li>Tipo: Mamífero</li>
<li>Idade Média: 13 anos</li>
<li>Macho adulto: 80kg</li>
<li>Fêmea adulta: 55kg</li>
<li>Família: Lupus</li>
</ul>
<div class="informacoes">
<p>
É um sobrevivente da Era do Gelo, originário do Pleistoceno Superior, cerca de 300 mil anos
atrás.[2] O sequenciamento de DNA e estudos genéticos reafirmam que o lobo cinzento é ancestral
do cão doméstico.
</p>
<p>
É um sobrevivente da Era do Gelo, originário do Pleistoceno Superior, cerca de 300 mil anos
atrás.[2] O sequenciamento de DNA e estudos genéticos reafirmam que o lobo cinzento é ancestral
do cão doméstico.
</p>
</div>
<img class="imagem-3 col-wide" src="./public/img/wolf3.jpg" alt="Wolf" />
</section>
<aside class="anuncios">
<div class="anuncios-item">
<img src="./public/img/anuncio-1.jpg" alt="Anúncio 1" />
</div>
<div class="anuncios-item">
<img src="./public/img/anuncio-2.jpg" alt="Anúncio 2" />
</div>
</aside>
<footer class="footer">
<p>Origamid © 2012 - 2017. Alguns direitos reservados.</p>
</footer>
</div>
</body>
</html>