-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (115 loc) · 5.01 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<title>Blog de Gatos</title>
<link rel="shortcut icon" href="assets/logo.svg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"
rel="stylesheet">
</head>
<body>
<div id="app">
<header>
<div class="container">
<img src="assets/logo.svg" id="logo" alt="a paw">
<form>
<div class="input-wrapper">
<label for="search">Pesquise por artigos</label>
<input type="text" id="search" placeholder="Pesquise por artigos">
</div>
</form>
<img src="https://randomuser.me/api/portraits/men/82.jpg" id="user-icon" alt="user icon">
</div>
</header>
<div id="container">
<main>
<img
src="https://images.unsplash.com/photo-1570458436416-b8fcccfe883f?q=80&w=1770&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="A black cat image" id="image-post">
<section id="post">
<h1>Seriam os gatos astronautas?</h1>
<div id="buttons">
<button id="like">
<img src="assets/like.svg" alt="Like icon">
</button>
<button id="unlike">
<img src="assets/like.svg" alt="Like icon">
</button>
</div>
<div id="text">
<p>Os gatos são animais fascinantes e cercados de mistérios. De temperamento independente e misterioso,
esses
felinos são conhecidos por sua agilidade, elegância e um comportamento muitas vezes imprevisível.
Contudo,
recentemente, uma teoria tem ganhado espaço na internet e entre teóricos de conspiração: seriam os gatos
astronautas?
</p>
<p>
A teoria sugere que os gatos não são animais terrestres, mas sim seres extraterrestres enviados para
realizar uma missão específica em nosso planeta. Há relatos históricos que apontam para o fato de que os
gatos eram considerados seres sagrados em diferentes culturas e até mesmo associados a figuras divinas.
Isso
poderia indicar que os gatos têm uma origem muito mais mística do que se pensava anteriormente.
</p>
<p>Além disso, há teóricos que acreditam que os felinos possuem habilidades telepáticas e são capazes de
se
comunicar com outras espécies alienígenas. Essa crença baseia-se em relatos de pessoas que afirmam terem
visto gatos reagindo a estímulos que não são perceptíveis aos seres humanos, ou até mesmo se comportando
de
maneira incomum durante eventos astronômicos, como uma aurora boreal. Esses e outros indícios foram
interpretados como sinais de que os gatos seriam seres interplanetários.
</p>
</div>
</section>
</main>
<aside id="related-articles">
<h1>Artigos relacionados</h1>
<div id="articles">
<article>
<img src="https://cataas.com/cat/comfy" alt="Random cat image from API Cataas">
<div class="details">
<h2>Sábado preguiçoso</h2>
<p>Descubra atividades interessantes para fazer com seu pet durante os finais de semana.</p>
</div>
</article>
<article>
<img src="https://cataas.com/cat" alt="">
<div class="details">
<h2>Balaio de gatos</h2>
<p>Como evitar confusões entre seus gatíneos e acostumá-los desde filhotes.</p>
</div>
</article>
<article>
<img src="https://cataas.com/cat/cute" alt="">
<div class="details">
<h2>Cartela de cores</h2>
<p>Seu gato é inverno intenso? Verão profundo? Descubra as cores que mais combinam com seu bichano.</p>
</div>
</article>
<article>
<img src="https://cataas.com/cat/black" alt="">
<div class="details">
<h2>Os gatos sentem frio?</h2>
<p>Preparem-se para a frente fria que vem para o país da melhor maneira possível.</p>
</div>
</article>
<article>
<img src="https://cataas.com/cat/funny" alt="">
<div class="details">
<h2>Conheça o Moacir</h2>
<p>Moacir é o gatinho da semana do nosso blog. Venha conhecer sua história de superação.</p>
</div>
</article>
</div>
</aside>
</div>
<footer>
<p>© 2023 - Rocketseat Explorer</p>
</footer>
</div>
</body>
</html>