From 745b496f37d4de47de645bde8ace9ad3d32b9ceb Mon Sep 17 00:00:00 2001 From: Andrea Matsunaga Date: Wed, 12 Oct 2022 16:25:30 -0300 Subject: [PATCH 1/3] feat(home): cria top section desktop e mobile --- index.html | 46 ++++++++++++++++ src/assets/img/top-card-image-01.png | Bin 0 -> 943 bytes src/assets/img/top-card-image-02.png | Bin 0 -> 2056 bytes src/assets/img/top-card-image-03.png | Bin 0 -> 2998 bytes src/assets/img/top-section-image.png | Bin 0 -> 4774 bytes src/styles/main.css | 79 +++++++++++++++++++++++++-- 6 files changed, 121 insertions(+), 4 deletions(-) create mode 100644 src/assets/img/top-card-image-01.png create mode 100644 src/assets/img/top-card-image-02.png create mode 100644 src/assets/img/top-card-image-03.png create mode 100644 src/assets/img/top-section-image.png diff --git a/index.html b/index.html index 25b94d0..ae99aa7 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,19 @@ + + + Desafio M3 Academy + + +
@@ -20,6 +26,46 @@ Banner Principal Desktop Banner Principal Mobile + +
+
+

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 Central da Seção Principal +
+ +
+
+ Imagem do Primeiro Card da Seção Principal + +

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

+
+ +
+ Imagem do Segundo Card da Seção Principal + +

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

+
+ +
+ Imagem do Terceiro Card da Seção Principal + +

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

+
+
+
\ No newline at end of file diff --git a/src/assets/img/top-card-image-01.png b/src/assets/img/top-card-image-01.png new file mode 100644 index 0000000000000000000000000000000000000000..4bd1c3e8dece53c673808ce06dd702d502a045eb GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^=|CLJ!3HFoR!KSmDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu_?kNqC9*0&@kO%urFjfSG!`_(IJUObcxvtT5R2xX|DO z+x~tNjcq>QyU{!{N`=@+%LzoSAR^8 z>5_E3!|I+{+5G4E-sC4O*G}~dd_P#7y)*yGk87s{kJK7$n)a8EMR$^O&l3S<%Of6q zhIp9CPv%6u4h!tR+Vxb6soik8V%u}`H}|(s)8F&v@vp6~bFV0G`_&)V&-m&3c~R%G zkGf8FrpMz84!GWn=y~*IL26gx>o&t5tcE$~wca?k^D)oLjF={B3O8F^Y_#aG*y>(5ZZCTN@kc_nRQM`E?S(^lX380;kMeN2I`-;_hn#+C`*orUvq{JFk~60K=9c~EYkaDiP0mi9%8~c{=!A;P27i0G z3Xf-OcOxe1P~$e_xj@VWnFWq}`aahhil|(Ea^o}C`_x^WvqO1TJ)QI4YGzF&_r;`T z@z-D3860X|vZ}Ex8*kD$-Q0QPuE2pRgNbQ;hOR|^4=b$aWlXvMtt-!Q@#ZaamZ!?T o>whQOove1q`o;X`dgA{X+IekbekGs31I%9xp00i_>zopr03xWV;Q#;t literal 0 HcmV?d00001 diff --git a/src/assets/img/top-card-image-02.png b/src/assets/img/top-card-image-02.png new file mode 100644 index 0000000000000000000000000000000000000000..6c3f5ad06fe181e802db52f61de1476710964c8f GIT binary patch literal 2056 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 Date: Wed, 12 Oct 2022 16:25:30 -0300 Subject: [PATCH 2/3] feat(home): cria top section text desktop e mobile --- index.html | 46 ++++++++++++++++ src/assets/img/top-card-image-01.png | Bin 0 -> 943 bytes src/assets/img/top-card-image-02.png | Bin 0 -> 2056 bytes src/assets/img/top-card-image-03.png | Bin 0 -> 2998 bytes src/assets/img/top-section-image.png | Bin 0 -> 4774 bytes src/styles/main.css | 79 +++++++++++++++++++++++++-- 6 files changed, 121 insertions(+), 4 deletions(-) create mode 100644 src/assets/img/top-card-image-01.png create mode 100644 src/assets/img/top-card-image-02.png create mode 100644 src/assets/img/top-card-image-03.png create mode 100644 src/assets/img/top-section-image.png diff --git a/index.html b/index.html index 25b94d0..ae99aa7 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,19 @@ + + + Desafio M3 Academy + + +
@@ -20,6 +26,46 @@ Banner Principal Desktop Banner Principal Mobile + +
+
+

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 Central da Seção Principal +
+ +
+
+ Imagem do Primeiro Card da Seção Principal + +

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

