From e784e28722ffc3293e7d231ffcaae0258ab75f4a Mon Sep 17 00:00:00 2001 From: Rhayllon Date: Mon, 10 Oct 2022 23:40:10 -0300 Subject: [PATCH] Feat(main): Cria Bottom-cards --- assets/images/bottom-card-01.png | Bin 0 -> 1344 bytes assets/images/bottom-card-02.png | Bin 0 -> 3074 bytes assets/images/bottom-card-03.png | Bin 0 -> 1317 bytes assets/images/bottom-card-04.png | Bin 0 -> 1758 bytes assets/styles/main.css | 28 +++++++++++++++++++++ index.html | 41 ++++++++++++++++++++++++++++--- 6 files changed, 66 insertions(+), 3 deletions(-) create mode 100644 assets/images/bottom-card-01.png create mode 100644 assets/images/bottom-card-02.png create mode 100644 assets/images/bottom-card-03.png create mode 100644 assets/images/bottom-card-04.png diff --git a/assets/images/bottom-card-01.png b/assets/images/bottom-card-01.png new file mode 100644 index 0000000000000000000000000000000000000000..7cd0f0fc36d54fc3b8430ab39732d5c0783e3953 GIT binary patch literal 1344 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 Q5C8xG07*qoM6N<$f{{+gQ2+n{ literal 0 HcmV?d00001 diff --git a/assets/images/bottom-card-03.png b/assets/images/bottom-card-03.png new file mode 100644 index 0000000000000000000000000000000000000000..6dff7a4597211d5380d784408e0153a0794489cd GIT binary patch literal 1317 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 A>Hq)$ literal 0 HcmV?d00001 diff --git a/assets/styles/main.css b/assets/styles/main.css index 4b74738..1923b35 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -104,4 +104,32 @@ body{ .mid-banner-image{ width: 100%; +} + +.bottom-cards{ + display: grid; + grid-template-columns: repeat(4, 23%); + gap: 16px; + justify-content: center; + padding: 0 0 108px; +} + +.bottom-card{ + display: flex; + flex-direction: column; + align-items: center; + background: #FFFFFF; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); +} + +.bottom-card-image{ + display: block; + padding: 36px 164px 0; +} + +.bottom-card-description{ + font-size: 16px; + line-height: 24px; + text-align: center; + padding: 16px 32px 66px; } \ No newline at end of file diff --git a/index.html b/index.html index f378eeb..a8efec2 100644 --- a/index.html +++ b/index.html @@ -39,7 +39,7 @@
- Image 1 + Top Image 1

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

- Image 2 + Top Image 2

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

- Image 3 + Top Image 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -82,6 +82,41 @@

+
+
+ Bottom Image 1 + +

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

+
+ +
+ Bottom Image 2 + +

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

+
+ +
+ Bottom Image 3 + +

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

+
+ +
+ Bottom Image 4 + +

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

+
+ +
+ -- 2.34.1