diff --git a/assets/imagens/facebook-icon.svg b/assets/imagens/facebook-icon.svg
new file mode 100644
index 0000000..411b9bc
--- /dev/null
+++ b/assets/imagens/facebook-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/imagens/instagram-icon.svg b/assets/imagens/instagram-icon.svg
new file mode 100644
index 0000000..b4ca66b
--- /dev/null
+++ b/assets/imagens/instagram-icon.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/imagens/youtube-icon.svg b/assets/imagens/youtube-icon.svg
new file mode 100644
index 0000000..c2ef882
--- /dev/null
+++ b/assets/imagens/youtube-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 45ec528..e36bc27 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -156,6 +156,31 @@ body {
line-height: 24px;
}
+/*Footer*/
+.page-footer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 38px 0;
+ background: #000;
+}
+
+.footer-icons {
+ display: flex;
+ list-style: none;
+ margin-bottom: 16px;
+}
+
+.footer-icon {
+ margin: 0 8px;
+}
+
+.footer-text {
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ color: #BDBDBD;
+}
/*MEDIAS QUERIES*/
@media screen and (max-width: 414px) {
.main-banner-desktop,
@@ -190,6 +215,15 @@ body {
.bottom-card-description {
font-size: 14px;
}
+
+ .page-footer {
+ padding-bottom: 26px;
+ }
+
+ .footer-text {
+ max-width: 280px;
+ text-align: center;
+ }
}
@media screen and (max-width: 992px) {
diff --git a/index.html b/index.html
index 279cb5d..7b9d9f4 100644
--- a/index.html
+++ b/index.html
@@ -125,5 +125,32 @@
+
+
+