Skip to content

Add files via upload #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jb598604 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add files via upload #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
91 changes: 91 additions & 0 deletions acoes.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,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>
42 changes: 42 additions & 0 deletions bot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>Chat de Ajuda</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="Body-chat">
<div class="chatbox">
<div class="message">Olá!! :)</div>
<div class="message">Esse chat tira dúvidas foi elaborado com o auxílio de códigos aprendidos na plataforma Alura, utilizada nas aulas de Matemática II - Programação I, criado e editado para que pudesse apresentar uma estrutura melhor e auxiliar no Concurso Agrinho, na categoria de Programação, bem como para eventuais dúvidas com relação ao site, evidenciando as ações que transformam o mundo.</div>
<div class="button">
<a href="https://g.co/kgs/qE2cPm" target="_blank">ODS, o que são? <i>(pesquisa no google)</i></a>
</div>
<div class="button">
<a href="https://portais.univasf.edu.br/sustentabilidade/noticias-sustentaveis/conheca-5-atitudes-simples-para-preservar-o-meio-ambiente" target="_blank">5 Ações que você pode fazer para Preservar o Meio Ambiente <i>(Link da Internet)</i></a>
</div>
<div class="button">
<a href="https://www.educacao.pr.gov.br/busca?termo=agrinho">Conheça o Programa Agrinho <i>Link Sistema FAEP/SENAR E SEED PR</i></a>
</div>
<div class="button">
<a href="fontes-links.html">Fontes e outros links utilizados no site.</a>
<div class="button">
<a href="index.html">Voltar para o início</a>
</div>
<div class="form">
<p>Caso tenha mais dúvidas, entre em contato abaixo:</p>
<form action="mailto:joao.vitorblancdos.santos@escola.pr.gov.br" method="post" enctype="text/plain">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="duvida">Dúvida:</label>
<textarea id="duvida" name="duvida" required></textarea>

