diff --git a/assets/image/image-oculos-completo.png b/assets/image/image-oculos-completo.png new file mode 100644 index 0000000..89e61ac Binary files /dev/null and b/assets/image/image-oculos-completo.png differ diff --git a/assets/style/main.css b/assets/style/main.css index 4156192..0e5bb31 100644 --- a/assets/style/main.css +++ b/assets/style/main.css @@ -140,6 +140,26 @@ body{ line-height: 24px; font-size: 16px; } + .bottom-text{ + display: flex; + justify-content: center; + align-items: center; + } + .bottom-description{ + max-width: 550px; + } + .bottom-subtitle{ + font-weight: 600; + font-size: 32px; + line-height: 39px; + text-align: center; + } + .bottom-descriptions{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; +} @media (max-width: 1024px) { .main-banner-desktop { display: none; @@ -148,6 +168,7 @@ body{ display: block; width: 100%; } + } @media screen and (max-width:1024px) { .top-infocard{ diff --git a/index.html b/index.html index 47c350b..27fa5ba 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ Page M3 Academy + @@ -76,11 +77,12 @@

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.

-
-
-

-

+
+
+

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.

+