feat: adiciona banner desktop

assets/styles.css/main.css

@@ -24,7 +24,7 @@ body {
 .top-infocard {
     display: flex;
     justify-content: center;
-    padding: 73px 0 0;
+    padding: 3.80vw 0 0;
 }
 
 .top-infocard-text {
@@ -63,20 +63,20 @@ body {
 }
 
 .top-infocard-image {
-    padding: 73px 0 89px 0;
+    padding: 3.80vw 0 4.63vw 0;
 }
 
 .top-card-image {
     display: block;
-    margin-bottom: 26px;
+    margin-bottom: 1.40vw;
 }
 
 .top-cards {
     background: #FFFFFF;
     grid-template-columns: repeat(3, max-content);
-    padding: 90px 0 80px;
+    padding: 3.125vw 0 4.166vw;
     display: grid;
-    gap: 20px;
+    gap: 1.09vw;
     justify-content: center;
 }
 
@@ -180,6 +180,11 @@ body {
     line-height: 24px;
 }
 
+.bottom-banner-image {
+    width: 100%;
+    padding: 2.6vw 14.583vw 6.04vw;
+}
+
 @media screen and (max-width: 414px) {
     .main-banner-desktop {
         display: none;

index.html

@@ -154,7 +154,15 @@
                     </p>
                 </div>
             </section>
+            
+            <div class="bottom-banner">
+                <img class="bottom-banner-image" src="./assets/images/bottom-banner-desktop.png" alt="banner de baixo" />
+            </div>
+
+            <footer>
+                
+            </footer>
+
         </main>
     </body>
-
 </html>