<input type="submit" value="Enviar">
</form>
</div>
</div>
</body>
</html>
44 changes: 44 additions & 0 deletions fontes-links.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!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>Links utilizados em nosso site</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>
<a href='https://cdn.pixabay.com/photo/2014/10/08/23/12/natural-reserve-480985_1280.jpg'>https://cdn.pixabay.com/photo/2014/10/08/23/12/natural-reserve-480985_1280.jpg</a>
<a href="https://cdn.pixabay.com/photo/2017/04/23/19/17/climate-change-2254711_1280.jpg">https://cdn.pixabay.com/photo/2017/04/23/19/17/climate-change-2254711_1280.jpg</a>
<a href="https://www.educacao.pr.gov.br/sites/default/arquivos_restritos/files/imagem/2022-06/agrinho_programacao_materia_-02.jpg">https://www.educacao.pr.gov.br/sites/default/arquivos_restritos/files/imagem/2022-06/agrinho_programacao_materia_-02.jpg</a>
<a href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ecosia_logo.svg/800px-Ecosia_logo.svg.png">https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ecosia_logo.svg/800px-Ecosia_logo.svg.png</a>
<a href="https://images.ecycle.com.br/wp-content/uploads/2021/06/24184242/logo-ecycle-topo-o.png.webp">https://images.ecycle.com.br/wp-content/uploads/2021/06/24184242/logo-ecycle-topo-o.png.webp</a>
<a href="https://maisagua.social/wp-content/uploads/elementor/thumbs/LOGOS-LIVRES_-MAIS-AGUA-PRETO-BRANCO-1-e1676465606106-q39ftwjt1gotatavuwfqwprivyuaz0rcdmrcuv0arm.png">https://maisagua.social/wp-content/uploads/elementor/thumbs/LOGOS-LIVRES_-MAIS-AGUA-PRETO-BRANCO-1-e1676465606106-q39ftwjt1gotatavuwfqwprivyuaz0rcdmrcuv0arm.png</a>
<a href="https://habitatbrasil.org.br/wp-content/uploads/2018/06/Brasil-Portugese_Hz_White.png">https://habitatbrasil.org.br/wp-content/uploads/2018/06/Brasil-Portugese_Hz_White.png</a>
<a href="https://todospelaeducacao.org.br/wordpress/wp-content/uploads/2021/06/logo-desktop-e1622819996527.png">https://todospelaeducacao.org.br/wordpress/wp-content/uploads/2021/06/logo-desktop-e1622819996527.png</a>
<a href="https://movimentob-655ecf0daa0de33b514e-endpoint.azureedge.net/wp-content/uploads/2020/04/MBM-logo-2020.svg">https://movimentob-655ecf0daa0de33b514e-endpoint.azureedge.net/wp-content/uploads/2020/04/MBM-logo-2020.svg</a>
<a href="https://www.ekosbrasil.org/wp-content/themes/ekos-theme/assets/images/InstitutoEkosBR_Colorido_Horizontal_Preto.svg">https://www.ekosbrasil.org/wp-content/themes/ekos-theme/assets/images/InstitutoEkosBR_Colorido_Horizontal_Preto.svg</a>
<a href="https://www.amigosdobem.org/wp-content/uploads/2021/03/Novo-LOGO-01.png">https://www.amigosdobem.org/wp-content/uploads/2021/03/Novo-LOGO-01.png</a>
<a href="https://institutolegado.org/wp/wp-content/uploads/elementor/thumbs/objetivos_port-cut-pem640jumje63atowtrb9bjz1had2ncy5hzoal71ps.jpg">https://institutolegado.org/wp/wp-content/uploads/elementor/thumbs/objetivos_port-cut-pem640jumje63atowtrb9bjz1had2ncy5hzoal71ps.jpg</a>
<a href="https://www.ecosia.org/">https://www.ecosia.org/</a>
<a href="https://www.ecycle.com.br/">https://www.ecycle.com.br/</a>
<a href="https://maisagua.social/">https://maisagua.social/</a>
<a href="https://habitatbrasil.org.br/">https://habitatbrasil.org.br/</a>
<a href="https://todospelaeducacao.org.br/">https://todospelaeducacao.org.br/</a>
<a href="https://movimentobemmaior.org.br/">https://movimentobemmaior.org.br/</a>
<a href="https://www.ekosbrasil.org/">https://www.ekosbrasil.org/</a>
<a href="https://www.amigosdobem.org/">https://www.amigosdobem.org/</a>
<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">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</a>
<a href="https://g.co/kgs/qE2cPm">https://g.co/kgs/qE2cPm</a>
<a href="https://portais.univasf.edu.br/sustentabilidade/noticias-sustentaveis/conheca-5-atitudes-simples-para-preservar-o-meio-ambiente">https://portais.univasf.edu.br/sustentabilidade/noticias-sustentaveis/conheca-5-atitudes-simples-para-preservar-o-meio-ambiente</a>
<a href="https://www.educacao.pr.gov.br/busca?termo=agrinho">https://www.educacao.pr.gov.br/busca?termo=agrinho</a>
<div class="button">
<a href="index.html">Voltar para o início</a>
</div>
</body>
</html>
44 changes: 44 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@

<!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>Transformando o Mundo e Conhecendo as Ações Transformadoras</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, a imagem pode conter pessoas estendendo as mãos para elementos característicos do planeta Terra">
<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="escola">
<div class="escola-div-conteudo">
<h2 class="escola-titulo">Sobre nós</h2>
<p class="escola-texto-um">Este site, foi elaborado pelo <strong>estudante João Vitor Blanc dos Santos</strong> com o auxílio da <strong>professora Karina Dorneles Barbosa.</strong> Para a realização deste, se fez necessário a utilização dos materiais disponíveis na plataforma <strong>Alura</strong>, utilizada para as aulas do componente curricular de <strong>Matemática II - Programação I.</strong></p>
<h2 class="escola-titulo">Nossa missão</h2>
<p class="escola-texto-dois"> Ofertar um site criativo e moderno, no qual os leitores possam estar se informando, bem como se conscientizando a respeito dos graves problemas que atingem o mundo atual. Apresentar, ainda, algumas das ações transformadoras que acontecem hoje em dia, baseando-se nos Objetivos de Desenvolvimento Sutentável <i>(ODS)</i> da Organização das Nações Unidas <i>(ONU)</i>.</p>
</div>
<img class="escola-imagem" src="https://cdn.pixabay.com/photo/2017/04/23/19/17/climate-change-2254711_1280.jpg" alt="Imagem do planeta Terra dividido em 2 partes, onde uma delas apresenta o planeta limpo e outra apresenta o planeta destruído">
</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>

</html>
Loading