feat: added bottom-banner

index.html

@@ -94,5 +94,20 @@
                     </p>
                 </div>
         </section>
+        <section class="bottom-banner">
+            <div>
+                <h2>
+                    Lorem ipsum dolor sit amet
+                </h2>
+                <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
+                    Quisque  a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
+                    Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
+                </p>
+            </div>
+            <div>
+                <img src="./assets/Rectangle 15.png" alt="oculos a frente de codigos">
+            </div>
+        </section>
     </body>
 </html>

style.css

@@ -133,6 +133,33 @@ header{
     line-height: 24px;
 }
 
+/* bottom banner */
+
+.bottom-banner{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.bottom-banner h2{
+    font-size: 32px;
+    line-height: 39px;
+    text-align: center;
+}
+
+.bottom-banner p{
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    width: 550px;
+    padding-bottom: 50px;
+}
+
+.bottom-banner img{
+    max-width: 1360px;
+    max-height: 276px;
+}
+
 /* Banner pincipal mobile */
 
 @media screen and (max-width:768px) {