Agrinho/acoes.html at main · jb598604/Agrinho · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ações que Transformam o Mundo</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>

<body>
    <header class="cabecalho">
        <img class="cabecalho-imagem" src="https://cdn.pixabay.com/photo/2014/10/08/23/12/natural-reserve-480985_1280.jpg" alt="logo Ações que transformam o mundo (Imagem de mãos transformando o Planeta)">
        <ul class="cabecalho-lista">
            <li class="cabecalho-lista-item"><a href="index.html"><strong>Início</strong></a></li>
            <li class="cabecalho-lista-item"><a href="acoes.html">Ações que Transformam o Mundo</a></li>
            <li class="cabecalho-lista-item"><a href="bot.html">Dúvidas</a></li>
        </ul>
    </header>

    <section id="estudante">
        <h2 class="estudante-titulo">ALGUMAS AÇÕES QUE TRANSFORMAM O MUNDO</h2>
          <section class="acoes-transform">
            <div class="acao-div">
            <img class="fotoacoes" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ecosia_logo.svg/800px-Ecosia_logo.svg.png" alt="Logo da Ecosia, pode conter letras da marca e um planeta Terra no lugar da letra O">
            <h2 class="nomeacao">Ecosia</h2>
            <p class="textoacao">Ecosia é uma das soluções que foram criadas para ajudar o planeta. A cada 15 pesquisas, 1 árvore será plantada em um lugar do mundo. A Ecosia atende o mundo todo e você pode realizar doações também para ajudar.</p>
            <a href='https://www.ecosia.org/'><button>Mais informações: Acesse aqui <i>(Idioma Inglês)</i></button></a>
            </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://images.ecycle.com.br/wp-content/uploads/2021/06/24184242/logo-ecycle-topo-o.png.webp" alt="Logo da Ecycle, pode conter letras da marca e uma folha na letra e">
                <h2 class="nomeacao">Ecycle</h2>
                <p class="textoacao">Ecycle é outra ação, já existente, para ajudar o mundo. Navegando no site, encontrará vários temas, decobrindo também os pontos de coleta perto de sua casa que fazem coletas de resíduos, como por exemplo, o óleo de cozinha usado.</p>
                <a href='https://www.ecycle.com.br/'><button>Conheça mais e navegue pelo site da Ecycle</button></a>
                </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://maisagua.social/wp-content/uploads/elementor/thumbs/LOGOS-LIVRES_-MAIS-AGUA-PRETO-BRANCO-1-e1676465606106-q39ftwjt1gotatavuwfqwprivyuaz0rcdmrcuv0arm.png" alt="Logo do Projeto Mais Água">
                <h2 class="nomeacao">Projeto Mais Água</h2>
                <p class="textoacao">O Projeto Mais Água foi criado em 2013, tendo como finalidade ajudar comunidades que não têm acesso à água. Assim, com as doações, o projeto consegue levar água limpa e potável para àqueles que precisam.</p>
                <a href='https://maisagua.social/'><button>Acesse para conhecer um pouco mais sobre o projeto e faça sua doação</button></a>
                </div>
            <div class="acao-div">
              <img class="fotoacoes" src="https://habitatbrasil.org.br/wp-content/uploads/2018/06/Brasil-Portugese_Hz_White.png" alt="Logo da Habitat Brasil">
                 <h2 class="nomeacao">Habitat Brasil</h2>
                <p class="textoacao">A Habitat Brasil ajuda famílias que precisam de acesso a uma moradia e vida digna. Essa associação contribui para ajudar às pessoas a viverem na sociedade, tendo melhores condições, no qual possam ser protagonistas de seu futuro. Com as doações, a associação consegue investir nessas causas, ajudando, especialmente, a grande população brasileira que se encontram desabrigados.</p>
                <a href='https://habitatbrasil.org.br/'><button>Conheça a Habitat Brasil e ajude com o que você puder</button></a>
                </div>
            <div class="acao-div">
                 <img class="fotoacoes" src="https://todospelaeducacao.org.br/wordpress/wp-content/uploads/2021/06/logo-desktop-e1622819996527.png" alt="Logo Todos Pela Educação">
                <h2 class="nomeacao">Todos Pela Educação</h2>
                <p class="textoacao">A Todos Pela Educação, é a organização dentre as ações comentadas, que talvez seja a mais conhecida na atualidade. Essa organização, assim como o nome diz, defende a <strong>Educação para Todos</strong>. A organização tem o propósito de escutar os estudantes, compartilhando em seu site o que as diversas escolas propõem. Ela nos traz uma verdadeira motivação para continuar apoiando as escolas, bem como ajudar a mudar o rumo da educação no país. Juntos, somos TODOS PELA EDUCAÇÃO!</p>
                <a href='https://todospelaeducacao.org.br/'><button>Veja o que a organização Todos pela Educação já fez. Conheça mais sobre</button></a>
                </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://movimentob-655ecf0daa0de33b514e-endpoint.azureedge.net/wp-content/uploads/2020/04/MBM-logo-2020.svg" alt="Logo Movimento Bem Maior">
                <h2 class="nomeacao">Movimento Bem Maior</h2>
                <p class="textoacao">A Movimento Bem Maior é uma organização social apartidária, sem fins lucrativos. Seu objetivo é fortalecer o ecossistema filantrópico do Brasil, investindo em iniciativas que atuam nas raízes da desigualdade social brasileira.</p>
                <a href='https://movimentobemmaior.org.br/'><button>Conheça a organização, veja como ajudar</button></a>
                </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://www.ekosbrasil.org/wp-content/themes/ekos-theme/assets/images/InstitutoEkosBR_Colorido_Horizontal_Preto.svg" alt="Logo Ekos Brasil">
                <h2 class="nomeacao">Ekos Brasil</h2>
                <p class="textoacao">A Ekos Brasil é uma instituição sem fins lucrativos que tem a finalidade de promover a preservação da biodiversidade e da sustentabilidade. Preza a inteligência coletiva para emergir do encontro de propósitos comuns.</p>
                <a href='https://www.ekosbrasil.org/'><button>Veja o que a Ekos Brasil já fez para ajudar na mudança do meio ambiente</button></a>
                </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://www.amigosdobem.org/wp-content/uploads/2021/03/Novo-LOGO-01.png" alt="Logo Amigos do Bem">
                <h2 class="nomeacao">Amigos do Bem</h2>
                <p class="textoacao">A Amigos do Bem atende 12 ODS  da ONU, com o propósito de ajudar várias pessoas no Sertão Nordestino, garantindo a elas uma oportunidade de vida digna, enfatizando o respeito de todos os seus direitos</p>
                <a href='https://www.amigosdobem.org/'><button>Conheça a Amigos do Bem e o que ela já fez. Veja como ajudar</button></a>
                </div>
            <div class="acao-div">
                <img class="fotoacoes" src="https://institutolegado.org/wp/wp-content/uploads/elementor/thumbs/objetivos_port-cut-pem640jumje63atowtrb9bjz1had2ncy5hzoal71ps.jpg" alt="ODS da ONU">
                <h2 class="nomeacao">Entre Outras...</h2>
                <p class="textoacao">Além das ações já citadas acima, você pode encontrar, navegando na internet, outras ações que buscam a mudança do mundo</p>
                <a href='https://www.google.com/search?q=a%C3%A7%C3%B5es+ods+no+mundo&sxsrf=AB5stBiqgppO6CeWvijlyY9P3QCIT-Z97g%3A1690715382061&ei=9kTGZJy3A7bw1sQPv6yemAg&ved=0ahUKEwicio7OpbaAAxU2uJUCHT-WB4MQ4dUDCA8&uact=5&oq=a%C3%A7%C3%B5es+ods+no+mundo&gs_lp=Egxnd3Mtd2l6LXNlcnAiFGHDp8O1ZXMgb2RzIG5vIG11bmRvMgUQIRigATIFECEYoAFIoiNQ5wJYzyFwAngBkAEAmAGdAaAB-QqqAQQwLjEwuAEDyAEA-AEBwgIKEAAYRxjWBBiwA8ICBhAAGBYYHsICCBAhGBYYHhgdwgIKECEYFhgeGA8YHeIDBBgAIEGIBgGQBgg&sclient=gws-wiz-serp'><button>Acesse aqui para conhecer outras ações que transformam o mundo.</button></a>
                </div>


        </section>
    <footer class="rodape">
        <img class="rodape-imagem" src="https://www.educacao.pr.gov.br/sites/default/arquivos_restritos/files/imagem/2022-06/agrinho_programacao_materia_-02.jpg" alt="Imagem do Concurso Agrinho Programação">
        <p class="copyright">&copy; Copyright Projeto de Programação- Agrinho </p>
        <p><a href="https://github.com/katdorneles"><button>Professora: Karina <i>(Github)</i></button></a></p>
        <p><a href="https://github.com/jb598604"><button>João Vitor Blanc <i>(Github)</i></button></a></p>
    </footer>
</body>