diff --git a/practice/practice-01/src/assets/images/facebook.svg b/practice/practice-01/src/assets/images/facebook.svg new file mode 100644 index 0000000..f77947c --- /dev/null +++ b/practice/practice-01/src/assets/images/facebook.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/practice/practice-01/src/assets/images/instagram.svg b/practice/practice-01/src/assets/images/instagram.svg new file mode 100644 index 0000000..5ca3610 --- /dev/null +++ b/practice/practice-01/src/assets/images/instagram.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/practice/practice-01/src/assets/images/pinterest.svg b/practice/practice-01/src/assets/images/pinterest.svg new file mode 100644 index 0000000..311d5a3 --- /dev/null +++ b/practice/practice-01/src/assets/images/pinterest.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/practice/practice-01/src/assets/images/tiktok.svg b/practice/practice-01/src/assets/images/tiktok.svg new file mode 100644 index 0000000..c3e4c4f --- /dev/null +++ b/practice/practice-01/src/assets/images/tiktok.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/practice/practice-01/src/assets/images/twitter.svg b/practice/practice-01/src/assets/images/twitter.svg new file mode 100644 index 0000000..7637a7d --- /dev/null +++ b/practice/practice-01/src/assets/images/twitter.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/practice/practice-01/src/assets/images/wechat.svg b/practice/practice-01/src/assets/images/wechat.svg new file mode 100644 index 0000000..da74a4c --- /dev/null +++ b/practice/practice-01/src/assets/images/wechat.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/practice/practice-01/src/assets/images/youtube.svg b/practice/practice-01/src/assets/images/youtube.svg new file mode 100644 index 0000000..45b9a08 --- /dev/null +++ b/practice/practice-01/src/assets/images/youtube.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html index c080605..8af62fb 100644 --- a/practice/practice-01/src/index.html +++ b/practice/practice-01/src/index.html @@ -8,7 +8,7 @@ -
+
@@ -216,5 +216,52 @@ View Team
+ + + diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css index 93c9aeb..5b98075 100644 --- a/practice/practice-01/src/style/main.css +++ b/practice/practice-01/src/style/main.css @@ -1,7 +1,7 @@ @import url("./abstracts/variables.css"); @import url("./base/typo.css"); -.header__background { +.background { background-color: var(--primary-color); } @@ -232,6 +232,7 @@ .team__container { gap: 45px; + margin-bottom: 54px; } .team__content { @@ -308,3 +309,25 @@ line-height: 125%; text-transform: uppercase; } + +/* Footer */ +.footer__content { + padding: 50px 131px; + display: flex; + justify-content: space-between; + width: var(--width); + margin: auto; +} + +.footer__logos { + display: flex; + gap: 20px; +} + +.footer__text { + font-size: var(--fs-md); + font-family: var(--ff-primary-regular); + line-height: 125%; + + color: var(--white); +}