From 5591f635434114f4b0adee1ec143f3013e34b175 Mon Sep 17 00:00:00 2001
From: LoriaLawrenceZ <lorenzozimbresfilmmaker@gmail.com>
Date: Thu, 6 Jun 2024 22:24:14 -0300
Subject: [PATCH 1/4] [feat] Adicionando texto ao BANNER
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adicionando título, subtítulo e botão ao banner
---
 index.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1b770ad..85d3b96 100644
--- a/index.html
+++ b/index.html
@@ -33,11 +33,21 @@
     </header>
 
     <main>
-        <div class="main-banner-container">
-            <figure class="banner-container">
+        <article class="main-banner-container">
+            <figure class="banner-image-container">
                 <img src="./assets/img/thomas-vimare-IZ01rjX0XQA-unsplash.jpg" alt="">
             </figure>
-        </div>
+
+            <section class="banner-text-container">
+                <div class="banner-text-title">
+                    <span class>NÓS ESTAMOS CONSTRUINDO UM NOVO FUTURO</span>
+                </div>
+
+                <div class="btn-contact-container">
+                    <button class="btn-contact">ENTRE EM CONTATO</button>
+                </div>
+            </section>
+        </article>
     </main>
 
     <footer>

From 6dbf87fad19c462caf34c2aa9cd6a9ec8707b8b2 Mon Sep 17 00:00:00 2001
From: LoriaLawrenceZ <lorenzozimbresfilmmaker@gmail.com>
Date: Thu, 6 Jun 2024 22:25:26 -0300
Subject: [PATCH 2/4] =?UTF-8?q?[feat]=20Adicionando=20vari=C3=A1veis=20ao?=
 =?UTF-8?q?=20universal.css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adicionadas 2 variáveis de cores e uma rápida responsividade.
---
 css/universal.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/css/universal.css b/css/universal.css
index c684e1d..e328887 100644
--- a/css/universal.css
+++ b/css/universal.css
@@ -10,8 +10,10 @@
 /*-----===| ROOT |===-----*/
 :root{
     /*---=| Variáveis |=---*/
+    --azul-super-claro: rgb(184, 227, 255);
     --azul-claro: rgb(92, 159, 204);
     --azul-medio: rgb(66, 91, 146);
+    --aqua-medio: rgb(0, 218, 218);
     --sombrear: rgba(0, 0, 0, 0.5);
     --clarear: rgba(255, 255, 255, 0.5);
     --clarear-gradiente: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.5));
@@ -23,6 +25,7 @@ header{
     width: 100%;
     background: var(--clarear-gradiente);
     position: fixed;
+    z-index: 999;
 }
 
 /*---=| Left Header |=---*/

From ec976f42d8b1e4d11d61ec37c7607385ce34585c Mon Sep 17 00:00:00 2001
From: LoriaLawrenceZ <lorenzozimbresfilmmaker@gmail.com>
Date: Thu, 6 Jun 2024 22:26:27 -0300
Subject: [PATCH 3/4] =?UTF-8?q?[feat]=20Estiliza=C3=A7=C3=A3o=20para=20o?=
 =?UTF-8?q?=20texto=20do=20banner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adicionando estilização incial ao texto presente no banner (e o botão).
---
 css/index.css | 68 ++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 64 insertions(+), 4 deletions(-)

diff --git a/css/index.css b/css/index.css
index 6bfff11..a00edcd 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,29 +1,89 @@
+*{
+    margin: 0;
+    padding: 0;
+
+    /*---=| Fonte Padrão |=---*/
+    font-family: "Josefin Sans", sans-serif ;
+    font-weight: 700;
+}
+
 /*-----===| MAIN |===-----*/
 /*---=| DISPLAY FLEX |=---*/
