-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (87 loc) · 3.13 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
<!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">
<link rel="stylesheet" href="style.css">
<title>Codel Moderno</title>
</head>
<body>
<header>
<h1>Cordel Moderno</h1>
<p>Por <a href="https://www.recantodasletras.com.br/poesias/3186743">Milton Duarte</a></p>
</header>
<main>
<div class="septilha">
<p>Estou ficando cansado</p>
<p>Da tal tecnologia</p>
<p>Só se fala por e-mail</p>
<p>Mensagem curta e fria</p>
<p>Twitter e Facebook</p>
<p>Antes que eu caduque</p>
<p>Vou dizer tudo em poesia.</p>
<br>
</div>
<div class="septilha septilhaInImage" id="image1">
<p>Não é mais como era antes</p>
<p>É tudo abreviado</p>
<p>"Você" só tem duas letras</p>
<p>O "O" e o "E" foi riscado</p>
<p>Para declarar o amor</p>
<p>Basta botar uma flor</p>
<p>E um coração desenhado.</p>
<br>
</div>
<div class="septilha">
<p>Arroba agora não pesa</p>
<p>É parte de um endereço</p>
<p>Ponto final nem se usa</p>
<p>Ou vai até no começo</p>
<p>Agora é .com</p>
<p>Se o saite é muito bom</p>
<p>Ele vale um alto preço.</p>
<br>
<p>Pra piorar a liguagem</p>
<p>O emoticom é um risco</p>
<p>Tem símbolo para tudo</p>
<p>Ponto e vírgula e um asterisco</p>
<p>Um beijo significa</p>
<p>Pra entender como fica</p>
<p>Decifre esse rabisco.</p>
<br>
</div>
<div class="septilha septilhaInImage" id="image2">
<p>Tenho saudade das cartas</p>
<p>Escritas com a própria mão</p>
<p>Mandava no mês de Junho</p>
<p>Só chegava no Verão</p>
<p>Mas matava a saudade</p>
<p>Era texto de verdade</p>
<p>Nas linhas do coração.</p>
<br>
</div>
<div class="septilha">
<p>Agora, escrevo e envio</p>
<p>Chegando na mesma hora</p>
<p>Mas quando vou prosear</p>
<p>A pessoa foi embora</p>
<p>Abriu outro aplicativo</p>
<p>O mundo ficou cativo</p>
<p>Da tecnologia do agora.</p>
<br>
<p>Felizmente, pra orar</p>
<p>Não precisa de internet</p>
<p>Deus escuta todo mundo</p>
<p>Se quiser, faça esse teste</p>
<p>Dois pontos são dois joelhos</p>
<p>Seus lábios são aparelhos</p>
<p>Deixe que Deus interprete.</p>
<br>
</div>
</main>
<footer>
<p>Site criado por <a href="https://github.com/alantchunay" target="_blank">ALan Francisco</a> com apoio do <a href="https://www.cursoemvideo.com/" target="_blank">CursoemVideo</a></p>
</footer>
</body>
</html>