Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
marcos356011 authored Mar 10, 2024
1 parent 54b9628 commit 8a3126b
Show file tree
Hide file tree
Showing 3 changed files with 356 additions and 0 deletions.
76 changes: 76 additions & 0 deletions index (2).html
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="icon" href="brasao.png" />
<meta charset="UTF-8">
<title> 3ªAno A</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>

<body>
<div vw class="enabled"> <div vw-access-button class="active"></div> <div vw-plugin-wrapper> <div class="vw-plugin-top-wrapper"></div> </div> </div> <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script> <script> new window.VLibras.Widget('https://vlibras.gov.br/app'); </script>
<header>
<nav class="nav-bar">
<div class="logo">
<p><a href="index.html"><img class="brasao" src="logo.png"></a></p>
</div>

<div class="nav-list">
<ul>
<li class="nav-item"><a href="index.html" class="nav-link">Início</a></li>
<li class="nav-item"><a href="nosso-espaço.html" class="nav-link">Informações</a></li>
<li class="nav-item"><a href="cadastro.html" class="nav-link">Cadastro</a></li>
</ul>
</div>
</nav>
</header>

<div class="titulo">
<center><h1> 3ª Serie "A"
</h1>
<p><b> Matemática e Ciências da Natureza</b></p>
<p id="missao"> <strong></strong></p>
<p>"Novo Ensino médio" </p>


</section>
</div>

<form action="nosso-espaço.html">
<center><button class="btn-login">CONHEÇA-NOS</button></center>

</div>
</div>
</div>
</div>
<div class="principal"
class="beneficios">

<center><img id="pessoaslendo" src=>
<div class="beneficios">
<br>
</b></h2>
<ul>
<br>
<hr><h3 class="sub"><br>Entenda o Itinerário</h3> <p class="subtitulo" >Matemática estuda quantidades, estruturas e relações, enquanto as ciências da natureza se dedicam ao estudo dos fenômenos naturais, desde o nível subatômico até os ecossistemas, buscando compreender as leis que regem o universo e os seres vivos. Essas áreas são fundamentais para a compreensão do mundo e o desenvolvimento da sociedade. Espero que isso ajude!</p>
<br>
<hr><h3 class="sub"><br>CEPV</h3> <p class="subtitulo"> Av. São Roque, 235 Centro Pinhal de São Ben-Pr</p>
<br>

<br>

</div>

</ul>
</address>
<article>
></script></div>
</article>
</section>

</div>
<a href="index.html" class="btn"></a>

</body>
</html>
Binary file added logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
280 changes: 280 additions & 0 deletions style (2).css
Original file line number Diff line number Diff line change
@@ -0,0 +1,280 @@

body {
background-color: #000000;
}
header{
background-color: #000000;
box-shadow: 0px 3px 10px #FFFFFF;
margin: auto;
padding: 10px 10px;
}
.nav-bar{
display: flex ;
justify-content: space-between;
padding: 1.5rem 6rem;
}

.brasao{
width: 30%;
height: auto;
}


.logo h1 {
color: #fff;
}

.nav-link {
color: rgb(203, 255, 251);
}

.nav-list {

display: flex;
align-items: center;
}

.nav-list ul{
display: flex;
justify-content: center;
list-style: none;
}

.nav-item {
margin: 0 15px;
}

.nav :hover{
color: #000000;
text-decoration: underline;
}
.titulo {
color: rgb(203, 255, 251);
width: 100%;
padding: 16px 10px;
margin: 10px;
border: none;
border-radius: 8px;
outline: none;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
box-shadow: 10px 10px 40px -12px #00ff8052;
width: 100%;
border: none;
border-radius: 10px;
padding: 15px;
background: #000000;
color: #FFFFFF;
font-size: 12pt;
justify-content: center;
box-shadow: 0px 10px 40px #00000056;
outline: none;
box-sizing: border-box;

}

.principal {
background-color: #000000;
}
h1 {
font-size: 30px;
white-space: nowrap;
overflow: hidden;
animation: typewriter 2s steps(13) infinite alternate,
blink 800ms steps(13) infinite normal;
border-right: 5px solid black;
}
@keyframes typewriter {
from {
width: 0%;
}
to {
width: 50%;
}
}
@keyframes blink {
from {
border-color: rgb(0, 255, 0);
}
to {
border-color: transparent;
}
}
p {
text-align: center;
}

#missao {
font-size: 20px;
}

strong {
color: rgb(128, 225, 255);
}

.itens {
font-style: italic;
}

.icone-redes {
margin: auto;
padding: 10px 10px;
max-width:50px;
width: auto;
display: flex;
gap: 32px;
flex-direction: row;
align-items: center;
justify-content: space-around;
}


#pessoaslendo {
width: 80%;
}


.beneficios {
background: rgb(42, 158, 158);
padding: 16px 90px;
margin: 10px;
border: none;
border-radius: 8px;
outline: none;
letter-spacing: 1px;
box-shadow: 10px 10px 40px -12px #090808;
width: 80%;
border: none;
border-radius: 10px;
background: #090808;
color: #f0ffffde;
font-size: 12pt;justify-content: center;
box-shadow: 0px 10px 40px #000000;
outline: none;
box-sizing: border-box;
}
.beneficiostext{

font-size: 20pt;justify-content: center;
}
.fonte{
color: rgb(2, 90, 167);
}

.fonte:hover{
color: rgb(0, 255, 55);
}

.sub{
width: 30%;
color: rgb(128, 225, 255);
}
.subtitulo{
font-family: 'Quicksand' ;
}

.localizacao {
background: rgb(42, 158, 158);
padding: 16px 90px;
margin: 10px;
border: none;
border-radius: 8px;
outline: none;
letter-spacing: 1px;
box-shadow: 10px 10px 40px -12px #00ff8052;
width: 80%;
border: none;
border-radius: 10px;
background: #090808;
color: #f0ffffde;
font-size: 12pt;justify-content: center;
box-shadow: 0px 10px 40px #000000;
outline: none;
box-sizing: border-box;
}
.colegio{
font-size: 16pt;justify-content: center;
}

h2 {
text-align: center;
}

#biblioteca {
width: 100%;

}

.btn-login {
width: 80%;
padding: 16px 0px;
margin: 10px;
border: none;
border-radius: 8px;
outline: none;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 3px;
color: #FFFFFF;
background: #3F1764;
cursor: pointer;
box-shadow: 10px 10px 40px -12px #00ff8052;
}


.btn-login:hover{
color: #000000;
}
.local{
width: 80%;
}
.centro {
text-align: center;
color: aliceblue;
}
@media (max-width:930px) {
.img-box{
display: none;
}
.box{
width: 700px;
}
.form-box{
width: 100%;
border-radius: 20px;
}
}
@media (max-width:500px)
.w50{
width: 100%;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
background-color: rgb(0, 52, 148);
text-decoration: none;
}
.btn::after {
content: "↑";
font-size: 32px;
font-weight: bold;
color: aliceblue;
transition: margin-top 250ms;
}
.btn:hover::after {
margin-top:-8px;
}

0 comments on commit 8a3126b

Please sign in to comment.