Skip to content

Commit

Permalink
PRIMEIRA PARTE CONCLUIDA
Browse files Browse the repository at this point in the history
  • Loading branch information
@professor-rafael
professor-rafael authored Feb 16, 2024
1 parent 9b3976f commit f628bbe
Show file tree
Hide file tree
Showing 8 changed files with 123 additions and 2 deletions.
Binary file added cerb.jpeg
View file
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 estudantes.png
View file
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 github.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 72 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,85 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700; 1.800;1.900&display=swap" rel="folha de estilo">
</head>
<body>
<header class="cabecalho">
<img class="cabecalho-imagem" src="cerb.png" alt="logo do cerb">
<img class="cabecalho-imagem" src="cerb.jpeg" alt="logo do cerb">
<ul class="cabecalho-lista">
<li class="cabecalho-lista-item">Escola</li>
<li class="cabecalho-lista-item">Estudante</li>
</ul>
</header>

<section class="escola">
<div class="escola-div-conteudo">
<h2 class="escola-titulo">Sobre a Escola</h2>
<p class="escola-texto-um">Nome da Escola: Rio Branco, C E-Ef M
Rede de Ensino: Estadual
Município: Rio Branco do Ivai
Núcleo Regional de Educação: Ivaipora
Compartilha a estrutura física com a escola:
Pedro Ii, E M D-Ef</p>
<p class="escola-texto-dois">Endereço: Rua Rio Tocantins, 393 Centro
Cep 86.848-000 - Rio Branco do Ivai - Pr Zona: Urbana Telefone: (43) 3467-1196
Email: [email protected] Fundada em 1984</p>
</div>

<img class="escola-imagem"src="tecnologia.png" alt="professor explicando sobre tecnologia.">
</section>
<section class="estudantes">
<h2 class="estudantes-titulo">Quem são nossos estudantes?</h2>
<div class= "estudantes-todos">
<span></span>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
<span></span>
<span></span>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
<div class="estudantes-div">
<img class="estudantes-imagem" src="estudantes.png" alt="foto do estudantes.">
<h3 class="Estudantes-nome">Estudantes</h3>
<a href="https://github.com/professor-rafael>"><img class="estudantes-icone" src="github.png" alt="icone github"></a>
<img class="estudantes-icone" src="whatsapp.png" alt="icone whatsapp">
<a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ"><img class="estudantes-icone" src="youtube.png" alt="icone youtube"></a>
</div>
</div>
</section>
<footer class="rodape">
<img class="rodape-imagem"src="cerb.jpeg" alt="logo do cerb">
</footer>

</body>
</html>
51 changes: 51 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
padding: 0;
}

body{
font-family: "Poppins", sans-serif; peso da fonte: 700; estilo da fonte: itálico;
}

.cabecalho{
background-color: #83819D;
color: white;
Expand All @@ -21,3 +25,50 @@
margin: 0 16px;
font-size: 24px;
}

.escola-imagem{
width: 150px;
}

.escola{
background-image: linear-gradient(#83819D,#4F4B4B);
color:white;
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
}

.escola-div-conteudo{
width: 35;
}
.escola-titulo{
padding: 24px 0;
}

.estudantes-imagem{
width: 150px;
}
.estudantes-icone{
width: 25px;
}
.estudantes-div{
text-align: center;
}
.estudantes-titulo{
text-align: center;
padding: 50px 0;
}
.estudantes-todos{
display: grid;
grid-template-columns: 25% 25% 25% 25% 25%;
}

.rodape{
background-color: black;
text-align: center;
}
.rodape-imagem{
height: 60px;
padding: 12px 0;
}
Binary file added tecnologia.png
View file
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 whatsapp.png
View file
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 youtube.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit f628bbe

Please sign in to comment.