diff --git a/assests/images/facebook-icon.png b/assests/images/facebook-icon.png
new file mode 100644
index 0000000..1d87779
Binary files /dev/null and b/assests/images/facebook-icon.png differ
diff --git a/assests/images/instagram-icon.png b/assests/images/instagram-icon.png
new file mode 100644
index 0000000..03afdb1
Binary files /dev/null and b/assests/images/instagram-icon.png differ
diff --git a/assests/images/youtube-icon.png b/assests/images/youtube-icon.png
new file mode 100644
index 0000000..09d8cd6
Binary files /dev/null and b/assests/images/youtube-icon.png differ
diff --git a/assests/style/main.css b/assests/style/main.css
index f5f8de4..ac82621 100644
--- a/assests/style/main.css
+++ b/assests/style/main.css
@@ -103,7 +103,7 @@ body {
.middle-cards {
background: #E0E0E0;
- margin-bottom: 130px;
+ margin-bottom: 190px;
}
@@ -119,6 +119,34 @@ body {
}
+
+.page-footer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 38px;
+ background: black;
+}
+
+.footer-icons {
+ display: flex;
+ list-style: none;
+
+}
+
+.footer-icon {
+ margin: 0 8px;
+ margin-bottom: 16px;
+}
+
+.footer-text {
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ color: #BDBDBD;
+
+}
+
@media screen and (max-width: 414px) {
.main-banner-desktop{
display: none;
diff --git a/index.html b/index.html
index 77e465b..cd4d245 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,29 @@
-
+