gustavoguanabara · anaSophos · May 7, 2024 · May 8, 2024 · May 8, 2024 · May 8, 2024
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -1,2 +1,4 @@
-# projeto-site
- Projeto de um site criado durante o curso de Git e GitHub
+# projeto-oficina-git
+ Projeto de um site criado para a oficina de Git, GitHub, GitLab e GitPages
+aoba 👍
+
diff --git a/curso-html.html b/curso-html.html
diff --git a/curso-js.html b/curso-js.html
diff --git a/estilos/style.css b/estilos/style.css
@@ -1,42 +1,63 @@
 * {
-    font-family: Arial, Helvetica, sans-serif;
-    font-size: 16px;
+    padding: 0%;
+    background-color: #012f19;
 }
 
-body {
-    background-color: #acacff;
-
+main{
+    flex: auto;
+    justify-content: center;
+    justify-items: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    flex-direction: column;
+    align-content: center;
+    align-items: center;
+    text-align: center; 
+    display: flex; 
+    flex-direction: column; 
 }
 
-main {
-    background-color: white;
-    width: 560px;
-    margin: auto;
-    padding: 10px;
-    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.473);
+header h1{
+    font-family: "Comfortaa", Helvetica, sans-serif;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: bold;
+    color: rgb(255, 255, 255);
 }
 
-h1 {
-    font-size: 2em;
-    color: rgb(58, 0, 112);
+h1{
+    font-family: "Luckiest Guy", Helvetica, sans-serif;
+    font-size: 60px;
+    font-style: normal;
+    color: rgb(255, 255, 255);
 }
 
-h2 {
-    font-size: 1.5em;
-    color: rgb(58, 0, 112);
+h3{
+    font-family: "Comfortaa", Helvetica, sans-serif;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: bold;
+    color: rgb(255, 255, 255);
 }
 
-img.lado {
-    float: right;
+.img{
+    flex: auto;
+    justify-content: space-around;
+    justify-items: center;
+    flex-direction: row;
+    align-content: center;
+    align-items: center;
+    text-align: center; 
+    display: flex; 
+    flex-direction: row;
 }
 
-a {
-    text-decoration: none;
-    font-weight: bold;
-    color: rgb(58, 0, 112);
+.exception{
+    width: 20%;
 }
 
-a:hover {
-    text-decoration: underline;
-    color: rgb(26, 26, 255);
+.facsi{
+    width: 40%;
 }
diff --git a/imagens/btn-back.png b/imagens/btn-back.png
diff --git a/imagens/curso-em-video-cor.png b/imagens/curso-em-video-cor.png
diff --git a/imagens/curso-em-video-pb.png b/imagens/curso-em-video-pb.png
diff --git a/imagens/curso-html-css.png b/imagens/curso-html-css.png
diff --git a/imagens/curso-javascript.png b/imagens/curso-javascript.png
diff --git a/imagens/logo.png b/imagens/logo.png
diff --git a/imagens/logo.svg b/imagens/logo.svg
diff --git a/index.html b/index.html
@@ -1,29 +1,30 @@
 <!DOCTYPE html>
 <html lang="pt-br">
 <head>
+    <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=Comfortaa:[email protected]&display=swap" rel="stylesheet">
+    <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=Comfortaa:[email protected]&family=Luckiest+Guy&display=swap" rel="stylesheet">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Curso em Vídeo</title>
+    <title>Oficina de Git!!!</title>
     <link rel="stylesheet" href="estilos/style.css">
 </head>
 <body>
     <main>
         <header>
-            <h1>Cursos Grátis</h1>
-            <img src="imagens/curso-em-video-cor.png" alt="Curso em Vídeo">
+            <h1>Oficina de Git, GitHub, GitLab e GitPages</h1>
         </header>
-        <article>
-            <h2>Curso de HTML5 com CSS3</h2>
-            <img class="lado" src="imagens/curso-html-css.png" alt="Curso HTML">
-            <p>A <abbr title="HyperText Markup Language">HTML</abbr> é uma linguagem de marcação para a criação de sites. Atualmente na versão 5, ela usa a semântica dos elementos para criar o conteúdo de uma página Web. Com as <abbr title="Cascading Style Sheets">CSS</abbr>, criamos as configurações visuais que um site vai ter.</p>
-            <p><a href="curso-html.html">Acesse o curso de HTML5</a></p>
-        </article>
-        <article>
-            <h2>Curso de JavaScript</h2>
-            <img class="lado" src="imagens/curso-javascript.png" alt="Curso JS">
-            <p><abbr title="JavaScript">JavaScript</abbr> é uma linguagem de script criada para aumentar a interatividade entre um site e seus visitantes. Os códigos em JS são executados dentro do navegador e dão acesso aos elementos HTML por meio do <abbr title="Document Object Model">DOM</abbr>.</p>
-            <p><a href="curso-js.html">Acesse o curso de JavaScript</a></p>
-        </article>
+        <div>
+            <h1>Bem Vindos!!!</h1>
+            <div class="img">
+                <img class="exception" src="imagens/logo.svg" alt="Exception">
+                <img class="facsi" src="imagens/logo.png" alt="Exception">
+            </div>
+            <h3>Bazinga!!!</h3>
+        </div>
     </main>
 </body>
 </html>