index.html

@@ -164,13 +164,9 @@
             <div class="information">
                 <h1>Lorem ipsum dolor sit amet</h1>
                 <p>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. Quisque a
-                    faucibus
+                    tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis
-                    interdum.
+                    vitae lectus interdum rutrum vitae sed augue.
-                    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>
 

style.css

@@ -229,6 +229,43 @@
         width: 100%;
     }
 
+    /* Footer */
+
+    .container-footer{
+        background-color: #000000;
+        margin-top: 116px;
+    }.container-footer p {
+        text-align: center;
+        color: #BDBDBD;
+        line-height: 12px;
+        font-size: 10px;
+        text-transform: uppercase;
+    }
+
+    .info-footer{
+        padding: 38px 0px;
+    }
+    
+    .img-footer {
+        display: flex;
+        margin: 0 auto;
+        justify-content: center;
+        align-items: center;
+        margin-bottom: 17px;
+    }
+
+    .info-footer a {
+        text-decoration: none;
+        color: #FFFFFF;
+    }.info-footer p {
+        text-align: center;
+        color: #BDBDBD;
+    }
+
+    .img-facebook {
+        margin: 0px 21.51px;
+    }
+
 
 }
 
@@ -241,7 +278,7 @@
 
     .logo-m3 {
         display: flex;
-        padding: 29px 0px;
+        padding: 29px 94px;
         justify-content: center;
     }
 
@@ -262,6 +299,19 @@
         width: 100%;
     }
 
+    .info-monitor {
+        width: 100%;
+    }
+    .info-card {
+        display: block;
+        width: 100%;
+    }
+
+    .card-information{
+        max-width: 100%;
+        display: block;
+    }
+
 }
 
 @media screen and (min-width: 2501px) {