diff --git a/assets/css/style.css b/assets/css/style.css index 002d3ae..a93cf3c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -66,9 +66,11 @@ .infoboxes-sub-wrapper{ width: 70%; flex-direction: row; + margin: 5% 0; } .div-infobox{ width: 40%; + margin: 5% 0; } .image-note-desktop{ width: 100%; @@ -110,7 +112,7 @@ color: #000000; } .title-three{ - width: 40%; + width: 80%; font-family: 'Inter'; font-style: normal; font-weight: 400; @@ -168,9 +170,25 @@ width: 100%; margin: 5% 0; } -.page-header-footer{ - width: 100%; - display: flex; +.page-footer{ flex-direction: row; + display: flex; + width: 100%; + align-items: center; + justify-content: center; + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; + color: white; + gap: 4%; background: #000000; } +.text-footer{ + flex-direction: column; + display: flex; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/assets/images/imagem-baixo.png b/assets/images/imagem-baixo.png new file mode 100644 index 0000000..c4b49fc Binary files /dev/null and b/assets/images/imagem-baixo.png differ diff --git a/index.html b/index.html index f44fc3b..ab9755d 100644 --- a/index.html +++ b/index.html @@ -42,17 +42,20 @@
- Logo da loja online - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. + Logo da loja online + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla + interdum.
- Logo da compra segura - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. + Logo da compra segura + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla + interdum.
- Logo da compra - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. + Logo da compra + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla + interdum.
@@ -61,8 +64,8 @@
- Imagem 1 do notebook - Imagem 2 do notebook + Imagem 1 do notebook + Imagem 2 do notebook
Imagem 3 do notebook @@ -74,13 +77,13 @@
- Imagem 1 do notebook -
-
- Imagem 2 do notebook + Imagem 1 do notebook
- Imagem 3 do notebook + Imagem 2 do notebook +
+
+ Imagem 3 do notebook
@@ -90,25 +93,29 @@
- Logo da loja online - 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. + Logo da loja online + 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.
- Logo da compra segura - 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. + Logo da compra segura + 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.
- Logo da compra - 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. + Logo da compra + 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.
- Logo da compra - 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. + Logo da compra + 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.
@@ -117,26 +124,28 @@

Lorem ipsum dolor sit amet

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. - Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. - Curabitur venenatis felis vitae sagittis venenatis. +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. + Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. + Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.

-