-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
282 lines (275 loc) · 16.5 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
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
<!DOCTYPE html>
<html lang="pt-BR">
<!-- partial:partials/head-home.html -->
<head>
<title>Desafio.leg.br</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="img/dev-logos/desafio-fb.png"/>
<meta name="keywords" content="desafio, desafio.leg, desafio.leg.br, camara, parlamentar, governo, cidadania, participação popular, câmara dos deputados, concurso, concurso câmara, ideia inovadora.">
<meta name="robots" content="index, follow">
<meta name="description" content="É um convite à inovação e à participação popular feito pela Câmara dos Deputados. Cidadãos são estimulados a propor soluções para desafios reais do Poder Legislativo, podendo ganhar prêmios incríveis. Qualquer pessoa pode participar das competições – independentemente de idade ou experiência. Aceite o desafio de transformar o Poder Legislativo com uma ideia inovadora!">
<link rel="shortcut icon" href="img/icons/favicon.ico"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/css-components.min.css"/>
<link rel="stylesheet" type="text/css" href="css/main.min.css"/>
<link rel="stylesheet" type="text/css" href="css/customized.min.css"/>
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>-->
</head>
<!-- partial -->
<body>
<header role="banner" class="sr-only">
<h1>Desafio.leg.br</h1>
<div id="barraAcessibilidade">
<p>Barra de Acessibilidade</p>
<ul>
<li>
<a accesskey="1" href="#anchor1">
Ir para conteúdo [1]
</a>
</li>
</ul>
</div>
</header>
<div class="container-fluid chlg-bg-banner">
<section id="chlg-introduction">
<h2 class="sr-only">Suas soluções para o seu legislativo</h2>
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="index.html"><i class="chlg-brand"></i><span class="sr-only">Desafio.leg.br</span></a>
<p class="chlg-slogan">
Suas soluções para<br>seu legislativo
</p>
<div class="chlg-lk-more">
<a class="chlg-text-lk" href="#anchor1">
Saiba mais
</a>
</div>
<p class="chlg-value">
R$ 350<span class="chlg-text-money">mil</span><br>
<span class="chlg-value-desc">em prêmios</span>
</p>
</div>
</div>
</div>
</section>
</div>
<div class="container-fluid chlg-bg-awards">
<section id="chlg-awards">
<div class="container">
<div class="row">
<h2 class="text-center">E se você pudesse ajudar a vencer os desafios do Legislativo?</h2>
<ul>
<li class="col-md-6 chlg-list-awards-app">
<a href="desafios/app-legislativo/index.html">
<div class="row">
<div class="col-md-5">
<i class="chlg-icon-app"></i>
</div>
<div class="col-md-7">
<p class="chlg-tt">App Legislativo 2017 com Dados Abertos</p>
<p class="chlg-value-awards">R$ 50mil</p>
</div>
</div>
</a>
</li>
<li class="col-md-6 chlg-list-awards-portal">
<a href="desafios/novo-portal/index.html">
<div class="row">
<div class="col-md-5">
<i class="chlg-icon-portal"></i>
</div>
<div class="col-md-7">
<p class="chlg-tt">Novo Portal da Câmara dos Deputados</p>
<p class="chlg-value-awards">R$ 300mil</p>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<div class="container-fluid chlg-bg-more parallax-window" id="anchor1" data-parallax="scroll">
<!--descrição do conteudo principal - acessibilidade-->
<section id="chlg-more" role="main">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h2 class="chlg-tt-sections text-center">O que é Desafio.leg.br?</h2>
<p class="text-center">É um convite à inovação e à participação popular feito pela Câmara dos Deputados. Cidadãos são estimulados a propor soluções para desafios reais do Poder Legislativo, podendo ganhar prêmios incríveis. Qualquer pessoa pode participar das competições – independentemente de idade ou experiência. Aceite o desafio de transformar o Poder Legislativo com uma ideia inovadora!</p>
</div>
</div>
</div>
</section>
</div>
<div class="container-fluid chlg-bg-how-to-participate">
<section id="chlg-how-to-participate">
<div class="container">
<div class="row">
<h2 class="text-center">Como Participar</h2>
<!--<div class="chlg-line-section"></div>-->
<p class="chlg-part-tt-top text-center">Existem três formas de participar de um desafio.</p>
<div class="col-md-12">
<div class="row">
<ul>
<li class="col-md-4" id="chlg-individually-bg">
<i class="chlg-indi chlg-participate-individually-off"></i>
<p class="chlg-part-tt text-center"><strong>Individualmente</strong></p>
<p class="chlg-part-des text-center">Você pode participar de um desafio individualmente. Para isso, é necessário apresentar seus dados pessoais e documentação.</p>
</li>
<li class="col-md-4" id="chlg-team-bg">
<i class="chlg-team chlg-participate-team-off"></i>
<p class="chlg-part-tt text-center"><strong>Equipes</strong></p>
<p class="chlg-part-des text-center">As equipes podem ser compostas de 2 a 12 participantes. Um dos membros da equipe será designado seu representante legal.</p>
</li>
<li class="col-md-4" id="chlg-company-bg">
<i class="chlg-part chlg-participate-company-off"></i>
<p class="chlg-part-tt text-center"><strong>Pessoa Jurídica</strong></p>
<p class="chlg-part-des text-center">Empresas devem apresentar os documentos necessários e designar uma pessoa física com vínculo empregatício como coordenador.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="container-fluid chlg-bg-news">
<section id="chlg-news">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="text-center">Notícias</h2>
<!--<div class="chlg-line-section"></div>-->
<div class="row chlg-container-news">
<div class="col-md-6 chlg-news-one-bg">
<div class="tint">
<a href="http://www2.camara.leg.br/camaranoticias/noticias/POLITICA/536431-CAMARA-LANCA-PORTAL-DESAFIO-NA-CAMPUS-PARTY-BRASILIA.html">
<img class="chlg-news-images img-responsive" src="img/images/campus-party-00.jpg" alt=""/>
<p class="chlg-txt-title">Câmara lança Portal Desafio na Campus Party Brasília</p>
<p class="chlg-txt-des">Objetivo é buscar na sociedade soluções que aproximem cidadãos do Parlamento; inscrições de trabalhos começam no dia 26</p>
</a>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12 chlg-news-two-bg">
<div class="tint2">
<a href="https://www.youtube.com/watch?v=FHrePwvpyiQ&t=3s">
<img class="chlg-news-images img-responsive" src="img/images/portal-00.jpg" alt=""/>
<p class="chlg-txt-title">Assista à Palestra Decodificando a Democracia sobre Dados Abertos e Portal Desafio na Campus Party</p>
</a>
</div>
</div>
<div class="col-md-12 chlg-news-three-bg">
<div class="tint3">
<!--<a href="https://www.facebook.com/DesafioLegBr">-->
<img class="chlg-news-images img-responsive" src="img/images/app-00.jpg" alt=""/>
<p class="chlg-txt-title">Acompanhe os desafios por e-mail</p>
<p class="chlg-txt-des">As pessoas podem cadastrar e-mail para receber novidades e acompanhar os desafios em andamento.</p>
<!-- </a>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4 text-center">
<!--<a href="noticias/lista/index.html" class="chlg-btn-more-news">Mais notícias</a>-->
<!--<p class="chlg-btn-more-news">Mais notícias</p>-->
</div>
</div>
</div>
</section>
</div>
<!-- partial:partials/newslatter-home.html -->
<div class="container-fluid chlg-bg-newslatter">
<section id="chlg-newslatter">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center">Acompanhe os Desafios</h2>
<p class="text-center chlg-msg">Deixe seu e-mail para acompanhar as novidades dos desafios</p>
<form id="chlg-newslatter-validate" class="form-horizontal" action="/boletim/inscricao" method="post">
<div class="form-group">
<div class="col-sm-9">
<!--label visível para o leitor de tela-->
<label for="email" class="sr-only">E-mail</label>
<input type="email" class="form-control" id="email" name="email" placeholder="[email protected]">
</div>
<!--padrão de links, botões acessibilidade-->
<div class="col-sm-3 chlg-newslatter-btn text-center">
<button id="btnSubmeter" type="submit" class="btn btn-warning btn-lg">
Cadastrar <span class="sr-only">email para receber as novidades dos desafios</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
<!-- partial -->
<!-- partial:partials/scripts-home.html -->
<script src="js/vendor.js"></script>
<noscript>Seu browser não tem suporte a javascript!</noscript>
<script src="js/all-scripts.min.js"></script>
<noscript>Seu browser não tem suporte a javascript!</noscript>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<noscript>Seu browser não tem suporte a javascript!</noscript>
<!-- partial -->
<!-- partial:partials/g-analytics.html -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-17416078-9', 'auto');
ga('send', 'pageview');
</script>
<!-- partial -->
<!-- partial:partials/footer.html -->
<!--validação rodapé acessibilidade role="contentinfo"-->
<div class="container-fluid" id="chlg-footer" role="contentinfo">
<section class="chlg-bg-footer">
<h2 class="sr-only">>Contato e localização</h2>
<div class="container">
<div class="row chlg-text-footer">
<div class="col-md-2 col-sm-12">
<i class="chlg-logo-challenge"></i>
</div>
<div class="col-md-8 col-sm-12">
<p class="chlg-footer-tt text-muted"><strong>DESAFIO.LEG.BR</strong></p>
<p class="chlg-footer-desc text-muted">Câmara dos Deputados - Palácio do Congresso Nacional<br>Praça dos Três Poderes - Brasília - DF</p>
<p class="chlg-footer-desc text-muted">CEP 70160-900 - E-mail: [email protected]</p>
</div>
<div class="col-md-2 col-sm-12">
<a href="http://www2.camara.leg.br/"><i class="chlg-logo-camara"></i><span class="sr-only">Câmara dos
Deputados (link externo)</span></a>
</div>
<!--<div class="col-md-2 col-sm-6">
<p>Redes Sociais</p>
<ul>
<li>
<a href="https://twitter.com/DesafioLegBr/"><i class="chlg-logo-twitter"></i><span class="sr-only">Twitter do Desafio.leg.br</span></a>
</li>
<li>
<a href="https://www.facebook.com/DesafioLegBr/"><i class="chlg-logo-face"></i><span class="sronly">Facebook
do Desafio.leg.br</span></a>
</li>
</ul>
</div>-->
</div>
</div>
</section>
</div>
<!-- partial -->
</body>
</html>