diff --git a/imagens/Group (2).png b/imagens/Group (2).png new file mode 100644 index 0000000..60207d8 Binary files /dev/null and b/imagens/Group (2).png differ diff --git a/imagens/Group (3).png b/imagens/Group (3).png new file mode 100644 index 0000000..2013cf8 Binary files /dev/null and b/imagens/Group (3).png differ diff --git a/imagens/Rectangle 13.png b/imagens/Rectangle 13.png new file mode 100644 index 0000000..cc13ced Binary files /dev/null and b/imagens/Rectangle 13.png differ diff --git a/imagens/Rectangle 16.png b/imagens/Rectangle 16.png new file mode 100644 index 0000000..f7ed233 Binary files /dev/null and b/imagens/Rectangle 16.png differ diff --git a/imagens/Rectangle 17.png b/imagens/Rectangle 17.png new file mode 100644 index 0000000..1d1cbd6 Binary files /dev/null and b/imagens/Rectangle 17.png differ diff --git a/imagens/laptop 1.png b/imagens/laptop 1.png new file mode 100644 index 0000000..66be1e8 Binary files /dev/null and b/imagens/laptop 1.png differ diff --git a/imagens/money (1) 2.png b/imagens/money (1) 2.png new file mode 100644 index 0000000..656f073 Binary files /dev/null and b/imagens/money (1) 2.png differ diff --git a/index.html b/index.html index 6617014..4af353a 100644 --- a/index.html +++ b/index.html @@ -46,6 +46,43 @@ +
+
+ imagem de notebook fechado +
+
+ imagem de notebook quase fechado +
+
+ imagem de notebook aberto +
+
+
+
+ imagem 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.

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

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

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

+
+
+
\ No newline at end of file diff --git a/style.css b/style.css index 779cb50..c542942 100644 --- a/style.css +++ b/style.css @@ -67,6 +67,7 @@ main figure{ flex-direction: row; justify-content: center; gap: 1%; + margin-bottom: 80px; } section figure { text-align: center; @@ -93,4 +94,53 @@ section figure figcaption p{ .quadrado3 img{ margin-top: 31px; margin-bottom: 31px; -} \ No newline at end of file +} +.corpoPt4{ + background: #E0E0E0; + display: flex; + flex-direction: row; + width: 100%; + justify-content:center; + gap: 2%; +} + +.corpoPt4 figure { + width: 29%; + margin-top: 62px; +} +.corpoPt4 figure img{ + width: 100%; +} +.corpoPt5{ + margin-top: 129px; + display: flex; + flex-direction: row; + width: 100%; + justify-content: center; + gap: 0.8%; + +} +.corpoPt5 figure{ + width: 22.5%; +} + +.corpoPt5 figure p{ + font-size: 16px; + margin-bottom: 65px; +} +.box1 img{ + margin-top: 51px; + width: 24%; +} +.box2 img{ + margin-top: 41px; + width: 24%; +} +.box3 img{ + margin-top: 41px; + width: 24%; +} +.box4 img{ + margin-top: 35px; + width: 20%; +}