From 1483aa68e328d34c74b303d43cb9d0506a3326bb Mon Sep 17 00:00:00 2001
From: Rhayllon <rhayllom@hotmail.com>
Date: Mon, 10 Oct 2022 21:23:18 -0300
Subject: [PATCH 1/2] Feat(main):Cria HTML top-infocard

---
 assets/images/top-infocard-image.png | Bin 0 -> 4721 bytes
 index.html                           |  15 ++++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 assets/images/top-infocard-image.png

diff --git a/assets/images/top-infocard-image.png b/assets/images/top-infocard-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..82530bd927fa25bd63b7decaf4b5567852f057bc
GIT binary patch
literal 4721
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index a8ed97d..900a94e 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,20 @@
           <figure>
                <img class="top-banner top-banner-desktop" src="./assets/images/top-banner-desktop.png" alt="Imagem de um notebook" />
           </figure>
-         </div> 
+         </div>
+         
+         <Section>
+            <div class="top-infocard-text">
+               <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
+               <h1 class="top-infocard-title">dolor sit amet</h1>
+               <p class="top-infocard-description">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. 
+               </p>
+            </div>
+
+            <img src="./assets/images/top-infocard-image.png" alt="Tres icones de computadores interligados por setas" />
+
+         </Section>
 
        </main>
 
-- 
2.34.1


From 65feb2806deb698853bb50ede96970b87a7e5c55 Mon Sep 17 00:00:00 2001
From: Rhayllon <rhayllom@hotmail.com>
Date: Mon, 10 Oct 2022 21:48:27 -0300
Subject: [PATCH 2/2] Feat(main): Cria Css top-infocard

---
 assets/styles/main.css | 38 ++++++++++++++++++++++++++++++++++++++
 index.html             |  6 +++---
 2 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/assets/styles/main.css b/assets/styles/main.css
index 343e7bb..7345d0d 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -19,4 +19,42 @@ body{
 .top-banner{
     width: 100%;
     display: block;
+}
+
+.top-infocard{
+    display: flex;
+    align-items: center;
+    text-align: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.top-infocard-text{
+    width: 40%;
+    padding: 72px 0;
+}
+
+.top-infocard-subtitle{
+    font-weight: 400;   
+    font-size: 32px;
+    line-height: 39px;
+    text-transform: uppercase;
+}
+
+.top-infocard-title{
+    font-weight: 500;
+    font-size: 48px;
+    line-height: 58px;
+    text-transform: uppercase;
+}
+
+.top-infocard-description{
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+}
+
+.top-infocard-image{
+    width: 17%;
+    padding: 0 0 178px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 900a94e..bbbcbb9 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
           </figure>
          </div>
          
-         <Section>
+         <section class="top-infocard">
             <div class="top-infocard-text">
                <h2 class="top-infocard-subtitle">Lorem ipsum</h2>
                <h1 class="top-infocard-title">dolor sit amet</h1>
@@ -33,9 +33,9 @@
                </p>
             </div>
 
-            <img src="./assets/images/top-infocard-image.png" alt="Tres icones de computadores interligados por setas" />
+            <img class="top-infocard-image" src="./assets/images/top-infocard-image.png" alt="Tres icones de computadores interligados por setas" />
 
-         </Section>
+         </section>
 
        </main>
 
-- 
2.34.1