main

DavidBurKing · Jun 21, 2024 · a3a6a3f · a3a6a3f
1 parent 9589169
commit a3a6a3f
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 4 deletions.
diff --git a/css/pages/index.css b/css/pages/index.css
diff --git a/css/pages/index.css.map b/css/pages/index.css.map
diff --git a/img/apresentacao.jpg b/img/apresentacao.jpg
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="css/tailwind/output.css">
     <link rel="stylesheet" href="css/global/header.css">
+    <link rel="stylesheet" href="css/pages/index.css">
 
     <script src="functions/global/header.js"></script>
 
@@ -33,9 +34,10 @@
     </header>
 
     <main>
-        <article>
-            <section>
-
+        <article class="PrincipalContainer">
+            <section class="ApresentaçãoTC">
+                <img src="img/apresentacao.jpg" alt="" class="ApresentaçãoTC-image">
+                <h1 class="ApresentaçãoTC-title">Bem-vindo ao TerraTech!</h1>
             </section>
 
             <section>

diff --git a/sass/pages/index.scss b/sass/pages/index.scss
@@ -0,0 +1,24 @@
+@import "../variables/colors/colors.scss";
+
+@import "../variables/common/breakpoint.scss";
+
+@import "../variables/fonts/fonts.scss";
+
+main {
+    padding: 6em 0em 0em 0em;
+    font-family: 'Montserrat', sans-serif;
+}
+
+.PrincipalContainer {
+    .ApresentaçãoTC {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .ApresentaçãoTC-title {
+            position: absolute;
+            font-weight: bolder;
+            font-size: 2em;
+        }
+    }
+}