diff --git a/assets/images/facebook-icon.svg b/assets/images/facebook-icon.svg
new file mode 100644
index 0000000..daa396a
--- /dev/null
+++ b/assets/images/facebook-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/instagram-icon.png b/assets/images/instagram-icon.png
new file mode 100644
index 0000000..0abd451
Binary files /dev/null and b/assets/images/instagram-icon.png differ
diff --git a/assets/images/youtube-icon.svg b/assets/images/youtube-icon.svg
new file mode 100644
index 0000000..c2ef882
--- /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 12ed754..5cd5dbd 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -150,6 +150,31 @@ body {
font-size: 16px;
}
+.page-footer {
+ display: flex;
+ flex-direction: column;
+ background: #000000;
+ align-items: center;
+ padding: 38px 0;
+}
+
+.footer-icons {
+ display: flex;
+ list-style: none;
+ margin-bottom: 16px;
+}
+
+.footer-icon {
+ margin: 0 8px;
+}
+
+.footer-text {
+ text-transform: uppercase;
+ font-size: 10px;
+ line-height: 12px;
+ color: #BDBDBD;
+}
+
@media screen and (max-width: 414px) {
.main-banner-desktop,
.middle-banner-desktop {
@@ -182,6 +207,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 48580ae..94e69d2 100644
--- a/index.html
+++ b/index.html
@@ -119,5 +119,31 @@
+
+