Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
Html-Czllt authored Jul 27, 2024
1 parent 404b3a0 commit f36114f
Show file tree
Hide file tree
Showing 9 changed files with 604 additions and 89 deletions.
14 changes: 7 additions & 7 deletions darkindexf2.css
Original file line number Diff line number Diff line change
Expand Up @@ -127,17 +127,17 @@ main {
.card-container {
display: flex;
flex-wrap: wrap;
gap: 100px; /* Espaçamento entre os cards */
gap: 90px; /* Espaçamento entre os cards */
justify-content: center; /* Alinha os cards horizontalmente */
margin-bottom: 2%;
margin-top: 1%;
font-size: 22px;
font-size: 26px;
}

.card {
perspective: 1000px;
width: 300px; /* Ajuste conforme necessário */
height: 200px; /* Ajuste conforme necessário */
width: 360px; /* Ajuste conforme necessário */
height: 260px; /* Ajuste conforme necessário */
}

.card-inner {
Expand Down Expand Up @@ -182,13 +182,13 @@ main {
}


.card-image1 img {
width: 100%;
.card-image1 {
width: 150%;
height: auto;
}

.card-image2 {
width: 118%;
width: 130%;
height: auto;
}

Expand Down
79 changes: 79 additions & 0 deletions darkindexf3.css
Original file line number Diff line number Diff line change
Expand Up @@ -119,6 +119,85 @@ main {
padding: 20px;
}

.main-content {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}

.card-container {
display: flex;
flex-wrap: wrap;
gap: 50px; /* Espaçamento entre os cards */
justify-content: center; /* Alinha os cards horizontalmente */
margin-bottom: 2%;
margin-top: 1%;
font-size: 30px;
}

.card {
perspective: 1000px;
width: 390px; /* Ajuste conforme necessário */
height: 290px; /* Ajuste conforme necessário */
}

.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}

.card:hover .card-inner {
transform: rotateX(180deg);
}


.card-front, .card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 10px;
overflow: hidden;
}

.card-front {
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: rgb(0, 0, 0) solid 1px;
}

.card-back {
background-color: #333;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
transform: rotateX(180deg);
text-align: center;
}


.card-image1 {
width: 153%;
height: auto;
}

.card-image2 img{
width: 100%;
height: auto;
}

.card-image3 {
width: 100%;
height: auto;
transform: scaleX(-1);
}

.container {
display: flex;
flex-direction: column;
Expand Down
110 changes: 82 additions & 28 deletions darkindexf3.html
Original file line number Diff line number Diff line change
Expand Up @@ -34,36 +34,90 @@
</nav>
</div>
</header>
<main>
<div class="container">
<div class="row">
<article class="quadrado" tabindex="6">
<h2>A Transformação da Agricultura e o Crescimento Urbano</h2>
<p>A migração das áreas rurais para as urbanas, também conhecida como êxodo rural, é um fenómeno que se intensificou desde 1760 com o início da
primeira revolução industrial. Este período foi marcado pela invenção da máquina a vapor, que representava o auge da tecnologia na época.
Essas máquinas são capazes de realizar o trabalho de várias pessoas e ao mesmo tempo serem controladas por um número menor de trabalhadores,
tornando o trabalho mais eficiente e menos exaustivo. </p>
<p>A introdução de máquinas nos campos revolucionou a forma como a agricultura funciona. Um trabalho que antes exigia dez trabalhadores é agora
suficiente para que uma pessoa opere a máquina e faça o mesmo trabalho, muitas vezes de forma mais rápida e eficiente. Este avanço
tecnológico reduziu a necessidade de mão-de-obra agrícola, fazendo com que muitos trabalhadores rurais procurassem novas oportunidades nas
cidades, enquanto o avanço tecnológico e a industrialização nas cidades criaram uma procura crescente de operarios nas industrias.</p>
</article>
<article class="quadrado1" tabindex="7">
<h2>Impactos da Migração</h2>
<p>
Após o avanço tecnológico no campo, muitos trabalhadores se viram obrigados a buscar melhores condições de vida nas áreas urbanas. Com o crescimento das indústrias, uma grande demanda por mão de obra surgiu, iniciando-se o êxodo rural. A busca de oportunidades nas áreas urbanas acontece até os dias de hoje e pode ou não ser benéfica, dependendo da estrutura da cidade. Se a cidade possui uma infraestrutura adequada, com serviços de saúde, educação, transporte e habitação, a migração pode levar a uma melhoria na qualidade de vida dos migrantes e na ecônimia da cidade. No entanto, se a cidade não está preparada para receber um grande número de novos habitantes, isso pode resultar em superlotação, desemprego, aumento da pobreza e criação de áreas de habitação precária, como favelas.

Para evitar que a migração se torne um aspecto negativo é essencial que haja planejamento urbano e políticas públicas eficazes para lidar com os desafios da urbanização e garantir que a migração de novas pessoas para áreas urbanas seja benéfica, para que a cidade prospere junto com os migrantes.
</p>
<main>
<article class="quadrado" tabindex="6">
<h2>Êxodo rural Brasileiro</h2>
<p></p>O êxodo rural no Brasil refere-se à migração em massa de pessoas do campo para as cidades, buscando melhores condições de vida
e oportunidades econômicas. Este fenômeno, intensificado a partir da segunda metade do século XX, é impulsionado por vários
acontecimentos, como o avanço tecnológico da agricultura, a busca por serviços melhores, oportunidades de emprego na área
urbana e a concentração de latifundios.</P>
<p></p>O êxodo rural se mantem até os dias atuais, sendo que no Brasil ele é mais intenso quando comparado a outros países do mundo.
Existem diversos fatores possíveis para isso, abordaremos alguns deles no decorrer do site ao mesmo tempo em que buscaremos saber
os benefícios, maleficios e soluções para garantir de que este movimento de migração seja beneficente para as áreas urbanas e
principalmente, para os migrantes.</p>
</article>

<section class="main-content">
<div class="card-container">
<div class="card">
<div class="card-inner">

<div class="card-front">
<img src="https://i.pinimg.com/originals/87/1d/f6/871df6e313fe3f63979d64b141bebc64.gif" alt="Imagem 1" class="card-image1">
</div>
<div class="card-back">
<p></p>A migração do campo para cidades possui como principais motivadores fatores êconomicos e acesso a serviços
públicos, como acesso a educação e saúde.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">

<div class="card-front">
<img src="https://i.pinimg.com/originals/c0/ff/5b/c0ff5b4b6de7335ce9d467feffdf938a.gif" alt="Imagem 3" class="card-image3">

</div>
<div class="card-back">
<p class="font">teste</p>
</div>
</div>
</div>
<div class="card">
<div class="card-inner">

<div class="card-front">
<img src="https://i.pinimg.com/originals/9f/92/6c/9f926c8c220127d81c8ba6897aa8d5db.gif" alt="Imagem 2" class="card-image2">
</div>
<div class="card-back">
<p class="font">teste</p>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<article class="quadrado" tabindex="6">
<h2>A Transformação da Agricultura e o Crescimento Urbano</h2>
<p></p>A migração das áreas rurais para as urbanas, também conhecida como êxodo rural, é um fenómeno que se intensificou desde 1760 com o início da
primeira revolução industrial. Este período foi marcado pela invenção da máquina a vapor, que representava o auge da tecnologia na época.
Essas máquinas são capazes de realizar o trabalho de várias pessoas e ao mesmo tempo serem controladas por um número menor de trabalhadores,
tornando o trabalho mais eficiente e menos exaustivo. </p>
<p></p>A introdução de máquinas nos campos revolucionou a forma como a agricultura funciona. Um trabalho que antes exigia dez trabalhadores é agora
suficiente para que uma pessoa opere a máquina e faça o mesmo trabalho, muitas vezes de forma mais rápida e eficiente. Este avanço
tecnológico reduziu a necessidade de mão-de-obra agrícola, fazendo com que muitos trabalhadores rurais procurassem novas oportunidades nas
cidades, enquanto o avanço tecnológico e a industrialização nas cidades criaram uma procura crescente de operarios nas industrias.</p>
</article>
<article class="quadrado1" tabindex="7">
<h2>Impactos da Migração</h2>
<p></p>
Após o avanço tecnológico no campo, muitos trabalhadores se viram obrigados a buscar melhores condições de vida nas áreas urbanas. Com o crescimento das indústrias, uma grande demanda por mão de obra surgiu, iniciando-se o êxodo rural. A busca de oportunidades nas áreas urbanas acontece até os dias de hoje e pode ou não ser benéfica, dependendo da estrutura da cidade. Se a cidade possui uma infraestrutura adequada, com serviços de saúde, educação, transporte e habitação, a migração pode levar a uma melhoria na qualidade de vida dos migrantes e na ecônimia da cidade. No entanto, se a cidade não está preparada para receber um grande número de novos habitantes, isso pode resultar em superlotação, desemprego, aumento da pobreza e criação de áreas de habitação precária, como favelas.

Para evitar que a migração se torne um aspecto negativo é essencial que haja planejamento urbano e políticas públicas eficazes para lidar com os desafios da urbanização e garantir que a migração de novas pessoas para áreas urbanas seja benéfica, para que a cidade prospere junto com os migrantes.
</p>
</article>
</div>

<article class="retangular" tabindex="8">
<h2>Soluções para prosperidade da Migração-Rural</h2>
<p></p>Para que a migração rural-urbana seja benéfica, é essencial um esforço conjunto entre o governo, o setor privado e a sociedade civil. Investir em infraestruturas, criação de emprego, assistência social e promover a sustentabilidade são passos essenciais para garantir que as cidades estejam preparadas para acolher os migrantes, permitindo que a cidade e os migrantes prosperem juntos
O Paraná é um exemplo de estado que implementa políticas eficazes para enfrentar o êxodo rural. O programa “Nosso Povo Paraná” tem como objetivo reduzir a pobreza e a vulnerabilidade social, proporcionando apoio financeiro e assistência social a famílias em situação de risco. A Companhia Hoteleira do Paraná (Cohapar) desenvolve projetos habitacionais para garantir moradia digna à população de baixa renda, enquanto programas de formação profissional, como o “Paraná Competitivo”, atraem investimentos e geram empregos, inclusive para os migrantes beneficiados. O estado também investe na construção e melhoria de unidades de saúde, além de promover campanhas preventivas e de promoção da saúde, garantindo assim o acesso da população migrante aos serviços essenciais.</p>
</article>
</div>
<article class="retangular" tabindex="8">
<h2>Soluções para prosperidade da Migração-Rural</h2>
<p>Para que a migração rural-urbana seja benéfica, é essencial um esforço conjunto entre o governo, o setor privado e a sociedade civil. Investir em infraestruturas, criação de emprego, assistência social e promover a sustentabilidade são passos essenciais para garantir que as cidades estejam preparadas para acolher os migrantes, permitindo que a cidade e os migrantes prosperem juntos
O Paraná é um exemplo de estado que implementa políticas eficazes para enfrentar o êxodo rural. O programa “Nosso Povo Paraná” tem como objetivo reduzir a pobreza e a vulnerabilidade social, proporcionando apoio financeiro e assistência social a famílias em situação de risco. A Companhia Hoteleira do Paraná (Cohapar) desenvolve projetos habitacionais para garantir moradia digna à população de baixa renda, enquanto programas de formação profissional, como o “Paraná Competitivo”, atraem investimentos e geram empregos, inclusive para os migrantes beneficiados. O estado também investe na construção e melhoria de unidades de saúde, além de promover campanhas preventivas e de promoção da saúde, garantindo assim o acesso da população migrante aos serviços essenciais.</p>
</article>
</div>
</main>
</main>





Expand Down
78 changes: 78 additions & 0 deletions indexf1.css
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,84 @@ main {
padding: 20px;
}

.main-content {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}

.card-container {
display: flex;
flex-wrap: wrap;
gap: 100px; /* Espaçamento entre os cards */
justify-content: center; /* Alinha os cards horizontalmente */
margin-bottom: 2%;
margin-top: 1%;
font-size: 22px;
}

.card {
perspective: 1000px;
width: 330px; /* Ajuste conforme necessário */
height: 230px; /* Ajuste conforme necessário */
}

.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}

.card:hover .card-inner {
transform: rotateX(180deg);
}


.card-front, .card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 10px;
overflow: hidden;
}

.card-front {
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: rgb(0, 0, 0) solid 1px;
}

.card-back {
background-color: #333;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
transform: rotateX(180deg);
text-align: center;
}


.card-image1 img {
width: 100%;
height: auto;
}

.card-image2 {
width: 124%;
height: auto;
}

.card-image3 {
width: 100%;
height: auto;
transform: scaleX(-1);
}
.container {
display: flex;
flex-direction: column;
Expand Down
Loading

0 comments on commit f36114f

Please sign in to comment.