parte 1 do site

professor-rafael · Feb 15, 2024 · 9b3976f · 9b3976f
1 parent 81e580d
commit 9b3976f
Show file tree

Hide file tree

Showing 10 changed files with 185 additions and 0 deletions.
diff --git a/cerb-main/LICENSE b/cerb-main/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Professor-Rafael
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/cerb-main/README.md b/cerb-main/README.md
@@ -0,0 +1 @@
+# cerb
diff --git a/cerb-main/cerb.jpeg b/cerb-main/cerb.jpeg
diff --git a/cerb-main/estudantes.png b/cerb-main/estudantes.png
diff --git a/cerb-main/github.png b/cerb-main/github.png
diff --git a/cerb-main/index.html b/cerb-main/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <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.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>
diff --git a/cerb-main/style.css b/cerb-main/style.css
@@ -0,0 +1,74 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+
+body{
+    font-family: "Poppins", sans-serif; peso da fonte: 700; estilo da fonte: itálico; 
+}
+
+.cabecalho{
+    background-color: #83819D;
+    color: white;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding: 24px 0;
+}
+
+.cabecalho-imagem{
+    width: 20;
+}
+
+.cabecalho-lista-item{
+    display: inline-block;
+    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;
+}
diff --git a/cerb-main/tecnologia.png b/cerb-main/tecnologia.png
diff --git a/cerb-main/whatsapp.png b/cerb-main/whatsapp.png
diff --git a/cerb-main/youtube.png b/cerb-main/youtube.png