+
+ +
+ Imagem do Segundo Card da Seção Principal + +

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

+
+ +
+ Imagem do Terceiro Card da Seção Principal + +

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

+
+
+
\ No newline at end of file diff --git a/src/assets/img/top-card-image-01.png b/src/assets/img/top-card-image-01.png new file mode 100644 index 0000000000000000000000000000000000000000..4bd1c3e8dece53c673808ce06dd702d502a045eb GIT binary patch literal 943 zcmeAS@N?(olHy`uVBq!ia0vp^=|CLJ!3HFoR!KSmDb50q$YKTtZeb8+WSBKa0w~B> z9OUlAu_?kNqC9*0&@kO%urFjfSG!`_(IJUObcxvtT5R2xX|DO z+x~tNjcq>QyU{!{N`=@+%LzoSAR^8 z>5_E3!|I+{+5G4E-sC4O*G}~dd_P#7y)*yGk87s{kJK7$n)a8EMR$^O&l3S<%Of6q zhIp9CPv%6u4h!tR+Vxb6soik8V%u}`H}|(s)8F&v@vp6~bFV0G`_&)V&-m&3c~R%G zkGf8FrpMz84!GWn=y~*IL26gx>o&t5tcE$~wca?k^D)oLjF={B3O8F^Y_#aG*y>(5ZZCTN@kc_nRQM`E?S(^lX380;kMeN2I`-;_hn#+C`*orUvq{JFk~60K=9c~EYkaDiP0mi9%8~c{=!A;P27i0G z3Xf-OcOxe1P~$e_xj@VWnFWq}`aahhil|(Ea^o}C`_x^WvqO1TJ)QI4YGzF&_r;`T z@z-D3860X|vZ}Ex8*kD$-Q0QPuE2pRgNbQ;hOR|^4=b$aWlXvMtt-!Q@#ZaamZ!?T o>whQOove1q`o;X`dgA{X+IekbekGs31I%9xp00i_>zopr03xWV;Q#;t literal 0 HcmV?d00001 diff --git a/src/assets/img/top-card-image-02.png b/src/assets/img/top-card-image-02.png new file mode 100644 index 0000000000000000000000000000000000000000..6c3f5ad06fe181e802db52f61de1476710964c8f GIT binary patch literal 2056 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 Date: Wed, 12 Oct 2022 18:02:36 -0300 Subject: [PATCH 3/3] =?UTF-8?q?feat(home):=20cria=20imagem=20central=20e?= =?UTF-8?q?=20cards=20da=20se=C3=A7=C3=A3o=20principal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 8 +++--- src/styles/main.css | 61 ++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 63 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index ae99aa7..23ddd26 100644 --- a/index.html +++ b/index.html @@ -36,13 +36,11 @@

-
- Imagem Central da Seção Principal -
+ Imagem Central da Seção Principal -
+
- Imagem do Primeiro Card da Seção Principal + Imagem do Primeiro Card da Seção Principal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. diff --git a/src/styles/main.css b/src/styles/main.css index f4072b7..2a2b62a 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -65,6 +65,46 @@ body { font-size: 16px; } +.top-section-image { + max-width: 17%; + margin-bottom: 180px; + display: block; +} + +.top-section-cards { + display: flex; + justify-content: center; + gap: 22px; +} + +.top-card { + max-width: 18%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 36px 26px 26px; + background: #FFFFFF; + box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); +} + +.top-card-image { + /* max-width: 30%; */ + display: block; + margin-bottom: 30px; +} + +.top-card-image-01 { + /* margin-top: 16px; */ + padding: 10px 0; +} + +.top-card-description { + font-size: 16px; + line-height: 24px; + text-align: center; +} + /* ----- RESPONSIVIDADE ----- */ @media screen and (min-width: 2500px) { @@ -83,7 +123,7 @@ body { .top-section-text { max-width: 86%; - margin: 0 28px 64px; + margin-bottom: 64px; } .top-section-subtitle { @@ -97,8 +137,27 @@ body { } .top-section-description { + max-width: 100%; text-align: center; } + + .top-section-image { + max-width: 58%; + margin-bottom: 90px; + } + + .top-section-cards { + max-width: 84%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 24px; + } + + .top-card { + max-width: 100%; + } } @media screen and (max-width: 320px) {