diff --git a/.DS_Store b/.DS_Store index d3ec38f..8dd6c66 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store index f506cfb..4d2d4f1 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/assets/imagens/card-dinheiro.svg b/assets/imagens/card-dinheiro.svg new file mode 100644 index 0000000..1090b7b --- /dev/null +++ b/assets/imagens/card-dinheiro.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/assets/imagens/card-fone.svg b/assets/imagens/card-fone.svg new file mode 100644 index 0000000..b5c95ab --- /dev/null +++ b/assets/imagens/card-fone.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/imagens/card-mao.svg b/assets/imagens/card-mao.svg new file mode 100644 index 0000000..547209c --- /dev/null +++ b/assets/imagens/card-mao.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/imagens/card-pasta.svg b/assets/imagens/card-pasta.svg new file mode 100644 index 0000000..23a4b24 --- /dev/null +++ b/assets/imagens/card-pasta.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/index.html b/index.html index d60dedb..e2ee595 100644 --- a/index.html +++ b/index.html @@ -66,6 +66,30 @@ + +
+
+ nota1 +
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.
+
+ +
+ mao$ +
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.
+
+ +
+ pasta +
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.
+
+ +
+ telefone +
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.
+
+ +
+ diff --git a/styles/main.css b/styles/main.css index 4e6cf0e..d441852 100644 --- a/styles/main.css +++ b/styles/main.css @@ -118,6 +118,35 @@ width: 29%; } +.cards-segundo-conteiner { + display: flex; + justify-content: center; + align-items: center; + gap: 21px; + margin: 129px 72px 108px; +} + +.cards-segundo { + background: #FFFFFF; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); + width: 26%; + padding: 35px 32px 15px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 16px; +} + +.cards-segundo-texto { + font-weight: 400; + font-size: 16px; + line-height: 24px; + margin-bottom: 65px; +} + + + @media (min-width: 2500px){ .texto-principal h2{ font-size: 64px; @@ -137,6 +166,11 @@ line-height: 48px; } + .cards-segundo-texto { + font-weight: 400; + font-size: 32px; + line-height: 48px; + } } @media (max-width: 1024px) {