diff --git a/assets/styles/style.css b/assets/styles/style.css index 47e5ad7..a6ab66c 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -84,6 +84,41 @@ html, body{ .img-pc{ width: 100%; + display: block; + margin-bottom: 142px; +} + +/*------------------------------------------------------------------*/ + +.section-icon{ + background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%); +} +.section-wrapper{ + display: grid; + grid-template-columns: repeat(2, max-content); + justify-content: center; + gap: 20px; + position: relative; + top: -60px; + +} +.section-icons{ + display: flex; + flex-direction: column; + align-items: center; + background: #FFFFFF; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); + padding: 36px 32px 66px; +} +.img-section-icon{ + margin-bottom: 14px; + display: block; +} +.section-icons-p{ + max-width: 368px; + font-size: 16px; + line-height: 24px; + text-align: center; } @media screen and (max-width: 1024px) { @@ -168,5 +203,6 @@ html, body{ margin-right: 70px; } - -} \ No newline at end of file + +} +/**/ \ No newline at end of file diff --git a/index.html b/index.html index ea1e7fa..a2efa1b 100644 --- a/index.html +++ b/index.html @@ -70,6 +70,30 @@ Imagem notebook tela colorida +
+
+
+ Iagem 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.

+
+ +
+ Iagem de uma mão +

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.

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

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

+
+
+
+ \ No newline at end of file