Wildbeasts-Grid-Layout/index.html at main · ProspektsMarch22/Wildbeasts-Grid-Layout · GitHub

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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no">
    <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="stylesheet" href="style.css">
    <title>Wildbeasts</title>
</head>
<body>

    <div class="estrutura">
        <header class="header">
            <a href="index.html" class="logo"><img src="img/wildbeast.svg" alt="Wildbeast Logo"></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="img/icones/cervo.svg" alt="Cervo"></a></li>
                <li><a href="#"><img src="img/icones/leao.svg" alt="Leão"></a></li>
                <li><a href="#"><img src="img/icones/gato.svg" alt="Gato"></a></li>
                <li><a href="#"><img src="img/icones/vaca.svg" alt="Vaca"></a></li>
                <li><a href="#"><img src="img/icones/ovelha.svg" alt="Ovelha"></a></li>
                <li><a href="#"><img src="img/icones/abelha.svg" alt="Abelha"></a></li>
            </ul>
        </nav>

        <main 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="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 src="img/wolf1.jpg" alt="Lobo 1" class="imagem-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 src="img/wolf2.jpg" alt="Lobo 2" class="imagem-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, 25kg. [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>Origem: 12.000 anos</li>
                <li>Classe: Mammalia (mamíferos)</li>
                <li>Expectativa de vida: 13 anos</li>
                <li>Peso Macho Adulto: 80kg </li>
                <li>Peso Fêmea Adulto: 55kg </li>
                <li>Gênero: Canis </li>
                <li>Família: Canídeos</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 src="img/wolf3.jpg" alt="Lobo 3" class="col-wide imagem-3">
        </main>

        <aside class="anuncios">
            <div class="anuncio-item">
                <img src="img/anuncio-1.jpg" alt="Anúncio 1">
            </div>
            <div class="anuncio-item">
                <img src="img/anuncio-2.jpg" alt="Anúncio 1">
            </div>
        </aside>

        <footer class="footer">
            <p>Isaac Barbosa &trade; - todos os direitos espelhados.</p>
        </footer>
    </div>
</body>
</html>