diff --git a/assets/Group.svg b/assets/Group.svg new file mode 100644 index 0000000..b5c95ab --- /dev/null +++ b/assets/Group.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/Rectangle 15.png b/assets/Rectangle 15.png new file mode 100644 index 0000000..74d0711 Binary files /dev/null and b/assets/Rectangle 15.png differ diff --git a/assets/coin 2.svg b/assets/coin 2.svg new file mode 100644 index 0000000..2d06e62 --- /dev/null +++ b/assets/coin 2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/laptop 1.svg b/assets/laptop 1.svg new file mode 100644 index 0000000..7d13645 --- /dev/null +++ b/assets/laptop 1.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/assets/money (1) 2.svg b/assets/money (1) 2.svg new file mode 100644 index 0000000..1090b7b --- /dev/null +++ b/assets/money (1) 2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 69e51f2..015fdb4 100644 --- a/index.html +++ b/index.html @@ -38,21 +38,21 @@
- desenho loja

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

- desenho sacola de compra

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

- desenho mao com moeda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -64,5 +64,35 @@ macbook fechando de cima macbook fechando de lado

+
+
+ desenho de uma nota de dinheiro +

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

+
+
+ desenho de uma mao com moeda +

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

+
+
+ desenho de um 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. +

+
+
+ desenho de um celular +

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

+
+
\ No newline at end of file diff --git a/style.css b/style.css index 8db55d8..d52c3b0 100644 --- a/style.css +++ b/style.css @@ -100,10 +100,39 @@ header{ } .middle-banner img{ - bottom: -60px; + position: relative; + bottom: -62px; max-width: 100%; } +/* bottom cards */ + +.bottom-cards{ + display: flex; + align-items: center; + justify-content: center; + padding: 191px 72px 108px; + gap: 16px; +} + +.bottom-cards-box{ + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.23); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: min(432px,90vw); + max-height: 332px; + padding: 35px 32px 65px 33px; + gap: 16px; +} + +.bottom-cards-box p{ + text-align: center; + font-size: 16px; + line-height: 24px; +} + /* Banner pincipal mobile */ @media screen and (max-width:768px) {