diff --git a/assets/image/icon-facebook.svg b/assets/image/icon-facebook.svg
new file mode 100644
index 0000000..061ff85
--- /dev/null
+++ b/assets/image/icon-facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/image/icon-instagram.svg b/assets/image/icon-instagram.svg
new file mode 100644
index 0000000..9221bab
--- /dev/null
+++ b/assets/image/icon-instagram.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/image/icon-youtube.svg b/assets/image/icon-youtube.svg
new file mode 100644
index 0000000..de6f9a7
--- /dev/null
+++ b/assets/image/icon-youtube.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/styles/main.css b/assets/styles/main.css
index d261d9f..1d58f1b 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -183,6 +183,33 @@ body {
max-width: 1360px;
width: 100%;
}
+
+footer {
+ background-color: #000000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding: 38px 0;
+}
+
+.footer-text{
+ color: #BDBDBD;
+ font-weight: 400;
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ padding-top: 17px;
+ text-align: center;
+}
+
+.footer-icon {
+ display: flex;
+ column-gap: 16px;
+}
+
+
+
@media screen and (min-width: 769px) and (max-width: 1270px) {
.top-cards,.bottom-cards {
@@ -290,7 +317,7 @@ body {
}
-@media screen and (max-width: 414px) {
+@media screen and (max-width: 415px) {
.main-banner {
content: url('../image/main-banner-mobile.png');
@@ -299,6 +326,10 @@ body {
.header-logo {
padding: 24px 0 33px;
}
+
+ footer {
+ padding: 32px 18.35%;
+ }
}
@media screen and (max-width: 290px) {
diff --git a/index.html b/index.html
index f2771d8..0708b3f 100644
--- a/index.html
+++ b/index.html
@@ -121,5 +121,13 @@
+