From 2853ca8119156f253d3580b2f39897ec47cf3492 Mon Sep 17 00:00:00 2001
From: Joseildo <joseildo.sfc@gmail.com>
Date: Sun, 9 Oct 2022 08:50:37 -0300
Subject: [PATCH] =?UTF-8?q?Adiciona=20mais=20infocards=20em=20sequ=C3=AAnc?=
 =?UTF-8?q?ia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/img/Group.png       | Bin 0 -> 1760 bytes
 assets/img/laptop 1.png    | Bin 0 -> 1328 bytes
 assets/img/money (1) 2.png | Bin 0 -> 1354 bytes
 index.html                 | 131 ++++++++++++++++++++++++-------------
 style.css                  |  44 ++++++++++++-
 5 files changed, 128 insertions(+), 47 deletions(-)
 create mode 100644 assets/img/Group.png
 create mode 100644 assets/img/laptop 1.png
 create mode 100644 assets/img/money (1) 2.png

diff --git a/assets/img/Group.png b/assets/img/Group.png
new file mode 100644
index 0000000000000000000000000000000000000000..2013cf8f42ac33582b23cd9c05ce852ec163cf0a
GIT binary patch
literal 1760
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
CSvlPR

literal 0
HcmV?d00001

diff --git a/assets/img/laptop 1.png b/assets/img/laptop 1.png
new file mode 100644
index 0000000000000000000000000000000000000000..66be1e8e3790ae128d1f32e890d01e0c1c8b0c7f
GIT binary patch
literal 1328
zcmV-01<(44P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1jR{2K~#7F?VUk#
z+cp%2f6Cq0Hz+dG&UBY_+Ud6J32L7}?g`?a!0ZWPpTO=3nx3HQve~#<c9Iz}Cx~+Z
zS>ZFq2?@az6oSGd`F}HSEQumb;U^xzhX)WKgb+dqA%qY@6p?s*=eV%5!hS038Aw;|
zHugthi^6hr;CW&13tQ8Av1MWB_)IQ<C?`EdyTG1Y08vkPisr0It~SV^ta^3CXI>$I
z&m<4!dsf)o`drHR$>wh>*Jvs$Z4f&L;gK@6+xN_8$6I(*J%yN>9b*_|XqNTTXD8b?
z8tCT*w$J+o^dlFNecoYrP=M>4EBgxiX)W)W^?oR>!IuvhIA37+NU!G<<*h;e0=t4o
zk7#HZ49~?4oxNNfQ3eH4j!zpzHy07sAmvaX<xn8y__RS!K>DOL{^lc44iXKzIOR|v
z<xn8yP$1>Rie^jH*=+tw#Q8rEFAVyPW*d|vo%UF~bTuz9P4+5pgZ>0^B}v$}#4v`~
zL!v?;1OE)wTTF}A@;+1>bdBxd^eRW$Sf5Kx%ix)U)W*^GZ%@`ot9U76$@=d8-)}F`
z0XuQgU_12SlVIP5aU4^IqceOG=ub3r?{WkPG0lGb|0cm~j%XzL>ebh~eurIa8s&Y6
zZnk{|=O}aS?rQH(t?w9&FM;K=h#}Cz@tqvoF~2WCg0(?%wVyn)?Wy(Npv+Bn9ixsM
z&y_YMHSZ-RLMVZx6L8}B-E?ESXlq=5+p&E#gm7_fwWlwhV<LnSi1b8X_dz$c*Uzxs
zg<d%Jky=<6TiThbr)S{j7Dq>40{vQhouMhv!rESuqA8Gc#oyJorI;Xxh$KYIk51Of
z0<$D^z}Nr(->-xJc7y$6al7_Ot!-zI9OrK|gQjiASYkXxkHsxey0l*kdyQuMR7bv(
zp*+be5GMxVYfuPMOtc1Z$XhuSNI4WpITT1aW0<4*D6=2loF~ac?=cPu?pCk9IYkFX
zEf8k+MFeA(A{t4Kj?l#^hXN^w0x5?ADTe|nhXN@lgh09DvlL-@>hV8ENvQjv1)8Er
zme21fr<HUaw3=f(4fr)CLMVYmjI{RNpcJVuyi%@`)zQoK(JDtQ5*;I|6*uskz0lP%
zjEjR#Ke<GI!pQWMp{$>}53S|h$Lxj_W!`}_>>+aI#7+E#vWDguAFZ<+Yz(^9AhJIk
z@*Xl2NI4WpITT1a6i7J~XaLNi^C?@0eD=aM^!@%NHjl7bDm=N$QuI#>V6D{Ni;FYR
zi$VXyTj*jp50MzHS5H;V4f^94x;@A`*}SOJb!Cw*q$uYJ)yWZNT*-w!?Nay|?kSpw
zz`!wc!&WUevMfxjEA|?3F>vUiO`uqA=N9p2tQ!nKAVCVM&#|St$t^|(9m@$AC~t#o
zq|l_7WzY}Ot}USFK~M%BZ4eixh=+lthujC*R}WX2ipSQXhaymJeb{L}3+aSwZ9V71
zR_W#rkHL2D^|IRF>T(*8Lm?Hyegd?Zsd{Xpl)c1Pjxv+xAMgn%eIYJQvY#ZK%=TKc
zn8$e~P^F*&(Li3<cd$Be2Fe466S18YB~x&cQ#5Bp<FTlLK^a+|Z+2j>u0JGFFYWvd
mM)+uJLI@#*5JCtcBjY0<@~bafDa$AT0000<MNUMnLSTY}Y-HE~

literal 0
HcmV?d00001

diff --git a/assets/img/money (1) 2.png b/assets/img/money (1) 2.png
new file mode 100644
index 0000000000000000000000000000000000000000..656f073fd104326ea45e1eb69b8ea59ab7df0bcc
GIT binary patch
literal 1354
zcmV-Q1-1H#P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1m8(SK~#7F?cL35
z9Az8_@b9y`G58V<MJcIZ1~G~tbS<X!WJWwH#Nt6uc7uBGQm6-SCT;$JzFj={lC@s+
zlvdD_l1)!)LlZ$LB!O%X5`@xhtyPT4Jbj*>ZrRK(yED5pyU)ygKky^Tbf%e^-#o9G
zodJl5h=_=Yh=_=Yh=?f31Uh4@m{c(g3e%#Bl8Q1qWT{wCAsLazOznhc;hzOJIeAdj
z?0a7q18jpi#Oo?dLfC%WAWOxDXIV+bSD>)iXl&Pu@aawL&Fls!3JvEu<8woAyHf&1
zVa4;a<u^gpCrpsxn4p*`z#Z#sAs*e(xWqEtVTy&;tR~x54TCcTy@(CCJ+;6ITJFQn
zrZsf!l=qt;-3ArF>6>2CwbdEFE9X=k^DHZ?m_ipbs<ekrh_2RV>XzAX3&o0`|G?WJ
zU}=iR0`{KgLX&kYG^ygef796lMd3O+z;Te_m>|P3L55?343|TfvPaeyq?8s?#*y1c
zapeVH-Q;d`ogg?OFGTw8?#X0ww&Qag)79@m7qa841qhkSTd#zZokS0Go}m0S3nDXv
zv=Xp0hu0!M{*Dr)OHOuRKuxfwukEQPfRouH>vPqMH6no$ls&vYpB-P{f)I0Qt=bw$
zS;#(++fb!x8RNf)K1~)VK@v`$iD^!irhHBghJJ214l-P<6Er-O{Oc=rM`(@Y@Wm(l
zapT9QtFeC3N_3)Pb7VRR(;w`^($`Pn*c(IllcE!L{O#m6i`~y8^uXlA!#I8735<?3
z-`&vzu{ey57=L7^Pdtv}@1(cmXnYly=HzI`Cus5NzxTf{Z|>myHx;Cb@m1V=vwv1g
zQRTLS^WRo*aBR@nQYA(BQ(wj>NSB(A&fGu(S$<aHOoHJ;FG1CT<n(?_9D1<jdb6M3
z#O!A`(QiL}`efUE)$LxtN^$5V=-t;JZF|7l^!xkzJ_De~SAO<Yw|NJj9YjBbeui{o
zo<zfs^ygv<{kLBD;V)cTywh?WokU$_^gEe)KihTN^*-vVxW2pJOQE+x`hed0coT7<
zFBFq|iLsc(((OcT9?m*2(D3ip$bf45hN|D+`rE<E>Nc)#{*NRuK0*4#f2n$ft>^^S
zH}<+ZdhNqMkOan$gX}{OAt*mRv$!xmL8YtzAgJF~|3gw3U&USc{x&YFD(jU1rQ*BG
zcaRjZ=p^X*xUx!A8gVYpa7>Wlm>|P3L55?33>PdxjyMO1i=e$EN<zqUnFv166{wr-
zERCI2U(Vv?YgWd|&5M*j^g>Ehgm9*IuRIslMeDuUqS9Fv_w(~*XFK<*?7>F>O;%0L
zuN^1nF}U|7)WTLV?^$O>KlN977V4FKJryJO(wZ$Z)kmD9j}XP(U!Iu?utgD#&qZoy
zs;f@I&eB*3Ql#rfwVIvXONf@Por+yg^++jCK{%<q{nHt6qO9IaDvs8E@IG*E6cmLb
z+CS(|Hy4HajgtGZ0P~$vakAY?9H<(O2{IfLWH_CmvS-<gpeRgue)iQ1)SU$V5+SQ@
z*&N*0qy&1o5VfQSsFr7$?{2z{{y$4PZ7~O*^efWJa9=iPgL<J1_p#T$W?*XXuq%N{
z>V*>A8G^Fk4ZN>Nv*0Fa0u-iOD)g*(2}DFhL_|bHL_|bHL_~G&0(_ZPubRqpBme*a
M07*qoM6N<$f?DB{T>t<8

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index d24c16e..4e682fd 100644
--- a/index.html
+++ b/index.html
@@ -43,53 +43,92 @@
                 <img class="info_image" src="./assets/img/fxemoji_threenetworkedcomputers.svg" alt="">
             </picture>
         </section>
-
-        <article class="container">
-            <div class="card">
-                <picture>
-                    <img class="img_card" src="./assets/img/img_container_1.png" alt="card_decoration 1">
-                    <p class="card_paragraph">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
-                        interdum.
-                    </p>
-                </picture>
-            </div>
-            <div class="card">
-                <picture>
-                    <img src="./assets/img/img_container_2.png" alt="card decoration 2">
-                    <p class="card_paragraph">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
-                        interdum.
-                    </p>
-                </picture>
-            </div>
-            <div class="card">
-                <picture>
-                    <img src="./assets/img/img_container_3.png" alt="card decoration 3">
-                    <p class="card_paragraph">
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
-                        interdum.
-                    </p>
-                </picture>
-            </div>
-        </article>
-
-        <article class="second_container">
-
-            <picture>
-                <img class="preview_img" src="./assets/img/preview_1.png" alt="preview 1">
-            </picture>
-            <picture>
-                <img class="preview_img" src="./assets/img/preview_2.png" alt="preview 2">
-            </picture>
-
-            <picture>
-                <img class="preview_img preview_solo" src="./assets/img/preview_3.png" alt="preview 3">
-            </picture>
-
-        </article>
-
     </main>
+    <article class="container">
+        <div class="card">
+            <picture>
+                <img class="img_card" src="./assets/img/img_container_1.png" alt="card_decoration 1">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+        <div class="card">
+            <picture>
+                <img src="./assets/img/img_container_2.png" alt="card decoration 2">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+        <div class="card">
+            <picture>
+                <img src="./assets/img/img_container_3.png" alt="card decoration 3">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+    </article>
+
+    <article class="second_container">
+
+        <picture>
+            <img class="preview_img" src="./assets/img/preview_1.png" alt="preview 1">
+        </picture>
+        <picture>
+            <img class="preview_img" src="./assets/img/preview_2.png" alt="preview 2">
+        </picture>
+
+        <picture>
+            <img class="preview_img preview_solo" src="./assets/img/preview_3.png" alt="preview 3">
+        </picture>
+
+    </article>
+
+
+
+    <article class="container">
+        <div class="card">
+            <picture>
+                <img class="img_card" src="./assets/img/money (1) 2.png" alt="card_decoration 1">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+        <div class="card">
+            <picture>
+                <img class="img_card" src="./assets/img/img_container_3.png" alt="card_decoration 1">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+        <div class="card">
+            <picture>
+                <img src="./assets/img/laptop 1.png" alt="card decoration 2">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+        <div class="card">
+            <picture>
+                <img src="./assets/img/Group.png" alt="card decoration 3">
+                <p class="card_paragraph">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
+                    interdum.
+                </p>
+            </picture>
+        </div>
+    </article>
 
 </body>
 
diff --git a/style.css b/style.css
index 2c9a7b7..033a411 100644
--- a/style.css
+++ b/style.css
@@ -86,11 +86,12 @@ body {
 
 .second_container {
     padding: 3rem;
-    max-height: 420px;
+    height: 420px;
     background-color: #E0E0E0;
     display: flex;
     gap: 24px;
     width: 100%;
+    justify-content: center;
 }
 
 .preview_img {
@@ -98,6 +99,7 @@ body {
 
 }
 
+/*----------------------------------------------------------------------------*/
 
 @media screen and (max-width: 413px) {
     .primary_banner {
@@ -118,6 +120,7 @@ body {
 
 }
 
+/*----------------------------------------------------------------------------*/
 @media screen and (min-width:414px) {
     .banner_mobile {
         display: none;
@@ -132,6 +135,7 @@ body {
 
 }
 
+/*----------------------------------------------------------------------------*/
 @media screen and (max-width:1120px) {
     .container {
         display: flex;
@@ -145,4 +149,42 @@ body {
         width: 350px;
         margin: 0 32px 24px;
     }
+}
+
+/*----------------------------------------------------------------------------*/
+@media screen and (min-width:2199px) {
+    .second_container {
+        display: flex;
+        justify-content: center;
+        height: 680px;
+    }
+
+    .preview_img {
+        width: 100%;
+        width: 720px;
+    }
+
+    .info_subtitle {
+        margin-top: 76px;
+        font-weight: 400;
+        font-size: 56px;
+        line-height: 39px;
+        text-transform: uppercase;
+    }
+
+    .info_title {
+        font-weight: 500;
+        font-size: 64px;
+        line-height: 58px;
+        text-transform: uppercase;
+        margin-top: 40px;
+    }
+
+    .info_description {
+        font-weight: 400;
+        font-size: 44px;
+        line-height: 56px;
+        margin-top: 76px;
+        margin-bottom: 76px;
+    }
 }
\ No newline at end of file