diff --git a/assets/images/facebook-icon.svg b/assets/images/facebook-icon.svg
new file mode 100644
index 0000000..411b9bc
--- /dev/null
+++ b/assets/images/facebook-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/instagram-icon.svg b/assets/images/instagram-icon.svg
new file mode 100644
index 0000000..b4ca66b
--- /dev/null
+++ b/assets/images/instagram-icon.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/youtube-icon.svg b/assets/images/youtube-icon.svg
new file mode 100644
index 0000000..de6f9a7
--- /dev/null
+++ b/assets/images/youtube-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 3f00382..0b39e30 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -148,6 +148,31 @@ body {
line-height: 24px;
}
+.page-footer{
+ background: #000;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 38px 0;
+}
+
+.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;
+}
+
@media screen and (max-width: 414px) { /*esse pixel pq é o tamanho maximo da imagem banner mobile*/
.main-banner-desktop,
@@ -183,6 +208,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 ff14215..f99617f 100644
--- a/index.html
+++ b/index.html
@@ -111,5 +111,26 @@
+