diff --git a/css/index.css b/css/index.css index 7c41ff9..37fd496 100644 --- a/css/index.css +++ b/css/index.css @@ -213,3 +213,44 @@ body{ } } +@media screen and (min-width: 1700px) { + .top-infocard-subtitulo{ + font-size: 60px; + } + .top-infocard-titulo{ + font-size: 70px; + } + .top-infocard-descriçao, + .top-card-descriçao, + .bottom-card-descriçao, + .bottom-infocard-descriçao{ + font-size: 30px; + } + .top-card{ + width: 500px; + height: 450px; + } + .top-infocard{ + padding: 110px 0; + } + .bottom-card{ + width: 600px; + height: 450px; + } + .bottom-cards-wrapper{ + gap: 200px; + row-gap: 40px; + margin-right: 167px; + } + .banner-bottom-desktop{ + max-width: 750px; + margin: 37px 0 0px; + } + .bottom-infocard-titulo{ + font-size: 38px; + } + .bottom-infocard-text{ + padding: unset; + } +} + diff --git a/index.html b/index.html index aef1186..81bf449 100644 --- a/index.html +++ b/index.html @@ -30,7 +30,9 @@
+
+

Lorem ipsum

dolor sit amet

@@ -41,24 +43,42 @@
- banner top infocard + banner top infocard +
-
+ +
+ icone card shop -

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

+
+ icone card shopping bag -

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

+
+ icone card coin -

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

+
+
+
+
+ icone money -

+ +

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.

+
+ icone laptop -

+ +

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.

+
+ icone coin -

+ +

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.

+
+ icone cellphone -

+ +

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 +

-

+

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.

@@ -119,6 +156,7 @@ \ No newline at end of file