-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
257 lines (227 loc) · 15.8 KB
/
home.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/svg" href="./img/icons/go-green.png"/>
<title>Home</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<header>
<div>
<img src="./img/icons/go-green.png" width="35px" alt="Logo do site">
</div>
<button class="mobile-nav-toggle" aria-controls="navegacao-primaria" aria-expended="false"></button>
<nav>
<ul id="navegacao-primaria" data-visible="false" data-visible="false" class="navegacao-primaria flex">
<li class="navegacao-item navegacao-item-acessibilidade">
<a href="#" id="configuracao-acessibilidade-btn"><img src="./img/icons/settings-accessibility.svg" alt="Ícone de configuração de acessibilidade"><img src="./img/icons/arrow-drop-down.svg" alt="Ícone seta para baixo"></a>
<div class="navegacao-acessibilidade">
<div class="accessibility-font-size">
<h2 class="subtitulo">Tamanho fonte</h2>
<button id="increase-font" class="button-font-size"><img src="./img/icons/text-increase.svg" alt="Ícone aumentar fonte"></button>
<button id="decrease-font" class="button-font-size"><img src="./img/icons/text-decrease.svg" alt="Ícone diminuir fonte"></button>
</div>
<div class="accessibility-theme">
<h2 class="subtitulo">Tema</h2>
<button class="button-theme" id="button-theme">
<div class="indicator"></div>
</button>
</div>
</div>
</li>
<li class="navegacao-item">
<a href="./home.html" class="navegacao-link">
<img src="./img/icons/home.svg" alt="Ícone home">
<p>Home</p>
</a>
</li>
<li class="navegacao-item">
<a href="./aboutMe.html" class="navegacao-link">
<img src="./img/icons/person.svg" alt="Ícone sobre mim">
<p>Sobre mim</p>
</a>
</li>
<li class="navegacao-item">
<a href="./school.html" class="navegacao-link">
<img src="./img/icons/school.svg" alt="Ícone colégio">
<p>Meu colégio</p>
</a>
</li>
</ul>
</nav>
</header>
<div class="bg-video">
<video autoplay muted loop src="./img/video/PropriedadeRuralCruzMachado.mp4"></video>
<h1>Motivando a vida do campo e ampliando oportunidades</h1>
<div class="bg-line"></div>
<h2>Agrinho 2024</h2>
</div>
<main>
<h1 class="titulo">Revitalizando a Vida no Campo: Expandindo Horizontes e Oportunidades</h1>
<section class="section-lide">
<p class="corpo">A emigração rural refere-se à migração em grande escala de pessoas das zonas rurais
para as cidades em busca de melhores condições de vida, o que trouxe enormes desafios às
cidades e às zonas rurais. Para aliviar estes problemas e promover um desenvolvimento
equilibrado e sustentável, devem ser implementadas estratégias para melhorar as condições de
vida rural e atrair a população de volta para casa. Os investimentos em infraestruturas, educação,
formação e práticas agrícolas sustentáveis são fundamentais para tornar as zonas rurais uma
opção viável e atrativa, ajudando a alcançar um futuro em que as zonas urbanas e rurais sejam
harmoniosas e prósperas.</p>
</section>
<section class="section-introducao">
<p class="corpo">Observando o cenário atual do Brasil, percebe-se que a população urbana excede a rural,
refletindo a crescente urbanização desenfreada. O processo que explica essa circunstância é
chamado êxodo rural, nomeia-se êxodo rural o processo de migração de pessoas da zona rural
para a urbana, isto é, a saída de cidadãos rurais com direção às metrópoles. No entanto, essa
migração em massa pode trazer uma série de problemas, tanto para as cidades quanto para as
áreas rurais.</p>
<p class="corpo">Diante do exposto , esta página propõe-se a explorar formas de melhorar essa situação
e trazer mais pessoas de volta para o campo de forma sustentável.</p>
<img src="./img/paisagem02.jpg" class="imagens" alt="Paisagem de Cruz Machado">
</section>
<section class="section-desenvolvimento">
<h2 class="subtitulo">Desafios do Êxodo Rural</h2>
<p class="corpo">Muitas causas explicam esse processo de migração, motivado por inúmeros fatores, que incluem
a busca por melhores oportunidades de emprego, melhores circunstâncias de vida e melhor
acesso a serviços de saúde e educação. Nesse sentido, esse movimento também resulta em
desafios significativos:</p>
</section>
<section class="section-card">
<div class="container-card">
<div class="card">
<div class="card-content">
<h2 class="subtituloSecundario">Despovoamento rural: </h3>
<p class="corpo">o abando das áreas rurais é um fenômeno influenciado por uma
combinação de fatores econômicos, sociais, ambientais, tecnológicos, culturais e políticos. Nesse
sentido, o fator tecnológico muitas vezes está relacionado ao fato de muitos indivíduos terem
pouco acesso ou até mesmo nenhum contato com a tecnologia.</p>
</div>
</div>
<div class="card">
<div class="card-content">
<h2 class="subtituloSecundario">Superlotação urbana:</h3>
<p class="corpo">o aumento desenfreado dos centros urbanos leva a uma
densidade populacional excessiva nas cidades, pressionando a infraestrutura urbana que resulta
em complicações, como moradias precárias, desemprego, favelização, desigualdade e violência.</p>
</div>
</div>
<div class="card">
<div class="card-content">
<h2 class="subtituloSecundario">Desigualdade social:</h3>
<p class="corpo">o êxodo rural pode também aumentar a desigualdade social, com
pessoas que de baixa renda enfrentando dificuldades em busca de uma melhor qualidade de
vida. Visto que as grandes cidades não estão preparadas para o grande número de pessoas que
a ocuparão em decorrência do êxodo.</p>
</div>
</div>
</div>
</section>
<section class="section-desenvolvimento">
<h2 class="subtituloSecundario"><strong>Entretando, por que não reverter esse
problema incentivando a volta e a
permanência das pessoas para o campo
com boas oportunidades para uma melhor
qualidade de vida?</strong></h2>
<p class="corpo">Dessa forma, consideramos indispensável intervir sobre esse cenário, mas como
fazer isso? Temos em jogo o bem-estar da população, o combate à desigualdade
social, a busca por qualidade de vida, entre outros fatores interligados à
população rural que refletem também nas grandes cidades.</p>
<p class="corpo">Essa luta também é dever das políticas públicas e do Estado, devendo-se
preocupar em desenvolver programas de qualificação para o trabalho agrícola
moderno, colocando em pauta as novas tecnologias do campo e também a
preservação e proteção do meio ambiente, através de cursos gratuitos
fornecidos em escolas públicas pelo Brasil. Para alcançar mais pessoas, devese divulgar o programa
nas redes sociais do governo. Paralelamente, é preciso intervir sobre a má influência midiática;
assim, esta precisa divulgar o programa governamental de qualificação para o trabalho agrícola. Dessa maneira, será
possível superar a “cegueira social” em relação à importância do campo para a
cidade e às oportunidades que estas devem gerar.</p>
<p class="corpo">Um grande avanço no incentivo à permanência, principalmente dos jovens no
campo, está relacionado às Casas Familiares Rurais e aos Colégios Agrícolas.</p>
<p class="corpo">As Casas Familiares Rurais (CFRs) e os Colégios Agrícolas desempenham um papel fundamental
quando pensamos em desenvolvimento rural e emprego de tecnologias para uma agricultura sustentável e moderna.
Essas instituições de ensino oferecem cursos técnicos e profissionalizantes, com objetivo de preparar os
jovens para que superem desafios no campo e que tenham incentivos para garantir sua permanência nesse meio.</p>
</section>
<div class="fotos-lavoura">
<img src="./img/Lavoura01.jpg" alt="Imagem de uma lavoura">
<img src="./img/Lavoura02.jpg" alt="Imagem de uma lavoura">
<img src="./img/Lavoura03.jpg" alt="Imagem de uma lavoura">
</div>
<section class="section-conhecendo-mais">
<h2 class="titulo">Conhecendo mais...</h2>
<h3 class="subtituloSecundario">Casas Familiares Rurais (CFRs)</h3>
<p class="corpo">As Casas Familiares Rurais são instituições educacionais que possuem uma metodologia de alternância,
nessa metodologia os alunos organizam seu tempo dividindo-o entre a escola e a propriedade familiar. Desta forma,
a ideia dessa metodologia é aplicar os conhecimentos adquiridos em sala de aula em suas atividades agrícolas diárias.
Em resumo, as CFRs oferecem uma educação integral que além das disciplinas da Base Nacional Comum Curricular,
foca também em técnicas agrícolas, gestão de propriedades, empreendedorismo e desenvolvimento comunitário.</p>
<h3 class="subtituloSecundario">Colégios Agrícolas</h3>
<p class="corpo">Os Colégios Agrícolas são instituições de ensino médio técnico que oferecem cursos voltados para as áreas
relacionadas a agricultura. Esses colégios possuem uma infraestrutura adequada, podendo ter laboratórios, áreas experimentais,
parcerias com empresas, entre outros interligados a mesma área, objetivando formar profissionais para atuar no mercado de trabalho rural.</p>
</section>
<section class="section-conclusao">
<h2 class="titulo">Impacto na Comunidade...</h2>
<p class="corpo">A presença das Casas Familiares Rurais e dos Colégios Agrícolas nas comunidades rurais traz inúmeros benefícios.</p>
<p class="corpo">Elas contribuem diretamente para a redução do êxodo rural, gerando oportunidades de educação e emprego no campo, movimentando
o desenvolvimento econômico local a partir de técnicas e tecnologias capazes de aumentar a produtividades e ao mesmo tempo garantir qualidade
e sustentabilidade nos produtos produzidos, também fortalecendo a comunidade, criando líderes capazes de gerenciar e promover mudanças positivas.</p>
<p class="corpo">Podemos dizer que investir nessas instituições, é também investir em um futuro do campo, buscando prosperidade, sustentabilidade,
inovação, integração com as grandes cidades, promovendo uma sociedade mais equilibrada e justa.</p>
</section>
<img src="./img/paisagem03.jpg" class="imagens" alt="Paisagem de Cruz Machado">
</main>
<footer>
<div class="footer-container">
<div class="credits">
<h2 class="subtitulo">Créditos</h2>
<p>Professora: <strong>Vanessa Plewka</strong></p>
<div class="credits-icons">
<a href="https://www.sistemafaep.org.br/agrinho/" target="_blank" aria-label="Sistema Faep Senar PR"><img src="./img/icons/SistemaFaepSenarPR-logo.png" alt="Logo Faep Senar PR" height="35px"></a>
<a href="https://www.alura.com.br/" target="_blank" aria-label="Alura"><img src="./img/icons/alura-logo.svg" alt="Logo Alura" height="24px"></a>
<a href="https://www.parana.pr.gov.br/" target="_blank" aria-label="Estado do Paraná"><img src="./img/icons/GovernoDoEstado-logopng.svg" alt="Logo Estado do Paraná" height="40px"></a>
</div>
<p>ícones e fonte por:</p>
<div class="credits-icons">
<a href="https://fonts.google.com/" target="_blank" aria-label="Google Fonts"><img src="./img/icons/googleFonts.svg" alt="Ícone Google Fonts" width="24px"></a>
<a href="https://www.flaticon.com/" target="_blank" aria-label="Flaticon"><img src="./img/icons/flaticon.svg" alt="Ícone Flaticon" height="24px"></a>
</div>
</div>
<div class="contact-info">
<h3 class="subtitulo">Minha escola</h3>
<p><strong>Endereço:</strong> Av. Interventor Manoel Ribas, 238 - Centro, Cruz Machado - PR, 84620-000</p>
<p><strong>Telefone:</strong> (42) 3554-1254</p>
</div>
<div class="footer-links">
<h3 class="subtitulo">Links Úteis</h3>
<ul class="footer-links-lista">
<li><a href="./school.html">Home</a></li>
<li><a href="./aboutMe.html">Sobre mim</a></li>
<li><a href="./school.html">Meu colégio</a></li>
</ul>
</div>
<div class="social-media">
<h3 class="subtitulo">Minhas redes sociais</h3>
<div class="social-media-icons">
<a href="https://www.instagram.com/juliavt00/" target="_blank" aria-label="Instagram"><img src="./img/icons/instagram.svg" alt="Instagram"></a>
<a href="https://www.linkedin.com/in/julia-vitoria-da-luz-32a16927b/" target="_blank" aria-label="LinkedIn"><img src="./img/icons/linkedin.svg" alt="LinkedIn"></a>
<a href="https://github.com/JuJuVitoria" target="_blank" aria-label="GitHub"><img src="./img/icons/github.svg" alt="GitHub"></a>
<a href="#" target="_blank" aria-label="Email"><img src="./img/icons/email.svg" alt="Instagram"></a>
</div>
</div>
<div class="legal-info">
<h3 class="subtitulo">Informações Legais</h3>
<ul>
<p>Este site possui a licença MIT <a href="https://pt.wikipedia.org/wiki/Licen%C3%A7a_MIT" target="_blank" aria-label="MIT License">para saber mais sobre.</a></p>
</ul>
</div>
<div class="copyright">
<p>© 2024 Julia Vitoria Da Luz.</p>
</div>
</div>
</footer>
<script type="module" src="./js/main.js" defer></script>
</body>
</html>