diff --git a/assets/styles/main.css b/assets/styles/main.css index fe4758c..37d6c75 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -16,6 +16,7 @@ body { padding: 29px 0; max-width: 100%; } + .cabecalho-logo { display: block; } @@ -124,6 +125,8 @@ body { padding: 129px 72px 108px; justify-content: center; gap: 3em; + + } .nephew-section { @@ -186,6 +189,7 @@ body { padding: 38px 0 41px; background: #000000; } + .footer-icons { display: flex; list-style: none; @@ -195,6 +199,7 @@ body { .footer-icon { margin: 0 10px; } + .footer-text { font-size: 10px; line-height: 12px; @@ -207,6 +212,7 @@ body { } @media screen and (max-width: 414px) { + .main-image-desktop, .middle-image-desktop { display: none; @@ -214,6 +220,7 @@ body { } @media screen and (min-width: 415px) { + .main-image-mobile, .middle-image-mobile, .last-image-mobile { @@ -225,7 +232,8 @@ body { .niece-section-text span { display: block; } + .last-image-desktop { display: none; } -} +} \ No newline at end of file diff --git a/index.html b/index.html index da69dae..bad2dec 100644 --- a/index.html +++ b/index.html @@ -1,208 +1,166 @@ - - - - - - - Desafio Landing Page + + + + + + - + Desafio Landing Page - - + - -
- -
-
-
- imagem principal - imagem principal -
+ + -
-
-

Lorem ipsum

-

dolor sit amet

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras - euismod enim non dui fringilla interdum. Curabitur ut tortor sed - lacus egestas vulputate vel sit amet velit. Nulla suscipit magna - dui. -

+ +
+ +
+
+
+ imagem principal + imagem principal +
- imagem dos pcs -
-
- -
-
- Primeir imagem - -

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

-
- -
- Segunda imagem - -

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

-
- -
- Terceira imagem - -

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

-  Ultima imagem desktop - - - -
-
- -
- - + + imagem dos pcs + + + +
+
+ Primeir imagem + +

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

+
+ +
+ Segunda imagem + +

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

+
+ +
+ Terceira imagem + +

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

+  Ultima imagem desktop + + + +
+
+ + + + + \ No newline at end of file