-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (80 loc) · 3.98 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
---
title: Dados da Deficiência no Brasil
description: Um Observatório de Dados da Pessoa com Deficiência
---
<section class="hero">
<div class="text-container">
<h1 class="editable">Dataverso PcD<br><strong>Dados da Deficiência no Brasil</strong></h1>
<p class="subtext editable">Um observatório de dados da população brasileira com deficiência.</p>
<div class="cta button alt"><a href="https://dados.dataverso.org/pcd/">Descobrir</a></div>
<div>
<img src="{{ site.baseurl }}/images/accessibility-icon.jpg" alt="Ícone de acessibilidade estilizado" class="image editable" />
</div>
</div>
</section>
<div class="content">
<section>
<div class="container flex">
<div class="text editable">
<h2>O que é <strong>Observatório</strong> de dados da Pessoa com Deficiência?</h2>
<p>A Dataverso PcD é uma plataforma dedicada a mostrar a realidade da população brasileira com deficiência
através de dados compreensíveis. Nosso objetivo é contribuir para uma visão mais clara sobre os assuntos
que envolvem toda a sociedade. Pretendemos disponibilizar estatísticas demográficas e percepções para
garantir que todas as vozes sejam ouvidas e representadas.</p>
</div>
<div class="image">
<img src="{{ site.baseurl }}/images/ocupacao-por-tipo-deficiencia-home.png" alt="Exemplo de gráfico de ocupação por tipo de deficiência" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>Como podemos <strong>fortalecer</strong> as ações afirmativas PcD?</h2>
<p>Encontre conteúdos destinados a promoção da inclusão social, a igualdade de oportunidades e capacitação
profissional. Navegue por nossos recursos e saiba como impulsionar ações afirmativas, contribuindo para que
todas as pessoas possam alcançar seu pleno potencial e participar ativamente da sociedade.</p>
</div>
<div class="image">
<img src="{{ site.baseurl }}/images/educacao-por-tipo-de-deficiencia.png" alt="Exemplo de gráfico de educação por tipo de deficiência" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>Como contribuir com a <strong>transformação social</strong> por meio de dados?</h2>
<p>Explore o potencial dos dados na inclusão de pessoas com deficiência. Encontre estatísticas sobre educação,
saúde, transporte e outras áreas. Descubra como esses dados podem embasar políticas e ações concretas,
impulsionar iniciativas de inclusão e promover uma sociedade acessível e equitativa.</p>
</div>
<div class="image">
<img src="{{ site.baseurl }}/images/nivel-superior-por-tipo-de-deficiencia.png" alt="Exemplo de gráfico de ensino superior por tipo de deficiência" class="screenshot editable" />
</div>
</div>
</section>
<section class="testimonial">
<div class="container flex">
<div class="testimonial-block">
<div class="square-image">
<img src="{{ site.baseurl }}/images/rafael-ferraz-perfil.png" alt="Rafael Ferraz" class="editable" style="width: 150px; height: 150px;">
</div>
<blockquote>
<p class="editable">Acredito que dados são fundamentais para enxergar e moldar a nossa realidade.
Por isso, nossa ideia é fornecer uma ampla visão sobre a população com deficiência, através de
estatísticas e insights em diversas áreas. Indico a Dataverso PcD a qualquer pessoa que busca
aprimorar sua compreensão a respeito desse tema e promover a inclusão de forma significativa.</p>
<p class="editable author">Rafael Ferraz (Jornalista, ativista social)</p>
</blockquote>
</div>
</div>
</section>
<section class="bottom-cta">
<h2 class="editable"><strong>Navegue</strong> no Observatório de Dados PcD</h2>
<div class="button alt">
<a href="https://dados.dataverso.org/pcd/" role="button" aria-label="Navegar">
Navegar
</a>
</div>
</section>
</div>