diff --git a/assets/svg/Group (1).svg b/assets/svg/Group (1).svg new file mode 100644 index 0000000..09dd645 --- /dev/null +++ b/assets/svg/Group (1).svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/svg/facebook-logo (1).svg b/assets/svg/facebook-logo (1).svg new file mode 100644 index 0000000..9f55ce4 --- /dev/null +++ b/assets/svg/facebook-logo (1).svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/svg/youtube 2 (1).svg b/assets/svg/youtube 2 (1).svg new file mode 100644 index 0000000..de6f9a7 --- /dev/null +++ b/assets/svg/youtube 2 (1).svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index a59a57d..1126a25 100644 --- a/index.html +++ b/index.html @@ -93,8 +93,20 @@ - + \ No newline at end of file diff --git a/style/style.css b/style/style.css index 664cdbb..b14b3b9 100644 --- a/style/style.css +++ b/style/style.css @@ -267,8 +267,7 @@ padding: 50px 0 215px } .bottom-text{ - width: 70%; - align-items: center; + width: 100%; padding-top: 10px; } } @@ -285,4 +284,35 @@ line-height: 48px; text-align: center; } -} \ No newline at end of file +} + +.page-footer{ + display: flex; + flex-direction: column; + align-items: center; + background: black; +} + +.footer-content{ + display: grid; + gap: 16px; + padding: 40px 0 24px; +} + +.footer-image{ + display: block; + padding: 40px 0 12px; +} + +.logo-footer{ + padding: 0 6px; +} + +.text-footer{ + font-size: 10px; + line-height: 12px; + padding-bottom: 24px; + text-transform: uppercase; + color: #BDBDBD; +} +