diff --git a/assets/svgs/facebook-logo.svg b/assets/svgs/facebook-logo.svg new file mode 100644 index 0000000..411b9bc --- /dev/null +++ b/assets/svgs/facebook-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/svgs/intagram-logo.svg b/assets/svgs/intagram-logo.svg new file mode 100644 index 0000000..b4ca66b --- /dev/null +++ b/assets/svgs/intagram-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/svgs/youtube-logo.svg b/assets/svgs/youtube-logo.svg new file mode 100644 index 0000000..c2ef882 --- /dev/null +++ b/assets/svgs/youtube-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index 085284f..df8b364 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ - + Landing Page @@ -121,6 +121,28 @@ + + + \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index cdd8b97..8926751 100644 --- a/styles/main.css +++ b/styles/main.css @@ -183,6 +183,32 @@ body { line-height: 24px; } +/*footer*/ +.footer { + background-color: #000; + height: 128px; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.footer-icons { + display: flex; + gap: 20px; + + list-style: none; +} + +.footer-text { + text-transform: uppercase; + font-weight: 400; + font-size: 10px; + line-height: 12px; + margin-top: 20px; + color: #BDBDBD; +} + @media screen and (max-width: 1024px) { /*top infocard*/ @@ -273,6 +299,13 @@ body { .bottom-infocard-title { font-size: 24px; } + + /*footer*/ + + .footer-text { + max-width: 259px; + text-align: center; + } } @media screen and (max-width: 414px) {