diff --git a/assets/img/img-mobile/3monitores-mobile.png b/assets/img/img-mobile/3monitores-mobile.png new file mode 100644 index 0000000..8b6bc7a Binary files /dev/null and b/assets/img/img-mobile/3monitores-mobile.png differ diff --git a/assets/img/img-mobile/banner-mobile.png b/assets/img/img-mobile/banner-mobile.png new file mode 100644 index 0000000..2da3a66 Binary files /dev/null and b/assets/img/img-mobile/banner-mobile.png differ diff --git a/assets/img/img-mobile/img-oculos-mobile.png b/assets/img/img-mobile/img-oculos-mobile.png new file mode 100644 index 0000000..f4e55c5 Binary files /dev/null and b/assets/img/img-mobile/img-oculos-mobile.png differ diff --git a/index.html b/index.html index b872a15..0cacc38 100644 --- a/index.html +++ b/index.html @@ -164,13 +164,9 @@

Lorem ipsum dolor sit amet

- 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. + 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.

diff --git a/style.css b/style.css index 12212da..cb64d63 100644 --- a/style.css +++ b/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) {