Skip to content

Commit

Permalink
mudança nas pastas
Browse files Browse the repository at this point in the history
  • Loading branch information
stenioheck authored Aug 5, 2023
1 parent c1f010c commit 25d3ddc
Show file tree
Hide file tree
Showing 9 changed files with 176 additions and 0 deletions.
Binary file added img/acoes.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/ag.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/agrinho.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/instagram.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/linkedin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/logoATO.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/logoagrinho.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
82 changes: 82 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="pt-br">
<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>Agrinho_2023</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">
<div class="div-conteudo">
<figure>
<img class="cabecalho-imagem" src="img/logoagrinho.png" alt="logo do agrinho">
<figcaption><strong>Fonte: </strong>https://www.sistemafaep.org.br/agrinho/</figcaption>
</figure>
<div class="div-conteudo">
<ul class="cabecalho-lista">
<li><a href="https://www.sistemafaep.org.br/agrinho/" target="_blank" class="cabecalho-lista-item">CONCURSO AGRINHO</a></li>
<li><a href="mailto:nicole.machado.souza@escola.pr.gov.br" target="_blank" class="cabecalho-lista-item">NICOLE K SOUZA</a></li>
</ul>
</div>
</div>
<div class="div-conteudo">
<h2 class="titulo">Sobre o Concurso</h2>
<div class="sub-conteudo">
<p class="texto">Há 27 anos, o Programa Agrinho leva às escolas
das redes pública e particular uma proposta pedagógica baseada em visão complexa,
na inter e transdisciplinaridade e na pedagogia da pesquisa.</p>
<figure>
<img class="agrinho-imagem" src="img/agrinho.png" alt="imagem do concurso agrinho">
<figcaption><strong>Fonte: </strong>https://www.sistemafaep.org.br/agrinho/</figcaption>
</figure>
</div>
</div>

</header>
<section class="principal">
<h2 class="titulo">QUAL O NOSSO PROJETO?</h2>
<div class="principal-div">
<figure>
<img class="principal-imagem" src="img/acoes.png" alt="imagem acões que transformam o mundo">
<figcaption><strong>Fonte: </strong>https://www.iberdrola.com/sustentabilidade/estilo-de-vida-sustentavel</figcaption>
</figure>
<h3 class="texto-projeto">PROJETO</h3>
<a href="https://br.linkedin.com/in/vida-sustentavel-78199748" target="_blank"><img class="icone" src="img/linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/ecolitaoficial/" target="_blank"><img class="icone" src="img/instagram.png" alt="icone instagram"></a>
</div>
<div class="principal-div">
<figure>
<img class="principal-imagem-dois" src="img/ag.png" alt="imagem economia circular">
<figcaption><strong>Fonte: </strong>https://www.gazetadopovo.com.br/vozes/giro-sustentavel/economia-circular-inovacao-e-maturidade/</figcaption>
</figure>
<h3 class="texto-projeto">PROJETO</h3>
<a href="https://br.linkedin.com/in/vida-sustentavel-78199748" target="_blank"><img class="icone" src="img/linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/ecolitaoficial/" target="_blank"><img class="icone" src="img/instagram.png" alt="icone instagram"></a>
</div>

</div>
</section>
<footer class="rodape">
<a href="http://www.consultaescolas.pr.gov.br/consultaescolas-java/pages/templates/initial2.jsf?windowId=39a&codigoMunicipio=430&codigoEstab=942" target="_blank">
<img src="img/logoATO.jpg" alt="logo do colégio ATO de campo Mourão" class="imagem-rodape">
</a>
<h3 class="titulo">Colégio Estadual Pref. Antônio Teodoro de Oliveira</h3>
<ul class="lista-rodape">
<li>
<a href="http://www.stenioheck.com" target="_blank" class="elemento-lista-rodape">Professor: Stênio Cristaldo Heck</a>
</li>

<li>
<a href="mailto:nicole.machado.souza@escola.pr.gov.br" target="_blank" class="elemento-lista-rodape">
Aluna: Nicole Kauane Machado De Sousa</a>
</li>

</ul>
</footer>
</body>
</html>
94 changes: 94 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
*{
margin: 0;
padding: 0;
}
body {
font-family: 'Poppins', sans-serif;
}
.cabecalho {
background-image: linear-gradient(#424E61,#16CFF8);
color:white;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 24px 0;

}

.cabecalho-imagem{
width: 30%;
}
figcaption{
font-size: 10px;
}
.cabecalho-lista{
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
}
li{
list-style-type: none;
}
.cabecalho-lista-item{
display: inline-block;
margin: 0 16px;
font-size: 20px;
color: #121213;
}

.agrinho-imagem{
width: 100%;
}

.div-conteudo{
display: inline-block;
padding: 10px;
}
.sub-conteudo{
display: flex;
}
a {
text-decoration: none;

}
.titulo{
padding: 24px 0;
}
.texto{
font-size: 20px;
}
.principal{
padding: 24px 0;
}
.principal-imagem{
width: 600px;
}
.texto-projeto{
left: 50%;
}
.icone{
width: 24px;
padding: 4px 8px;
}

.principal-div{
text-align: center;
padding: 16px 0;
}
.rodape{
background-image: linear-gradient(#424E61,#16CFF8);
color:white;
display: flex;
justify-content: space-around;
align-items: center;
padding: 24px 0;
}
.imagem-rodape{
width:150px;
}
.elemento-lista-rodape{
text-decoration: none;
color: #121213;
}

0 comments on commit 25d3ddc

Please sign in to comment.