-
Notifications
You must be signed in to change notification settings - Fork 0
/
principal.html
131 lines (114 loc) · 6.8 KB
/
principal.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
<!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"/>
<link rel="stylesheet" href="./assets/stylesheets/normalize.css" type="text/css" media="screen" >
<link rel='shortcut icon' href='assets/images/favicon.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=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/icon.png">
<title>Núcleo de Governo Aberto da Cidade do Rio de Janeiro</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="Núcleo de Governo Aberto da Cidade do Rio de Janeiro"/>
<meta property="og:image" content="http://governoabertorio.cc/assets/images/logo.png">
<meta property="og:url" content="www.governoabertorio.cc"/>
<meta property="og:site_name" content="Núcleo de Governo Aberto da Cidade do Rio de Janeiro" />
<!-- Twitter Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://governoabertorio.cc/">
<meta name="twitter:title" content="Núcleo de Governo Aberto da Cidade do Rio de Janeiro">
<meta name="twitter:image" content="http://governoabertorio.cc/assets/images/logo.png"></head>
<body>
<header class="header-paralax Aligner Aligner_right">
<h1 class="msg_principal">Práticas em participação cidadã, inovação pública e visualização de dados.
</h1></header>
<!-- Conteudo -->
<main class="hero page-wrap">
<!-- Modulo -->
<div class="content">
<header>
<ul id="brand">
<li><a class="brand-governoaberto" href="/"><img src="assets/images/logo.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">
<h1 class="box__title Aligner-item--top">No dia 27 de setembro de 2016, foi criado
o Núcleo de Governo Aberto da Prefeitura do Rio.
</h1>
<p class="box__subtitle Aligner-item">
Estamos construindo o nosso plano de trabalho, que será publicado no Diário Oficial em novembro de 2016.
</p>
</div>
<div class="box-buttons Aligner">
<a class="button info-box__button violet Aligner_left"> Ver Mais</a>
<a class="button info-box__button violet Aligner_right"> Contribua Aqui</a>
</div>
</div>
</section>
</div>
<!-- Seconde Banner -->
<section class="section-banner big-picture">
<header>
<div class="conteudo Aligner">
<div class="Aligner-item conteudo-box">
<h2 class="conteudo-box__text"></h2>
</div>
</div>
</header>
</section>
<section class="conteudo-principal">
<div class="row">
<div class="info-box large-6 columns">
<div class="info-box__number">01</div>
<h2 class="info-box__title">O QUE É?</h2>
<p class="info-box__content">Governo Aberto é o compromisso dos governos com seus cidadãos e cidadãs em comprometerem-se com esforços que fortaleçam a participação cidadã na gestão pública, ferramentas e estratégias de inovação pública, a transparência de informações, a abertura de dados e mecanismos que combatam à corrupção. </p>
<a class="button info-box__button" href="http://www.governoaberto.cgu.gov.br/a-ogp/o-que-e-governo-aberto" target="_blank"> Saiba Mais</a>
</div>
<div class="info-box large-6 columns">
<div class="info-box__number">02</div>
<h2 class="info-box__title">O núcleo</h2>
<p class="info-box__content">Entendendo que a instituição de espaços participativos deve ser um compromisso de governos democráticos e que se torna necessário, cada vez mais, incorporar a participação social como método de governo, conforme já estipulam os Planos Estratégicos da Cidade, seu Plano Diretor, o Estatuto da Cidade e Lei Orgânica do Município, no dia 27 de Setembro de 2016, foi criado, via decreto municipal do prefeito Eduardo Paes, o Núcleo de Governo Aberto da Prefeitura do Rio. </p>
<a href="http://governoabertorio.cc/assets/files/decretonucleo.pdf" target="_blank" class="button info-box__button"> Saiba Mais</a>
</div>
</div>
</section>
<section class="conteudo-principal--white">
<div class="row">
<div class="info-box large-6 columns">
<div class="info-box__picture">
<img src="assets/images/box-image.jpg" />
</div>
</div>
<div class="info-box large-6 columns">
<div class="info-box__number">03</div>
<h2 class="info-box__title">PLANO DE TRABALHO</h2>
<p class="info-box__content">O decreto municipal 42.297/16, que institucionaliza o Núcleo de Governo Aberto, prevê a publicação de um plano de trabalho de Governo Aberto em até 45 dias depois de publicado o mesmo decreto. O Plano deve alcançar a criação de novos mecanismos participativos e do engajamento de outras secretarias e órgãos municipais. Já está disponível uma primeira versão do Plano. Entenda melhor e participe!
</p>
<a class="button info-box__button">Saiba Mais</a>
</div>
</div>
</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>