-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1726247
commit 85d8aa6
Showing
6 changed files
with
202 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,136 @@ | ||
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap'); | ||
|
||
:root { | ||
--cor-de-fundo-titulo-principal: #F4D03F; | ||
--background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); | ||
--verde-claro: rgb(0, 255, 0); | ||
--branco: white; | ||
--preto: black; | ||
--botao-ativo: rgb(0, 88, 0); | ||
--botao-inativo:rgb(0, 51, 0); | ||
--texto-fundo: rgb(0, 28, 0); | ||
} | ||
|
||
html, body { | ||
font-family: 'Arial', sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
height: 100%; | ||
width: 100%; | ||
color: var(--preto); | ||
background: var(--branco); | ||
} | ||
|
||
header { | ||
color: black; | ||
background-color: white; | ||
padding: 10px 0px; | ||
} | ||
|
||
.caixa { | ||
position: relative; | ||
margin: 0 auto; | ||
flex-wrap: wrap; | ||
} | ||
|
||
.caixa h1 { | ||
font-size: 25px; | ||
color: rgb(0, 69, 0); | ||
padding-left: 85px; | ||
padding-bottom: 29px; | ||
} | ||
|
||
.caixa ul { | ||
padding-right: 85px; | ||
} | ||
|
||
nav { | ||
position: absolute; | ||
top: 20px; | ||
right: 0; | ||
} | ||
|
||
nav li { | ||
display: inline; | ||
margin: 0 0 0 15px; | ||
} | ||
|
||
nav a { | ||
color: black; | ||
font-weight: bold; | ||
font-size: 20px; | ||
text-decoration: none; | ||
} | ||
|
||
nav a:hover { | ||
color: rgb(138, 59, 125); | ||
text-decoration: underline; | ||
} | ||
|
||
.titulo-principal { | ||
font-size: 23px; | ||
color: white; | ||
background-color: var(--cor-de-fundo-titulo-principal); | ||
background-image: var(--background-image); | ||
flex-wrap: wrap; | ||
text-align: center; | ||
font-family: "Chakra Petch", sans-serif; | ||
font-weight: 400; | ||
font-style: normal; | ||
padding: 5px; | ||
} | ||
|
||
h1 { | ||
opacity: 0; /* Inicialmente invisível */ | ||
transform: translateY(-50px); /* Posição inicial acima */ | ||
animation: titleEntrance 1s forwards; /* Animação de entrada */ | ||
} | ||
|
||
/* Animação de entrada */ | ||
@keyframes titleEntrance { | ||
to { | ||
opacity: 1; /* Torna o título visível */ | ||
transform: translateY(0); /* Retorna à posição original */ | ||
} | ||
} | ||
|
||
h2{ | ||
text-align: center; | ||
} | ||
|
||
.fenaahs { | ||
padding: 20px; | ||
} | ||
|
||
.FIciencias { | ||
padding: 20px; | ||
} | ||
|
||
p { | ||
padding: 20px; | ||
} | ||
|
||
.img-inicio { | ||
max-width: 350px; | ||
height: auto; | ||
} | ||
|
||
figcaption{ | ||
font-size: 15px; | ||
text-align: center; | ||
} | ||
|
||
.rodape { | ||
font-size: 18px; | ||
padding: 40px 0; | ||
text-align: center; | ||
background: rgb(48, 96, 52); | ||
color: white; | ||
} | ||
|
||
.copyright { | ||
color: #FFFFFF; | ||
font-size: 13px; | ||
margin: 20px 0 0; | ||
padding: 10px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
<!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"> | ||
<link rel="stylesheet" href="feiras.css"> | ||
<title>Feiras de Ciências - Eco Board Game</title> | ||
</head> | ||
<body> | ||
<header> | ||
<div class="caixa"> | ||
<h1>Feiras de Ciências</h1> | ||
<nav> | ||
<ul> | ||
<li><a href="index.html">Home</a></li> | ||
<li><a href="game.html">Jogo</a></li> | ||
<li><a href="workshop.html">Workshop</a></li> | ||
<li><a href="feiras.html">Feiras</a></li> | ||
<li><a href="criadora.html">Criadora</a></li> | ||
</ul> | ||
</nav> | ||
</div> | ||
</header> | ||
|
||
<div class="titulo-principal"> | ||
<h1>Feiras em que o ECO BOARD GAME participou:</h1> | ||
</div> | ||
|
||
<section class="fenaahs"> | ||
<h2>FENAAH/S</h2> | ||
<h3>Participação na 3° FENAAH/S 2024, para estudantes do Núcleo de Altas Habilidades e Superdotação, realizada em julho de 2024 em Foz do Iguaçu.</h3> | ||
</section> | ||
|
||
<section class="FIciencias"> | ||
<h2>FIciências</h2> | ||
<h3>Participação na XIII Feira de Inovação das Ciências e Engenharias - FIciencias realizada em novembro de 2024 em Foz do Iguaçu.</h3> | ||
<h2>Premiação FIciências</h2> | ||
<h3>2°lugar na categoria Ciências Sociais Aplicadas</h3> | ||
|
||
</section> | ||
|
||
|
||
<footer class="rodape"> | ||
<h2><strong>Eco Board Game<br> | ||
by Sibelly</strong></h2> | ||
|
||
<p class="copyright">© Copyright Eco Board Game - 2024</p> | ||
</footer> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters