-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (159 loc) · 5.78 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<title>Melhor website em linha reta</title>
<meta
name="description"
content="Fatos que provam que Recife é a melhor cidade em linha reta"
/>
<meta name="author" content="Participantes do workshop Estufa Cin" />
<link rel="stylesheet" href="./styles.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="half-screen-container">
<!-- Estrutura do card -->
<div>
<div class="card">
<!-- Thanks Fabricio Macedo for the free picture https://pixabay.com/pt/photos/marco-zero-recife-pernambuco-2014135/ -->
<img src="./assets/marco_zero.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
Que recife é a maior cidade em linha reta do mundo nós já sabemos!
</h4>
<p>
Aqui a gente só vai mostrar mais argumentos ainda pra quem não
sabe.
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
<!-- Estrutura do card -->
<div>
<div class="card">
<!-- Thanks Fabricio Macedo for the free picture https://pixabay.com/pt/photos/marco-zero-recife-pernambuco-2014135/ -->
<img src="./assets/carnavalolinda.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
O carnaval de Olinda é o melhor do mundo
</h4>
<p>
Nada melhor que subir e descer as ladeiras de Olinda seguindo os blocos e sendo feliz.
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
<!-- Estrutura do card -->
<div>
<div class="card">
<!-- Thanks Fabricio Macedo for the free picture https://pixabay.com/pt/photos/marco-zero-recife-pernambuco-2014135/ -->
<img src="./assets/iraraxrecife.png" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
Recife fica a uma distância de 764,3km (via BR 101) de Irará!
</h4>
<p>
Bem, ao menos é isso que o Google Maps diz, e como Irará é
a melhor cidade da Bahia, não precisamos de mais explicações.
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
<!-- Estrutura do card -->
<div>
<div class="card">
<img src="./assets/boloderolo.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
O bolo de rolo é o melhor bolo em linha reta do mundo!
</h4>
<p>
E não, o bolo de rolo não é o rocombole, o bolo de rolo é uma experiência única e deve ser cortado em fatias fininhas!
</p>
</div>
</div>
</div>
<div>
<div class="card">
<!-- Thanks Fabricio Macedo for the free picture https://pixabay.com/pt/photos/marco-zero-recife-pernambuco-2014135/ -->
<img src="./assets/banda-torpedo.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
Que recifence adora brega nos sabemos mas Banda Torpedo vai além!
</h4>
<p>
É sobre cantar <b>"Baby, alô?"</b> e receber como resposta um alto e sonoro <b>"Oi, amor"</b>.
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
</div>
<div class="biggest-straight-line-container">
<div class="brennand-base"></div>
<div class="brennand-snake brennand-bottom"></div>
<div class="brennand-snake brennand-top"></div>
<div class="biggest-straight-line"></div>
</div>
<div class="half-screen-container">
<!-- Estrutura do card -->
<div>
<div class="card">
<img src="./assets/cin.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>O Cin-UFPE é nosso!</h4>
<p>
E todo mundo já sabe que o Cin é o maior e melhor centro de
informática em linha reta do mundo.
</p>
</div>
</div>
</div>
<!--Hugo's card-->
<div>
<div class="card">
<img src="./assets/hugo.jpeg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>Hugo nasceu em Recife!</h4>
<p>
E hoje é o aniversário dele, que abrilhanta o nosso dia a dia. Feliz aniversário, seu lindo!
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
<!-- Estrutura do card -->
<div>
<div class="card">
<!-- Thanks Fabricio Macedo for the free picture https://pixabay.com/pt/photos/marco-zero-recife-pernambuco-2014135/ -->
<img src="./assets/marco_zero.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>
O melhor biscoito lanche depois de aprender Git.
</h4>
<p>
Aquele biscoitinho de nata que derrete na boca!
</p>
</div>
</div>
</div>
<!-- Fim da estrutura do card -->
<div>
<div class="card">
<img src="./assets/galo.jpg" alt="Avatar" style="width: 100%" />
<div class="container">
<h4>O maior e melhor carnaval do mundo é o de Recife!</h4>
<p>
O Galo é o maior bloco do Recife (e do mundo desde 1995, segundo o Guinness Book).
</p>
</div>
</div>
</div>
</div>
</body>
</html>