-
Notifications
You must be signed in to change notification settings - Fork 0
/
mapeando.html
150 lines (130 loc) · 8.33 KB
/
mapeando.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
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Language" content="pt-br">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="keywords" content="partipação, colabore, mapeie, demandas, problemas, prefeitura, rio de janeiro">
<link rel="stylesheet" href="./assets/stylesheets/normalize.css" type="text/css" media="screen" >
<link rel='shortcut icon' href='assets/images/favicon-mapeando.png'>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.css"/>
<link rel="stylesheet" type="text/css" href="build/css/style.css"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Work+Sans:400" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="assets/images/favicon-mapeando.png">
<title>Mapeando - Mapa Colaborativo de Demandas</title>
<!-- Open Graph Meta Tags -->
<meta property=”og:title” content="Núcleo de Governo Aberto"/>
<meta property="og:type" content="politic"/>
<meta property="og:description" content="Plataforma colaborativa para indicar soluções para a cidade do Rio de Janeiro! Ajude a Prefeitura do Rio a melhorar suas políticas públicas indicando suas demandas para a cidade."/>
<meta property="og:image" content="http://i.imgur.com/DzChsPp.png">
<meta property="og:url" content="www.governoabertorio.cc"/>
<meta property="og:site_name" content="Plataforma colaborativa para indicar soluções para a cidade do Rio de Janeiro! Ajude a Prefeitura do Rio a melhorar suas políticas públicas indicando suas demandas para a cidade." />
<!-- Twitter Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://governoabertorio.cc/">
<meta name="twitter:title" content="Plataforma colaborativa para indicar soluções para a cidade do Rio de Janeiro! Ajude a Prefeitura do Rio a melhorar suas políticas públicas indicando suas demandas para a cidade.">
<meta name="twitter:image" content="http://i.imgur.com/DzChsPp.png">
</head>
<body class='mapeando'>
<header class="header-paralax__mapeando Aligner Aligner_left">
<div class="medium-6 columns mensagem_principal">
<h3 class="msg_principal">BEM VINDO AO MAPEANDO</h3>
<p>Entenda como funcionou a plataforma, os resultados que tivemos e tenha a oportunidade de baixar o relatório geral do mapeando e se quiser replicar a página, fazer o dowwload no github.</br></br>
desça a pagina e continue lendo.</p>
</div></header>
<nav>
<ul id="brand">
<li><a class="brand-governoaberto" href="/mapeando.html"><img src="assets/images/logo_mapeando-dois.png" /></a></li>
</ul>
</nav>
<!-- Conteudo -->
<main class="hero page-wrap">
<!-- Modulo -->
<div class="content">
<!-- <header>
<ul id="brand">
<li><a class="brand-governoaberto" href="/mapeando.html"><img src="assets/images/logo_mapeando-dois.png" /></a></li>
</ul>
<ul id="social-nav">
<li><a href="http://www.facebook.com/labrj/" class="fa fa-facebook" target="_blank"></a></li>
<li><a href="http://www.instagram.com/lab.rio/" class="fa fa-instagram" target="_blank"></a></li>
<li><a href="http://github.com/lab-rio" class="fa fa-github" target="_blank"></a></li></ul>
</header> -->
<section class="conteudo-principal--white">
<div class="row">
<div class="box box--mapeando">
<h1 class="box__title Aligner-item--top">O Que é o Mapeando?
</h1>
<p class="box__subtitle Aligner-item">
O Mapeando é uma plataforma colaborativa da Prefeitura do Rio criada para que as cidadãs e os cidadãos cariocas possam apontar diretamente no mapa as suas demandas por serviços públicos municipais.
A plataforma foi desenvolvida pelo LAB.Rio, o laboratorio de Participação da Prefeitura.
</p>
</div>
</div>
</section>
</div>
<section class="conteudo-principal">
<div class="row">
<div class="info-box medium-2 large-4 columns">
<div class="info-box__number circle">01</div>
<h2 class="info-box__title">Para que serve o mapeando?</h2>
<p class="info-box__content">O Mapeando tem como objetivo a qualificação de politicas públicas da Prefeitura a partir da indentificação de demandas existentes por determinado serviço público na cidade do rio. </p>
</div>
<div class="info-box medium-2 large-4 columns">
<div class="info-box__number circle">02</div>
<h2 class="info-box__title">O que eu posso fazer no Mapeando?</h2>
<p class="info-box__content">As cidadãs e cidadãos poderão indicar na cidade onde gostariam que houvesse um dos serviços públicos disponíveis no Mapeando. Além disso, é possível também visualizar e comentar nas demandas das outras pessoas.</p>
</div>
<div class="info-box medium-2 large-4 columns">
<div class="info-box__number circle">03</div>
<h2 class="info-box__title">Quem pode usar o Mapeando?</h2>
<p class="info-box__content">Qualquer pessoa que tenha contribuições a serem feitas sobre a cidade poderá participar do Mapeando, basta ter um email válido para confirmar o cadastro na plataforma! </p>
</div>
</div>
<div class="row">
<div class="info-box medium-2 large-6 columns">
<div class="info-box__number circle">04</div>
<h2 class="info-box__title">O que será feito com as minhas demandas?</h2>
<p class="info-box__content">A ideia central do Mapeando não é que a Prefeitura atenda individualmente cada indicação de demanda como uma solicitação de serviço, mas sim que a gestão municipal analise o conjunto de demandas e possa considerá-lo na execução de suas políticas públicas. Para isso, a equipe do Mapeando irá enviar periodicamente relatórios sobre as demandas mais populares para os respectivos órgãos da Prefeitura.</p>
</div>
<div class="info-box medium-2 large-6 columns">
<div class="info-box__number circle">05</div>
<h2 class="info-box__title">O que será feito com meus dados?</h2>
<p class="info-box__content">As senhas das usuárias e usuários são criptografadas de maneira que nem mesmo a equipe do Mapeando poderá visualizá-las, já seus emails serão usados apenas para comunicações sobre o Mapeando.</p>
</div>
<!-- <div class="info-box medium-2 large-4 columns">
<div class="info-box__number circle">06</div>
<h2 class="info-box__title">Quem pode usar o mapeando?o</h2>
<p class="info-box__content">Todo mundo </p>
</div> -->
</div>
</section>
<section class="perfil_usuarios">
<header>
<div class="box box--mapeando">
<h1 class="box__title title ">Perfil geral dos Usuários e Usuárias
</h1>
</div>
</header>
<img src="assets/images/perfil_usuario_mvp.jpg" />
</section>
<section class="download">
<h2 class="project-tagline">Faça seu Dowload</h2>
<a href="https://github.com/LAB-Rio/mapeando" class="btn">Acessar código-fonte</a>
<a href="https://github.com/LAB-Rio/mapeando/zipball/master" class="btn">Baixar .zip</a>
<a href="https://github.com/LAB-Rio/mapeando/tarball/master" class="btn">Baixar .tar.gz</a>
</section>
</main>
<!-- footer -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/foundation.js"></script>
<script async src="//cdn.embedly.com/widgets/platform.js" charset="utf-8"></script>
<script type="text/javascript" src="build/js/script.js"></script>
</body>
</html>