diff --git a/assets/images/facebook-icon.svg b/assets/images/facebook-icon.svg new file mode 100644 index 0000000..65142aa --- /dev/null +++ b/assets/images/facebook-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/instagram-icon.svg b/assets/images/instagram-icon.svg new file mode 100644 index 0000000..9221bab --- /dev/null +++ b/assets/images/instagram-icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/images/youtube-icon.svg b/assets/images/youtube-icon.svg new file mode 100644 index 0000000..c2ef882 --- /dev/null +++ b/assets/images/youtube-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/styles/style.css b/assets/styles/style.css index 65b5036..23541b0 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -222,6 +222,36 @@ a { display: none; } +/* FOOTER */ + +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + background-color: #000000; + padding: 38px 0; +} + +.footer-redes-sociais { + display: flex; + margin-bottom: 17px; + gap: 16px; + justify-content: center; + align-items: center; +} + +.footer-text-mobile { + display: none; +} + +.footer-text { + text-transform: uppercase; + font-weight: 400; + line-height: 12px; + font-size: 10px; + color: #BDBDBD; +} + /* MOBILE */ @media (max-width: 1024px) { diff --git a/index.html b/index.html index 48441c7..6179fdb 100644 --- a/index.html +++ b/index.html @@ -140,5 +140,36 @@ + + \ No newline at end of file