-main, .main-banner-container, .banner-container{
+main, .main-banner-container, .banner-image-container,
+.banner-text-container, .banner-text-title, .btn-contact-container, .btn-contact{
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 main{
+    min-height: 150vh;
     width: 100%;
     background-color: var(--azul-medio);
     align-items: flex-start;
+    z-index: 100;
 }
 
+/*---=| BANNER |=---*/
 .main-banner-container{
     height: 90vh;
     width: 100%;
 }
 
-.banner-container{
+/*-| Imagem |-*/
+.banner-image-container{
     height: 100%;
     width: 100%;
+    margin: 0;
 }
-
-.banner-container img{
+.banner-image-container img{
     height: 100%;
     width: 100%;
     object-fit: cover;
+}
+
+/*-| Texto |-*/
+.banner-text-container{
+    height: 90%;
+    width: 90%;
+    position: absolute;
+    flex-direction: column;
+    align-items: flex-start;
+    color: white;
+}
+.banner-text-title{
+    width: 80%;
+    align-items: flex-end;
+    font-size: 80px;
+    font-weight: 700;
+}
+.btn-contact-container{
+    height: 80%;
+    width: 100%;
+    position: absolute;
+    align-items: flex-end;
+}
+.btn-contact{
+    padding: 1em 2em;
+    border: none;
+    border-radius: 2em;
+    background-color: var(--aqua-medio);
+    color: var(--azul-medio);
+    transition: .1s all ease-in-out;
+}
+
+/*-----===| EFEITOS |===-----*/
+/*---=| Hover |=---*/
+.btn-contact:hover{
+    transform: scale(1.05);
+}
+
+/*-----===| RESPONSIVIDADE |===-----*/
+/*---=| BanneBanner |=---*/
+@media (max-width: 1200px) {
+    .main-banner-container{ height: 75vh; }
+}
+
+@media (max-width: 767px) {
+    .main-banner-container{ height: 50vh; }
 }
\ No newline at end of file

From 242e43a75425487c780408244621531d4105fd38 Mon Sep 17 00:00:00 2001
From: LoriaLawrenceZ <lorenzozimbresfilmmaker@gmail.com>
Date: Thu, 6 Jun 2024 22:48:11 -0300
Subject: [PATCH 4/4] [feat] Ajustando responsividade
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ajustando o básico da responsividade para mínima boa visualização do banner
---
 css/index.css | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index a00edcd..b6c80ed 100644
--- a/css/index.css
+++ b/css/index.css
@@ -28,6 +28,7 @@ main{
 .main-banner-container{
     height: 90vh;
     width: 100%;
+    flex-wrap: wrap;
 }
 
 /*-| Imagem |-*/
@@ -46,10 +47,12 @@ main{
 .banner-text-container{
     height: 90%;
     width: 90%;
-    position: absolute;
+    position: relative;
     flex-direction: column;
     align-items: flex-start;
+    flex-wrap: wrap;
     color: white;
+    transform: translateY(-100%);
 }
 .banner-text-title{
     width: 80%;
@@ -60,8 +63,9 @@ main{
 .btn-contact-container{
     height: 80%;
     width: 100%;
-    position: absolute;
+    position: relative;
     align-items: flex-end;
+    transform: translateX(-80%);
 }
 .btn-contact{
     padding: 1em 2em;
@@ -70,6 +74,7 @@ main{
     background-color: var(--aqua-medio);
     color: var(--azul-medio);
     transition: .1s all ease-in-out;
+    font-size: 16px;
 }
 
 /*-----===| EFEITOS |===-----*/
@@ -82,8 +87,18 @@ main{
 /*---=| BanneBanner |=---*/
 @media (max-width: 1200px) {
     .main-banner-container{ height: 75vh; }
+    .banner-text-title{
+        width: 100%;
+        font-size: 64px;
+    }
+    .btn-contact{ font-size: 14px; }
 }
 
 @media (max-width: 767px) {
     .main-banner-container{ height: 50vh; }
+    .banner-text-title{
+        width: 80%;
+        font-size: 48px;
+    }
+    .btn-contact{ font-size: 12px; }
 }
\ No newline at end of file