-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (62 loc) · 3.87 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
<!DOCTYPE html>
<html lang="pt">
<head>
<title>O eleitor</title>
<meta name="author" content="Gabriela Caesar">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="eleitor, eleitores, voters, amazon, amazonia, amazônia, eleição no brasil, brasileiro, election, wahlen, elecciones, gabriela caesar, ana gabriela castilho caesar, caesar gabriela, jornalista de dados, data journalist, jornalismo, journalism, comunicação, communication">
<meta name="description" content="um projeto para conhecer o eleitor brasileiro">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
<link rel="icon" type="image/x-icon" href="img/favicon/favicon.ico">
<!-- Google Analytics tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6TVB5YPBCQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-6TVB5YPBCQ');
</script>
</head>
<body>
<section class="vh-container vh-1-img vh-1 flex">
<div class="row-1 flex">
<div class="column-1">
<h1>O<br>ELEITOR</h1>
</div>
<div class="column-2 flex">
<h2>Etapa Amazônia</h2>
<p>13.01 - 07.02.2024</p>
</div>
</div>
<div class="row-2 flex">
<span class="green-line"></span>
<span class="green-line"></span>
</div>
<div class="row-3 flex">
<header class="flex">
<a href="#"><div class="item-1 flex ativo">eleitor</div></a>
<a href="projeto"><div class="item-2 flex">projeto</div></a>
<a href="sobre"><div class="item-3 flex">sobre</div></a>
</header>
</div>
</section>
<section class="video-embed flex">
<p>Abaixo, os eleitores aceitaram participar do projeto, inclusive das gravações. A escolha dos entrevistados sempre busca diversificar o perfil do eleitor, mas isso também depende de as pessoas aceitarem o convite</p>
<p>Os eleitores são livres para opinar e comentar os assuntos. Este projeto procura ser imparcial, na posição de escuta, e não interfere nas declarações dos participantes</p>
<div class="social">TikTok</div>
<p class="intro-social">TikTok: <a href="https://www.tiktok.com/@gabrielacaesar" target="_blank">@gabrielacaesar</a></p>
<p class="intro-social">Clique nos vídeos abaixo para assistir</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@gabrielacaesar" data-unique-id="gabrielacaesar" data-embed-type="creator" style="max-width: 780px; min-width: 288px;" > <section> <a target="_blank" href="https://www.tiktok.com/@gabrielacaesar?refer=creator_embed">@gabrielacaesar</a> </section> </blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>
<div class="social">Outras redes</div>
<p class="intro-social">Twitter / X: <a href="https://twitter.com/gabrielacaesar" target="_blank">@gabrielacaesar</a></p>
<p class="intro-social">Instagram: <a href="https://instagram.com/gabrielacaesar" target="_blank">@gabrielacaesar</a></p>
<p class="intro-social">LinkedIn: <a href="https://www.linkedin.com/in/gabrielacaesar/" target="_blank">@gabrielacaesar</a></p>
</div>
</section>
</body>
</html>