-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
308 lines (220 loc) · 17.1 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
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>ODS 1 Erradicação da Pobreza</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="ODS, Erradicação da Pobreza, Pobreza, ONU">
<meta name="author" content="Luciene Lima">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="estilo.css">
<!-- Linkar os ícones do linkedin e github: CDN-->
<script src="https://kit.fontawesome.com/7d79481767.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="gradiente" id="up">
<div>
<nav class="menu">
<!-- <div> pra poder deixar a ul fixada -->
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#objetivos">Objetivos</a></li>
<li><a href="#curiosidade">Curiosidade</a></li>
<li><a href="#combate">Combate</a></li>
<li><a href="#formulario">Formulário</a></li>
<li><a href="#referências">Referências</a></li>
<li><a href="#sobre">Sobre</a></li>
</ul>
<!-- </div> -->
</nav>
<header>
<div class="header">
<article>
<h1>Erradicação da Pobreza</h1>
<p class="titleparágrafo">Acabar com a pobreza em todas as suas formas, em todos os lugares.</p>
<img class="imagem_pobreza" src="imagens/pobreza4.jpg" alt="prato vazio">
<p class="titleparágrafo2"><b>Dia 17 de Outubro: Dia Internacional para a Erradicação da Pobreza</b></p>
</article>
</div>
</header>
</div>
</div>
<main>
<h2 id="home">Home:</h2>
<div class="corpo_da_home">
<section class="section_bloco_inteiro">
<article class="container">
<h3>Erradicar a pobreza em todas as formas e em todos os lugares </h3>
<!-- target="_blank" pra abrir o link em outra aba -->
<a href="https://brasil.un.org/pt-br/sdgs/1" class="btn" target="_blank">Meta 1 - ODS</a>
<p class="descrição">Art. 3º Constituem objetivos fundamentais da República Federativa do Brasil:
<br>III - erradicar a pobreza e a marginalização e reduzir as desigualdades sociais e regionais;
(Constituição Federal / 1988)
</p>
<img src="imagens/ods.jpg" class="imagem" alt="desenho representando uma família">
<p class="fonte">Fonte: https://brasil.un.org/pt-br/sdgs/1</p>
</article>
<article class="container">
<h3> Sobe registro de pessoas em extrema pobreza: são mais de 792 famílias</h3>
<a href="https://www.youtube.com/@jornaldagazeta/search?query=pobreza" class="btn" target="_blank">Jornal da Gazeta</a>
<p class="descrição">O número de pessoas em extrema pobreza cresceu nos últimos meses. Mais de 792 mil famílias estão nessa situação. Os dados são do cadastro único da Prefeitura de São Paulo.</p>
<br>
<iframe class="vídeo" width="300" height="150" src="https://www.youtube.com/embed/PW3OiRMku-8" title="Sobe registro de pessoas em extrema pobreza: são mais de 792 famílias" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<p class="fonte">Fonte: Jornal da Gazeta:<br>https://www.youtube.com/@jornaldagazeta/featured</p>
</article>
<article class="container">
<h3>Mapa da nova pobreza</h3>
<a href="https://portal.fgv.br/noticias/mapa-nova-pobreza-estudo-revela-296-brasileiros-tem-renda-familiar-inferior-r-497-mensais" class="btn" target="_blank">FGV</a>
<p class="descrição">Estudo revela que 29,6% dos brasileiros têm renda familiar inferior a R$ 497 mensais.
<br>O estado com menor taxa de pobreza em 2021 foi Santa Catarina (10,16%). No extremo oposto está o Maranhão, com a maior proporção de pobres (57,90%).</p>
<img src="imagens/pobreza.jpg" class="imagem" alt="barraca de moradores de rua">
<p class="fonte">Fonte:FGV:</b>https://portal.fgv.br/noticias/mapa-nova-pobreza-estudo-revela-296-brasileiros-tem-renda-familiar-inferior-r-497-mensais</p>
</article>
</section>
</div>
<div class="corpo_da_home">
<section class="section_bloco_inteiro">
<article class="container">
<h3>8 pontos sobre pobreza e insegurança <br>alimentar no Brasil</h3>
<a href="https://pp.nexojornal.com.br/perguntas-que-a-ciencia-ja-respondeu/2023/8-pontos-sobre-pobreza-e-inseguran%C3%A7a-alimentar-no-Brasil" class="btn" target="_blank">NEXO</a>
<p class="descrição">Abaixo, temos uma breve evolução dos indicadores de <br>pobreza monetária, pobreza multidimensional e <br>isegurança alimentar no país à luz de considerações sobre o papel das políticas sociais no combate à fome e pobreza <br>nos últimos 30 anos.
<br></p>
<img src="imagens/tomates.jpeg" class="imagem" alt="tomates na balança">
<p class="fonte">Fonte: NEXO:<br>https://pp.nexojornal.com.br/perguntas-que-a-ciencia-ja-respondeu/2023/8-<br>pontos-sobre-pobreza-e-inseguran%C3%A7a-alimentar-no-Brasil</p>
</article>
<article class="container">
<h3> Os 5 estados mais pobres do Brasil!</h3>
<!-- target="_blank" pra abrir o link em outra aba -->
<a href="https://www.youtube.com/user/fatosdesconhecidos" class="btn" target="_blank">Fatos Desconhecidos</a>
<p class="descrição">O Brasil é um país desigual. A pobreza atinge uma grande parte de nossa população
e várias famílias lutam para conseguir o que <br>precisam para sobreviver.<br>Dentro de nosso país há uma diferença grande se compararmos os estados.</p>
<br>
<iframe class="vídeo" width="300" height="150" src="https://www.youtube.com/embed/kaDDAMLzWnM" title="Os 5 estados mais pobres do Brasil!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<p class="fonte">Fonte: Fatos desconhecidos:<br>https://www.youtube.com/user/fatosdesconhecidos</p>
</article>
<article class="container">
<h3>Pobreza no Brasil</h3>
<a href="https://brasilescola.uol.com.br/geografia/pobreza-no-brasil.htm" class="btn" target="_blank">UOL</a>
<p class="descrição">A pobreza no Brasil tem origem estrutural, derivada de <br>um processo de colonização pautado pela sociedade escravagista. <br>Analisando o território nacional como um todo, a população com menor <br>renda do país se concentra na região Nordeste.
<br></p>
<img src="imagens/casas.jpg" class="imagem" alt="casas em comunidades">
<p class="fonte">Fonte: UOL:<br>https://brasilescola.uol.com.br/geografia/pobreza-no-brasil.htm</p>
</article>
</section>
</div>
<h2 id="objetivos">Objetivos:</h2>
<div class="objetivos_ods">
<!-- <img class="imagem_prato" src="imagens/prato.jpg" alt="prato vazio"> -->
<article class="article_objetivos">
<!-- <details open> não coloquei, mesmo colocando no css ( details[open]), pq só quero que o objetivo seja aberto se clicar na setinha -->
<!-- <details> -->
<!-- <summary><b>Conheça os objetivos:</b></summary> -->
<p>1.Acabar com a pobreza em todas as suas formas, em todos os lugares
<br>1.1 Até 2030, erradicar a pobreza extrema para todas as pessoas em todos os lugares, atualmente medida como pessoas vivendo com menos de US$ 1,90 por dia
<br>1.2 Até 2030, reduzir pelo menos à metade a proporção de homens, mulheres e crianças, de todas as idades, que vivem na pobreza, em todas as suas dimensões, de acordo com as definições nacionais
<br>1.3 Implementar, em nível nacional, medidas e sistemas de proteção social adequados, para todos, incluindo pisos, e até 2030 atingir a cobertura substancial dos pobres e vulneráveis
<br>1.4 Até 2030, garantir que todos os homens e mulheres, particularmente os pobres e vulneráveis, tenham direitos iguais aos recursos econômicos, bem como o acesso a serviços básicos, propriedade e controle sobre a terra e outras formas de propriedade, herança, recursos naturais, novas tecnologias apropriadas e serviços financeiros, incluindo microfinanças
<br>1.5 Até 2030, construir a resiliência dos pobres e daqueles em situação de vulnerabilidade, e reduzir a exposição e vulnerabilidade destes a eventos extremos relacionados com o clima e outros choques e desastres econômicos, sociais e ambientais
<br>1.a Garantir uma mobilização significativa de recursos a partir de uma variedade de fontes, inclusive por meio do reforço da cooperação para o desenvolvimento, para proporcionar meios adequados e previsíveis para que os países em desenvolvimento, em particular os países menos desenvolvidos, implementem programas e políticas para acabar com a pobreza em todas as suas dimensões
<br>1.b Criar marcos políticos sólidos em níveis nacional, regional e internacional, com base em estratégias de desenvolvimento a favor dos pobres e sensíveis a gênero, para apoiar investimentos acelerados nas ações de erradicação da pobreza
</p>
</article>
</div>
<h2 id="curiosidade">Curiosidade:</h2>
<section class="mercosul">
<!-- <img class="imagem_mercosul" src="imagens/mercosul.png" class="imagem" alt="Logo Mercosul"> -->
<!-- <p class="fonte">Fonte: Mercosul:<br>https://www.mercosur.int/pt-br/</p> -->
<h1 class="title_mercosul">17 de Outubro: Dia Internacional para a Erradicação da Pobreza</h1>
<p>No dia 17 de outubro de 1987, mais de cem mil pessoas se reuniram em Paris <br>(cidade palco da Declaração Universal dos Direitos Humanos em 1948) <br>para prestar homenagem às vítimas da pobreza extema, da violência e da fome.
<br><br>
<a class="saiba_mais" href="https://www.mercosur.int/pt-br/dia-internacional-para-a-erradicacao-da-pobreza/" target="_blank">Saiba mais</a></p>
<img class="imagem_mercosul" src="imagens/mercosul.png" class="imagem" alt="Logo Mercosul">
<p class="fonte">Fonte: Mercosul:<br>https://www.mercosur.int/pt-br/</p>
</section>
<br>
<h2 id="combate">Combate:</h2>
<section class="governo_no_combate">
<article class="texto_gov">
<h3 class="title_gov">Bolsa Família: economistas preveem redução da pobreza e aumento da renda familiar</h3>
<p>As mudanças implementadas pelo Governo Federal no Bolsa Família têm potencial de reduzir em até 3 milhões o número de pessoas em condição de extrema pobreza e de contribuir para ampliar a massa de renda disponível para as famílias em 2023.
A projeção de redução da pobreza é do economista Daniel Duque, do Ibre/FGV. Segundo informações do IBGE, o Brasil tinha 12,4 milhões de pessoas na condição de extrema pobreza no último trimestre de 2022, com renda de até R$ 208 mensais por pessoa do núcleo familiar. De acordo com o pesquisador, o novo programa de transferência de renda tem potencial para mudar esse cenário.
<br><br><a class="saiba_mais" href="https://www.gov.br/pt-br/noticias/assistencia-social/2023/03/bolsa-familia-economistas-preveem-reducao-da-pobreza-e-aumento-da-renda-familiar" target="_blank">Leia mais</a></p>
</p>
</article>
<img class="imagem_gov" src="imagens/govbr.png" class="imagem" alt="Logo govbr">
<p class="fonte">Fonte: Gov.br:<br>https://www.gov.br/pt-br</p>
</section>
<h2 id="formulario">Formulário:</h2>
<section class="section_form">
<!-- <form action="https://formsubmit.co/[email protected]" method="POST" data-form autocomplete="off" class="form"> -->
<form action="https://formsubmit.io/send/[email protected]" method="post" data-form autocomplete="off" class="form">
<input name="_redirect" type="hidden" id="name" value="https://lucienelima8.github.io/ODS-ErradicacaoDaPobreza/">
<fieldset>
<legend>Entre em contato:</legend>
<label for="">Nome:</label>
<br>
<input type="text" name="nome" required placeholder="Digite seu nome completo">
<br>
<label for="">Telefone:</label>
<br>
<input type="número" name="número">
<br>
<label for="email">E-mail</label>
<br>
<input type="email" name="email" required placeholder="Digite um e-mail válido" >
<br>
<label for="">Mensagem:</label>
<br>
<!-- cols: coluna, row: linhas, minlength: comprimento mínimo, maxlength: comprimento máximo -->
<textarea name="msgm" cols="40" rows="5" minlength="20" maxlength="800"></textarea>
<br>
<!-- <input type="submit" value="Enviar" class="btn2"> -->
<input type="submit" value="Enviar" data-button class="btn2">
</fieldset>
</form>
</section>
<h2 id="referências">Referências:</h2>
<article class="article__ref">
<details class="details__ref">
<summary><b>Links:</b></summary>
<a href="https://stock.adobe.com/br/search/images?filters%5Bcontent_type%3Aphoto%5D=1&hide_panel=true&k=pobreza&search_type=usertyped&asset_id=73560121" target="_blank">Imagem do título</a>
<br>
<a href="https://brasil.un.org/pt-br/sdgs/1" target="_blank">Meta 1-ODS</a>
<br>
<a href="https://www.planalto.gov.br/ccivil_03/constituicao/constituicao.htm" target="_blank">Constituição Federal / 1988</a>
<br>
<a href="https://www.youtube.com/@jornaldagazeta/videos" target="_blank">Registo de pessoas em extrema pobreza</a>
<br>
<a href="https://portal.fgv.br/noticias/mapa-nova-pobreza-estudo-revela-296-brasileiros-tem-renda-familiar-inferior-r-497-mensais" target="_blank">Mapa da nova pobreza</a>
<br>
<a href="https://pp.nexojornal.com.br/perguntas-que-a-ciencia-ja-respondeu/2023/8-pontos-sobre-pobreza-e-inseguran%C3%A7a-alimentar-no-Brasil" target="_blank">8 pontos sobre a pobreza</a>
<br>
<a href="https://www.youtube.com/user/fatosdesconhecidos" target="_blank">Os 5 estados mais pobres do Brasil</a>
<br>
<a href="https://brasilescola.uol.com.br/geografia/pobreza-no-brasil.htm" target="_blank">Pobreza no Brasil</a>
<br>
<a href="https://www.mercosur.int/pt-br/dia-internacional-para-a-erradicacao-da-pobreza/" target="_blank">Dia Internacional para a Erradicação da Pobreza</a>
<br>
<a href="https://www.gov.br/pt-br/noticias/assistencia-social/2023/03/bolsa-familia-economistas-preveem-reducao-da-pobreza-e-aumento-da-renda-familiar" target="_blank">Combate a pobreza</a>
<br>
</details>
</article>
<center><a href="#up" class="subir">↑ Up ↑</a></center>
<article class="article_autora">
<h2 id="sobre">Sobre a autora:</h2>
<p class="autora">Meu nome é <b>Luciene Lima</b>, residente no Rio de Janeiro, estudante de Desenvolvimento Web do Projeto ElasNaTech - 2023, da JA Brasil.
<br><br>
<b>Contato:</b>
<br><br>
<a href="https://www.linkedin.com/in/lucienelima8/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/lucienelima8" target="_blank"><i class="fa-brands fa-github"></i></a>
</p>
<!-- <a href="https://www.linkedin.com/in/lucienelima8/" target="_blank">Linkedin</a> -->
<!-- <a href="https://github.com/lucienelima8" target="_blank">GitHub</a> -->
<p class="autora">Essa é uma tarefa sobre Objetivos de Desenvolvimento Sustentável (ODS), tema: Erradicação da Pobreza.</br>
</p>
</article>
</main>
<footer>Desenvolvido por Luciene Lima - 2023</footer>
</body>
</html>