diff --git a/assets/imagens/icon-facebook.svg b/assets/imagens/icon-facebook.svg
new file mode 100644
index 0000000..061ff85
--- /dev/null
+++ b/assets/imagens/icon-facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/imagens/icon-instagram.svg b/assets/imagens/icon-instagram.svg
new file mode 100644
index 0000000..9221bab
--- /dev/null
+++ b/assets/imagens/icon-instagram.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/imagens/icon-youtube.svg b/assets/imagens/icon-youtube.svg
new file mode 100644
index 0000000..de6f9a7
--- /dev/null
+++ b/assets/imagens/icon-youtube.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 5b6233c..8a5437a 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -163,6 +163,30 @@ body{
}
.bottom-banner-mobile{
display: none;
+}
+/* footer */
+.page-footer{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 38px 0;
+ gap: 16px;
+ background: #000000;
+}
+.footer-icons{
+ display: flex;
+ list-style: none;
+ gap: 16px;
+}
+.incos{
+ width: 100%;
+}
+.footer-text{
+ font-weight: 400;
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ color: #BDBDBD;
}
/* layout 4K */
@media screen and (min-width: 2500px) {
@@ -207,6 +231,7 @@ body{
.top-card-image{
width: 25%;
}
+ /* banners-middle */
.banners-middle{
display: grid;
grid-template-areas:
@@ -262,4 +287,12 @@ body{
font-size: 24px;
line-height: 29px;
}
+ /* footer-text */
+ .page-footer{
+ padding: 32px 0;
+ }
+ .footer-text{
+ text-align: center;
+ width: 63%;
+ }
}
diff --git a/index.html b/index.html
index 6e4697e..4cf6604 100644
--- a/index.html
+++ b/index.html
@@ -127,5 +127,27 @@
+
+