-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
278 lines (199 loc) · 20.6 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
<html langer="pt-br">
<head>
<title>Meu primeiro site- Deseigualdade de gênero</title>
<link rel="shortcut icon" href="img/Untitled-1-01.png">
<link href="Estilo.css" rel="stylesheet">
<meta name="author" content="Alice Feldhaus">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale='1.0">
<meta name="keywords" content="palavras chaves">
<meta name="descripition" content="Explicando, detalhando e ensinando sobre desigualdade de gênero.">
</head>
<body>
<header>
<div id="logodiv">
<img id="logo" src="img/Untitled-1-01.png" alt="logo do site">
</div>
<nav>
<ul id="menu">
<section id="li">
<li> <a class="cormenu" href="#definição"> Introdução </a></li>
<li> <a class="cormenu" href="#desenvolvimento"> Desenvolvimento </a></li>
<li> <a class="cormenu" href="#evolução"> Evolução </a></li>
<li> <a class="cormenu" href="#proposta"> Proposta </a></li>
<li> <a class="cormenu" href="#dados"> Dados </a></li>
<li> <a class="cormenu" href="#sobre.mim"> Sobre mim </a></li>
</section>
</ul>
</nav>
</header>
<div class="capa">
<h1 id="titulo1">(Des)Igualdade de Gênero</h1>
<h2 id="subtitulo">Evolução da igualdade de gênero através dos anos.</h2>
<a id="ação" href="https://brasil.un.org/pt-br/sdgs/10" target="_blanck">ODS10</a>
</div>
<section id="definição">
<div class="coluna">
<h2 class="tituloh2">O que é desigualdade de gênero?</h2>
<p class="paragrafo">A desigualdade de gênero é definida como um fenômeno social estudado
pela sociologia, a desigualdade ocorre quando há discriminação e/ou preconceito com
outra pessoa por conta de seu gênero.<br>
A seguir temos um video ilustrando o que é a desigualdade de gênero.
</p>
</div>
<div class="coluna">
<iframe id="video" class="centralizado" width="560" height="315" src="https://www.youtube.com/embed/ZCGLC-vziRc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen alt="Video sobre desigualdade de gênero"></iframe>
</div>
</section>
<section id="desenvolvimento" class="diferente">
<h2 class="centralizado, tituloh2">Desenvolvimento da (des)igualdade de gênero</h2>
<p class="espaço, paragrafo">A desigualdade de gênero é um problema antigo e atual.</p>
<p class="espaço, paragrafo">Desde o início da civilização o homem era visto como o chefe da família, aquele que tomava as decisões e cuidava das rendas familiares, já a mulher era responsável pelos filhos, e pelo trabalho doméstico.</p>
<p class="espaço, paragrafo">Durante muito tempo as mulheres foram privadas de ter educação formal, de trabalhar fora de casa e de ter direito sob o próprio corpo, pois desde que nasciam eram dominadas por homens, até o casamento eram mandadas pelo pai, que era quem tomava as decisões da vida dela, após o casamento se tornava propriedade do marido, a qual teria que servir fielmente até a morte.</p>
<p class="espaço, paragrafo">Aquelas que eram órfãs eram vistas como indefesas, pois não tinham um homem para "protegê las", assim se tornavam alvos fáceis de abusos, ficavam mal faladas e uma vez que abusadas eram rejeitadas<br>
por futuros possíveis maridos, essas eram condenadas à solidão, à recorrentes abusos e ao futuro de prostituição para conseguir manter seu sustento.</p>
<p class="espaço, paragrafo">Essa imagem da família governada por um homem se espelhou também na política, que por sua vez foi desenvolvida pelo comando masculino, além da política o comércio, às empresas e às ciências<br>
também foram dominadas pelos homens.</p>
<p class="espaço, paragrafo">Com o passar do tempo, nasceram movimentos para mudar esse cenário, como veremos a seguir.</p>
</section>
<section class="justificado">
<hr id="evolução">
<div class="fatos">
<br>
<br>
<h2 class="tituloh21, tituloh2">Evolução da luta pela igualdade de gênero</h2>
<p class="centralizado, paragrafo1, paragrafo">Ao longo do tempo vária mulheres lutaram e ainda lutam pela igualdade de gênero, a seguir veremos os maiores marcos alcançados por essa luta.</p>
<div class="justificado, centralizado">
<h3 class="tituloh31, titulog3">1827</h3>
<h4 class="tituloh41, tituloh4">Direito a educação básica.</h4>
<p class="paragrafo.1, paragrafo">O acesso à educação básica por muito tempo foi negado às meninas.
Foi apenas em 1827, a partir da Lei Geral – promulgada em 15 de outubro – é que mulheres foram autorizadas a ingressar nos colégios e estudar além da escola primária.
</p>
<h3 class="tituloh31, titulog3">1879</h3>
<h4 class="tituloh41, tituloh4">Direito a cursarem o ensino superior.</h4>
<p class="paragrafo1, paragrafo">ação fundamental já foi tardio para as mulheres, o acesso às faculdades demorou ainda mais. Somente em 1879 é que as portas das universidades foram abertas à presença feminina.Hoje, cerca de 25% da mulheres ingressam em faculdades, em contrapartida apenas 18% dos homens.
</p>
<h3 class="tituloh31, titulog3">1932</h3>
<h4 class="tituloh41, tituloh4">Direito ao voto.</h4>
<p class="paragrafo1, paragrafo">Em 1932, o sufrágio feminino foi garantido pelo primeiro Código Eleitoral brasileiro, uma vitória da luta das mulheres que, desde a Constituinte de 1891, pleiteavam o direito ao voto. Essa conquista só foi possível após a organização de movimentos feministas no início do século XX, que atuaram intensa e exaustivamente no movimento sufragista, influenciados, sobretudo, pela luta das mulheres nos EUA e na Europa por direitos políticos.
</p>
<h3 class="tituloh31, titulog3">1934</h3>
<h4 class="tituloh41, tituloh4">Primeira mulher eleita a deputada no Brasil.</h4>
<p class="paragrafo1, paragrafo">Foi eleita a primeira deputada do Brasil.Carlota Pereira de Queirós foi uma médica, escritora, pedagoga e política brasileira. Foi a primeira mulher brasileira a ser eleita deputada federal. Ela participou dos trabalhos na Assembléia Nacional Constituinte, entre 1934 e 1935.
</p>
<h3 class="tituloh31, titulog3">1962</h3>
<h4 class="tituloh41, tituloh4">Comercialização de pillas anticoncepcionais.</h4>
<p class="paragrafo1, paragrafo">Foi iniciado a comercialização de pílulas anticoncepcionais, a ideia foi de uma ativista social, e foi financiada por uma grande herdeira industrial. O medicamento foi criado por dois cientistas homens. Após um ano a pílula anticoncepcional chegou ao Brasil. Apesar de ser um método contraceptivo bastante polêmico, por influenciar os hormônios femininos, não dá para negar que o medicamento trouxe autonomia à mulher e iniciou uma discussão muito importante sobre os direitos reprodutivos e a liberdade sexual feminina.
</P>
<br>
<h4 class="tituloh41, tituloh4">Direitos a mulheres casadas.</h4>
<p class="paragrafo1, paragrafo">Em 27 de agosto, a Lei nº 4.212/1962 permitiu que mulheres casadas não precisassem mais da autorização do marido para trabalhar. A partir de então, elas também passariam a ter direito à herança e a chance de pedir a guarda dos filhos em casos de separação.
</p>
<h3 class="tituloh31, titulog3">1985</h3>
<h4 class="tituloh41, tituloh4">Primeira delegacia da mulher.</h4>
<p class="paragrafo1, paragrafo">Foi criada a primeira delegacia da mulher. A Delegacia de Atendimento Especializado à Mulher (DEAM) surgiu em São Paulo e, logo depois, outras unidades começam a ser implantadas em outros estados. Essas delegacias especializadas da Polícia Civil realizam, essencialmente, ações de proteção e investigação dos crimes de violência doméstica e violência sexual contra as mulheres.
</p>
<br>
<h4 class="tituloh41, tituloh4">Conselho Nacional dos Direitos da Mulher(CNDM).</h4>
<p class="paragrafo1, paragrafo">Conselho Nacional dos Direitos da Mulher (CNDM).Criado em 1985, na época era vinculado ao Ministério da Justiça, com o objetivo de promover políticas que visassem eliminar a discriminação contra a mulher e assegurar sua participação nas atividades políticas, econômicas e culturais do país.Em 2003, ele passou a integrar a estrutura da Secretaria de Políticas para Mulheres (SPM) e a contar, em sua composição, com representantes da sociedade civil e do governo. Isso ampliou significativamente o processo de controle social sobre as políticas públicas para as mulheres.
</p>
<h3 class="tituloh31, titulog3">1988</h3>
<h4 class="tituloh41, tituloh4">Igualdade entre mulheres e homens.</h4>
<p class="paragrafo1, paragrafo">A Constituição Brasileira passa a reconhecer as mulheres como iguais aos homens, foi apenas na Constituição de 1988 que as mulheres passaram a ser vistas pela legislação brasileira como iguais aos homens. Somente após as pressões da pauta feminista, aliada com outros movimentos populares que ganharam as avenidas na luta pela democracia, e que conseguiram vencer uma realidade opressora e foram incluídas legalmente como cidadãs com os mesmos direitos e deveres dos homens (pelo menos na Constituição).
</p>
<h3 class="tituloh31, titulog3">2006</h3>
<h4 class="tituloh41, tituloh4">Lei Maria da Penha.</h4>
<p class="paragrafo1, paragrafo">Foi criada no Brasil a lei maria da penha.Maria da Penha, a farmacêutica que deu seu nome à lei, precisou ser vítima de duas tentativas de homicídio e lutar por quase 20 anos para que, finalmente, conseguisse colocar seu ex-marido criminoso atrás das grades. Definitivamente, essa é uma das conquistas do feminismo mais importantes para as mulheres brasileiras. A Lei nº 11.340/2002 foi sancionada para combater a violência contra a mulher.
</p>
<h3 class="tituloh31, titulog3">2015</h3>
<h4 class="tituloh41, tituloh4">Lei do feminicídio.</h4>
<p class="paragrafo1, paragrafo">É aprovada a Lei do Feminicídio.No dia 9 de março de 2015, a Constituição Federal reconheceu a partir da Lei nº 13.104 o feminicídio como um crime de homicídio.
</p>
<h3 class="tituloh31, titulog3">2018</h3>
<h4 class="tituloh41, tituloh4">Assédio passou a ser considerado crime.</h4>
<p class="paragrafo1, paragrafo">A importunação sexual feminina passou a ser considerada crime.
Ser mulher ainda – e infelizmente – é motivo para vivenciar situações de assédio e violência no dia a dia, no ônibus, em aplicativos de carros particulares ou numa simples ida ao mercado. A ocorrência deste tipo de prática contra as mulheres é tanta que a pauta feminista precisou incluir em suas ações a defesa da lei que caracteriza o assédio como crime (Lei nº 13.718/2018).
Apesar desta legislação garantir proteção às pessoas de todos os gêneros, a força do movimento feminista foi essencial para que ela se tornasse uma realidade em nossa sociedade. Não é como se hoje não sofressemos mais com o assédio, mas pelo menos agora temos um mecanismo legal para defender nosso direito de ir e vir.
</p>
</div>
</section>
<section id="proposta" class="diferente">
<div class="margem">
<h2 class="centralizado, tituloh2">Proposta</h2>
<p class="justificado, paragrafo">Para que haja possibilidade de mudança no cenário da desigualdade, não apenas a desigualdade de gênero, mas também na desigualdade racial, social e etc, deveríamos tratar mais sobre esses assuntos nas salas de aula, se educarmos nossas crianças para crescerem sabendo sobre esses problemas reais da nossa sociedade, meninos e meninas cresceriam agindo de igual para igual, e quando chegassem à fase adulta saberiam respeitar uns aos outros.
Já existem diversos programas que trazem a igualdade de gênero para a sociedade atual, como palestras para crianças e programas que procuram incluir meninas e mulheres em áreas atualmente dominado por homens.<br>Abaixo veremos dois projetos com essa missão.
</p>
<h3 class="centralizado, tituloh3"><a id="Mulher360" class="botao" href="https://movimentomulher360.com.br/" target="_blanck">Movimento Mulher 360</a></h3>
<p class="justificado, paragrafo">Esse projeto tem como ibjetivo contribuir para o empoderamento feminino economico, o projeto foi criado em 2011 a partir de uma iniciativa do Walmart, em 2015 o movimento tomou força e se tornou uma associação idependente e sem fins lucrativos.<br>
Alguns dos sócios-fundadores dessa associação são: Coca-Cols, Johnson&Johnson, Natura, Santander, Walmart entre outros.
</p>
<h3 class="centralizado, tituloh3"><a id="ELAS" class="botao" href="http://www.fundosocialelas.org/institucional.asp" target="_blanck">ELAS</a></h3>
<p class="justificado, paragrafo">O projeto ELAS é um fundo brasileiro de investimento social voltado exclusivamnete para a peomoção do protagonismo feminino.O ELAS nasceu em 2000, tem como objetivo fortalecer o protagonismo das mulheres e apoiar outros projetos com a mesma iniciativa.
</p>
</div>
</section>
<section class="justificado, centralizado">
<hr id="dados" >
<br>
<br>
<h3 class="tituloh3" >Dados sobre desigualdade de gênero</h3>
<p class="paragrafoespecial"> Mesmo com todas as melhorias, ainda exite muita desigualdade no mundo, abaixo podemos ver alguns dados que mostram um pouco de como na nossa sociedade mulheres ainda são desfavorecidas.</p>
<div class="colunadado">
<img class="imagens" src="img/img-53.png" alt="Gráfico sobre assédio.">
<p class="paragrafoespecial">De 100 casos cerca de 53,8% dos casos de assédios são cometidos com jovens menores de 13 anos.</p>
</div>
<div class="colunadado">
<img class="imagens" src="img/img-8.png" alt="Gráfico sobre estupro.">
<p class="paragrafoespecial">A cada dez estupros, oito são contra mulheres</p>
</div>
<div class="colunadado">
<img class="imagens" src="img/2019.png" alt="Calendário 2019.">
<p class="paragrafoespecial">O Brasil registrou 3.739 casos de feminicidio em 2019.</p>
</div>
<div class="colunadado">
<img class="imagens" src="img/percent.png" alt="Símbolo de porcentagem.">
<p class="paragrafoespecial">Apesar da queda na desigualdade salarial nos últimos anos, as mulheres brasileiras ainda ganham cerca de 20,5% a menos que os homens.</p>
</div>
<p class="paragrafoespecial">Com esse dados podemos perceber que ainda falta muito para que alcancemos a verdadeira igualdade de gênero.</p>
</section>
<section id="sobre.mim" class="justificado, centralizado">
<div id="sobremim" class="coluna">
<h3 class="tituloh3">Sobre mim</h3>
<p >Olá, meu nome é Alice de Souza Feldhaus, tenho 18 anos, moro em Blumenau/SC, estou no último ano do ensino médio, e me encontro fascinada pelas áreas voltadas a tecnologia, desde muito nova sempre me imaginei seguindo alguma profissão na área de arquitetura, porém depois de um curso que conclui perdi um pouco desse encanto. A pouco tempo fui apresentada ao pascalzim, onde tive brevemente a ideia de como é esse mundo de programação, e desde esse dia me senti inspirada a aprender mais sobre essa área em constante crescimento, foi assim que cheguei até essa oportunidade de aprender mais sobre HTML e CSS.
Além desse novo amor que adquiri pela programação eu também amo ler, ver filmes e séries, e passar tempo ao ar livre com pessoas que amo.
</p>
</div>
<div class="coluna">
<img id="fotominha" src="img/eu.png" alt="Símbolo de porcentagem." width="90%">
</div>
</section>
<section id="rodapé" class="justificado, centralizado">
<footer class="rodapé">
<div >
<h2 class="centralizado">Meu Primeiro site</h2>
<p>Este site foi criado a partir de uma proposta de aprendizado trazida pela
<a class="siterodape" href="https://www.jabrasil.org.br/" target="_blanck">JA Brasil</a> e
<a class="siterodape" href="https://www.microsoft.com/pt-br" target="_blanck">Microsoft.</a></p>
</div>
<div class="colunarodape">
<a href="https://www.instagram.com/aliceefeldhaus/?hl=pt-br" target="_blanck"><img class="img" src="img/instagram.png" alt="Logo do instagram"></a>
</div>
<div class="colunarodape">
<a href="https://www.facebook.com/alice.desouzafeldhaus/" target="_blanck"><img class="img" src="img/facebook.png" alt="Logo do facebook"></a>
<br>
<br>
</div>
<div class="colunarodape">
<a href="https://www.linkedin.com/in/alice-feldhaus-50a2a9175/" target="_blanck"><img class="img" src="img/linkedin.png" alt="Logo do linkedin"></a>
<br>
<br>
</div>
<div class="colunarodape">
<a href="https://mail.google.com/mail/u/0/?tab=rm&ogbl#inbox?compose=DmwnWrRmVgptTSRjfVrNFRDBjKJnxCBCSqFLNzkJpSBmVxwfvbwBNFrnbmdzdJQJknhzWTSWMxsQ" target="_blanck"><img class="img" src="img/gmail.png" alt="Logo do gmail"></a>
<br>
<br>
</div>
</footer>
</section>
</body>
</html>