Add files via upload

Html-Czllt · Aug 1, 2024 · 8cb75db · 8cb75db
1 parent 9ae9629
commit 8cb75db
Show file tree

Hide file tree

Showing 24 changed files with 4,340 additions and 778 deletions.
diff --git a/ambiente.css b/ambiente.css
diff --git a/ambiente.html b/ambiente.html
diff --git a/ambientef1.css b/ambientef1.css
diff --git a/ambientef1.html b/ambientef1.html
diff --git a/ambientef2.css b/ambientef2.css
diff --git a/ambientef2.html b/ambientef2.html
diff --git a/ambientef3.css b/ambientef3.css
diff --git a/ambientef3.html b/ambientef3.html
diff --git a/dark.ambiente.css b/dark.ambiente.css
diff --git a/dark.ambiente.html b/dark.ambiente.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Agrinho-2024/Nathã Cazelato</title>
+    <link rel="icon" href="https://th.bing.com/th/id/OIG4.6CREuRdNl0XdLIo6i8Ed?w=270&h=270&c=6&r=0&o=5&pid=ImgGn" type="image/x-icon">
+    <link rel="stylesheet" href="dark.ambiente.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+</head>
+<body>
+    <header>    
+        <div class="header-container">
+            <div class="logo">
+                <img src="https://th.bing.com/th/id/OIG4.6CREuRdNl0XdLIo6i8Ed?w=270&h=270&c=6&r=0&o=5&pid=ImgGn" alt="Logo do site(Uma arvore minimalista dentro de um curculo branco)">
+            </div>
+            <nav>
+                <a href="ambiente.html" class="button button4" tabindex="4">Modo claro</a>
+                <div class="dropdown">
+                    <button>A+</button>
+                    <div class="dropdown-content">
+                        <a href="indexf1.html">A+</a>
+                        <a href="indexf2.html">A++</a>
+                        <a href="indexf3.html">A+++</a>
+                    </div>
+                </div>
+                <a href="moon.html" class="button button1" tabindex="1">Inicio</a>
+                <a href="dark.ambiente.html" class="button button2" tabindex="2">Impactos ambientais</a>
+                <a href="economia.html" class="button button3" tabindex="3">Impactos econômicos</a>
+            </nav>
+        </div>
+    </header>
+    <main>
+        <div class="info-box">
+            <h3>Tópicos</h3>
+            <nav class="topics-nav">
+                <ul>
+                    <li><a href="#desmatamento">Desmatamento</a></li>
+                    <li><a href="#poluicao">Poluição</a></li>
+                    <li><a href="#perda-biodiversidade">Perda de Biodiversidade</a></li>
+                    <li><a href="#congestionamento">Congestionamento e Uso do Solo</a></li>
+                    <li><a href="#estrategias">Estratégias de Mitigação</a></li>
+                    <li><a href="#educacao">Educação e Conscientização</a></li>
+                    <li><a href="#inovacao">Inovação e Tecnologia</a></li>
+                    <li><a href="#sustentavel">Desenvolvimento Sustentável</a></li>
+                </ul>
+            </nav>
+        </div>
+
+        <div class="container">
+            <div class="row">
+                <section class="text-section" id="desmatamento" tabindex="6">
+                    <h2>Desmatamento</h2>
+                    <p>O <strong>desmatamento</strong> é uma consequência significativa da <strong>migração</strong> rural-urbana. À medida que as cidades se expandem para acomodar o aumento populacional, grandes áreas de vegetação natural são removidas para dar lugar a novos <strong>empreendimentos imobiliários</strong>, <strong>infraestruturas</strong> e áreas residenciais. Esse processo não só reduz a área de cobertura vegetal, mas também fragmenta os habitats naturais, dificultando a sobrevivência de diversas espécies.</p>
+                    <p>O desmatamento também afeta o <strong>ciclo hidrológico</strong>, uma vez que as árvores desempenham um papel crucial na retenção de água e na regulação do fluxo dos rios. A remoção das árvores pode levar a um aumento na <strong>erosão do solo</strong>, <strong>redução da qualidade da água</strong> e <strong>maiores riscos de inundações</strong> nas áreas urbanas adjacentes.</p>
+                    <img src="https://imgs.mongabay.com/wp-content/uploads/sites/30/2022/06/29103726/1200px-Bandipur_fires_2019-1200x800.jpg" alt="Imagem de desmatamento" class="image-above-text">
+                    <p>Clique na imagem acima para dar zoom</p>
+                </section>
+
+                <section class="text-section" id="poluicao">
+                    <h2>Poluição</h2>
+                    <p>O <strong>crescimento urbano</strong> intensifica a <strong>poluição</strong> de várias formas. Com o aumento do número de veículos e indústrias, a emissão de <strong>poluentes atmosféricos</strong> como <strong>óxidos de nitrogênio</strong>, <strong>partículas finas</strong> e <strong>dióxido de enxofre</strong> se torna mais prevalente. Estes poluentes são conhecidos por causar problemas respiratórios e cardiovasculares, além de contribuir para o <strong>efeito estufa</strong> e o <strong>aquecimento global</strong>.</p>
+                    <p>Além da poluição do ar, a <strong>poluição hídrica</strong> também se torna um problema significativo. O despejo inadequado de <strong>resíduos industriais</strong> e <strong>esgoto doméstico</strong> pode levar à contaminação dos corpos d'água, afetando a qualidade da água potável e os ecossistemas aquáticos.</p>
+                    <img src="https://www.infoescola.com/wp-content/uploads/2009/01/poluicao.jpg" alt="Imagem de poluição" class="image-above-text">
+                    <p>Clique na imagem acima para dar zoom</p>
+                </section>
+
+                <section class="text-section" id="perda-biodiversidade">
+                    <h2>Perda de Biodiversidade</h2>
+                    <p>A <strong>perda de biodiversidade</strong> é um dos impactos mais sérios da migração do campo para a cidade. A expansão urbana reduz os <strong>habitats naturais</strong> disponíveis para muitas espécies de plantas e animais. A construção de <strong>edifícios</strong>, <strong>estradas</strong> e outras infraestruturas fragmenta o ambiente natural, isolando populações de animais e reduzindo suas chances de sobrevivência.</p>
+                    <p>Além disso, a introdução de espécies invasoras em ambientes urbanos pode competir com as espécies nativas por recursos e alterar os <strong>ecossistemas</strong>. A <strong>perda de habitats</strong> e a <strong>fragmentação de ecossistemas</strong> contribuem para o declínio de muitas espécies e a <strong>diminuição da diversidade biológica</strong> nas áreas urbanas.</p>
+                    <img src="https://s2-g1.glbimg.com/DHXDrzXBAnwxOAapZrb9JLy7mzU=/0x0:1600x1200/1008x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_59edd422c0c84a879bd37670ae4f538a/internal_photos/bs/2022/b/M/uckh5uRG2AwJhn6O65vw/whatsapp-image-2022-03-19-at-16.56.33.jpeg" alt="Imagem da perda de biodiversidade" class="image-above-text">
+                    <p>Clique na imagem acima para dar zoom</p>
+                </section>
+
+                <section class="text-section" id="congestionamento">
+                    <h2>Congestionamento e Uso do Solo</h2>
+                    <p>O <strong>congestionamento urbano</strong> é uma consequência direta do aumento da população nas cidades. À medida que mais pessoas se mudam para áreas urbanas, a demanda por <strong>infraestrutura</strong> como <strong>estradas</strong>, <strong>transporte público</strong> e <strong>serviços urbanos</strong> aumenta, levando ao <strong>superlotamento</strong> e ao aumento dos <strong>tráfegos</strong>.</p>
+                    <p>O <strong>uso do solo</strong> muitas vezes não é planejado de forma adequada, resultando em <strong>expansão desordenada</strong> e <strong>falta de espaços verdes</strong>. O crescimento urbano sem controle pode levar à <strong>impermeabilização do solo</strong>, aumento do <strong>risco de inundações</strong> e <strong>redução da qualidade de vida</strong> para os residentes. O planejamento urbano sustentável é crucial para equilibrar o desenvolvimento e a preservação ambiental.</p>
+                </section>
+
+                <section class="text-section" id="estrategias">
+                    <h2>Estratégias de Mitigação</h2>
+                    <p>Para enfrentar os desafios ambientais associados à migração rural-urbana, é fundamental adotar estratégias de mitigação que promovam um desenvolvimento urbano sustentável e equilibrado. Aqui estão algumas abordagens recomendadas:</p>
+                    <ul>
+                        <li><strong>Planejamento Urbano Sustentável:</strong> Implementar <strong>planos de urbanização</strong> que integrem áreas verdes e áreas de preservação ambiental. Incentivar o desenvolvimento vertical e a utilização eficiente do solo pode reduzir o impacto ambiental da expansão urbana.</li>
+                        <li><strong>Promoção da Mobilidade Sustentável:</strong> Investir em <strong>transporte público</strong> eficiente e acessível, além de criar <strong>infraestruturas para bicicletas</strong> e <strong>caminhadas</strong>, pode diminuir a dependência de veículos particulares e reduzir a poluição do ar.</li>
+                        <li><strong>Conservação e Recuperação Ambiental:</strong> Promover <strong>programas de reflorestamento</strong> e <strong>preservação de áreas naturais</strong> para restaurar habitats e melhorar a qualidade da água e do solo.</li>
+                        <li><strong>Educação e Conscientização:</strong> Informar a população sobre os impactos ambientais e incentivar práticas sustentáveis pode ajudar a minimizar os efeitos negativos da migração e promover uma cultura de responsabilidade ambiental.</li>
+                    </ul>
+                    <p>Essas estratégias são fundamentais para garantir que o crescimento urbano possa ser realizado de maneira a proteger o meio ambiente e melhorar a qualidade de vida nas cidades.</p>
+                </section>
+
+                <section class="text-section" id="educacao">
+                    <h2>Educação e Conscientização</h2>
+                    <p>Com a migração rural-urbana, há um aumento na disponibilidade de programas de <strong>educação ambiental</strong> em cidades. Instituições de ensino, como universidades e escolas, oferecem cursos e workshops que promovem a conscientização sobre práticas sustentáveis e os impactos ambientais das atividades humanas.</p>
+                    <p>Além disso, eventos comunitários e campanhas de conscientização em áreas urbanas ajudam a informar os residentes sobre como reduzir sua pegada ecológica e adotar comportamentos mais verdes. A educação desempenha um papel crucial em formar cidadãos responsáveis e comprometidos com a proteção ambiental.</p>
+                </section>
+
+                <section class="text-section" id="inovacao">
+                    <h2>Inovação e Tecnologia</h2>
+                    <p>As cidades são centros de <strong>inovação tecnológica</strong> que podem contribuir para a proteção ambiental. Tecnologias verdes, como sistemas de gestão de resíduos, energias renováveis e infraestruturas inteligentes, são desenvolvidas e implementadas mais rapidamente em ambientes urbanos.</p>
+                    <p>Além disso, as soluções tecnológicas, como sensores para monitoramento da qualidade do ar e sistemas de transporte sustentável, ajudam a reduzir o impacto ambiental e promovem um desenvolvimento mais sustentável nas cidades.</p>
+                    <img src="https://fia.com.br/wp-content/uploads/2021/01/tecnologia-verde-4-exemplos.jpg" alt="Imagem da tecnlogia verde" class="image-above-text">
+
+                </section>
+
+                <section class="text-section" id="sustentavel">
+                    <h2>Desenvolvimento Sustentável</h2>
+                    <p>O conceito de <strong>desenvolvimento sustentável</strong> busca equilibrar o crescimento urbano com a proteção ambiental. Cidades bem planejadas incorporam áreas verdes, promovem o uso eficiente dos recursos e implementam práticas de construção sustentável.</p>
+                    <p>Medidas como a criação de parques urbanos, a promoção de telhados e paredes verdes, e o planejamento urbano que integra espaços naturais são essenciais para garantir que as áreas urbanas cresçam de forma a preservar o meio ambiente e melhorar a qualidade de vida.</p>
+                    <img src="https://img.freepik.com/fotos-premium/protecao-ambiental-e-questoes-relacionadas-ao-desenvolvimento-sustentavel_941466-6988.jpg" alt="Imagem do desenvolvimento sustentavel" class="image-above-text">
+
+                </section>
+            </div>
+        </div>
+    </main>
+    <footer>
+        <div class="footer-container">
+            <div class="footer-section">
+                <h3>Redes sociais</h3>
+                <ul class="social-icons">
+                    <li><a href="profile.card.html" class="icon-facebook" tabindex="9"><i class="fab fa-facebook-f"></i></a></li>
+                    <li><a href="profile.card.html" class="icon-instagram" tabindex="10"><i class="fab fa-instagram"></i></a></li>
+                    <li><a href="profile.card.html" class="icon-linkedin" tabindex="11"><i class="fab fa-linkedin-in"></i></a></li>
+                    <li><a href="https://github.com/Html-Czllt" class="icon-github" tabindex="12"><i class="fab fa-github"></i></a></li>
+                </ul>
+            </div>
+            <div class="footer-section">
+                <h3>Links Úteis</h3>
+                <ul>
+                    <li><a href="index.html" tabindex="13">Inicio</a></li>
+                    <li><a href="#" tabindex="14">Serviços</a></li>
+                    <li><a href="#" tabindex="15">Sobre nós</a></li>
+                </ul>
+            </div>
+            <div class="footer-section">
+                <h3>Contato</h3>
+                <p tabindex="16">Email: [email protected]<br>Telefone: (41) 1234-5678</p>
+            </div>
+            <div class="footer-image">
+                <img class="faep" src="https://www.sistemafaep.org.br/wp-content/uploads/2022/10/Sistema-FAEP-SENAR-PR.png" alt="Logo sistema FAEP" tabindex="17" aria-multiline="logo FAEP" width="15%">
+                <img class="moreli" src="https://morellifala.wordpress.com/wp-content/uploads/2019/03/logo.png?w=198" alt="Logo moreli" tabindex="18" aria-label="logo Governo do Paraná" width="6%">
+                <img class="pr" src="https://seeklogo.com/images/P/parana-governo-do-estado-logo-1E54F41045-seeklogo.com.png" alt="Logo Governo do Paraná" tabindex="18" aria-label="logo Governo do Paraná" width="14%">
+            </div>
+            </div>
+        <div class="footer-bottom">
+            <p>&copy; 2024 Agrinho-2024/Nathã Cazelato. Todos os direitos reservados.</p>
+            <p>Colégio Estadual Padre Claudio Morelli.</p>
+        </div>
+    </footer>
+
+
+    </html>
+    <a href="#" id="backToTopBtn" title="Voltar ao topo"><i class="fas fa-arrow-up"></i></a>
+</body>
+</html>