diff --git a/Assets/SVG/Facebook-logo.svg b/Assets/SVG/Facebook-logo.svg
new file mode 100644
index 0000000..061ff85
--- /dev/null
+++ b/Assets/SVG/Facebook-logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/Assets/SVG/Instagram-logo.svg b/Assets/SVG/Instagram-logo.svg
new file mode 100644
index 0000000..9221bab
--- /dev/null
+++ b/Assets/SVG/Instagram-logo.svg
@@ -0,0 +1,5 @@
+
diff --git a/Assets/SVG/Youtube-logo.svg b/Assets/SVG/Youtube-logo.svg
new file mode 100644
index 0000000..de6f9a7
--- /dev/null
+++ b/Assets/SVG/Youtube-logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/Styles/index.css b/Styles/index.css
index eb01c64..4b15227 100644
--- a/Styles/index.css
+++ b/Styles/index.css
@@ -152,6 +152,27 @@ body{
.bottom-infocard img{
justify-content: center;
width: 70%;
+ padding: 0 0 116px;
+}
+
+.page-footer{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ height: 128px;
+ gap: 16px;
+ background-color: #000000;
+}
+
+.page-footer p{
+ font-weight: 400;
+ font-size: 10px;
+ line-height: 12px;
+ width: 65%;
+ text-align: center;
+ text-transform: uppercase;
+ color: #BDBDBD;
}
@media screen and (max-width: 414px){
@@ -166,6 +187,9 @@ body{
.text-bottom-infocard{
width: 100%;
}
+ .bottom-infocard-title{
+ font-size: 24px;
+ }
.bottom-infocard img{
width: 100%;
}
@@ -209,6 +233,9 @@ body{
.banner-bottom-mobile{
display: unset;
}
+ .bottom-infocard img{
+ padding: unset;
+ }
}
@media screen and (min-width: 2000px){
diff --git a/index.html b/index.html
index ee3bc4d..adf1e68 100644
--- a/index.html
+++ b/index.html
@@ -135,11 +135,31 @@
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
-
+
+
+