diff --git a/assets/css/style.css b/assets/css/style.css index 7be28b2..b2318b8 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -158,6 +158,7 @@ body { flex-direction: column; align-items: center; padding: 108px 280px 0px; + margin-bottom: 116px; } .bottom-infocard-text { @@ -181,6 +182,32 @@ body { width: 100%; } +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + background: #000000; + padding: 38px 0 38px; +} + +.footer-icons { + display: flex; + list-style: none; + margin-bottom: 16px; +} + +.footer-icon { + margin: 0 8px; +} + +.footer-text { + font-size: 10px; + line-height: 12px; + font-weight: 400; + text-transform: uppercase; + color: #bdbdbd; +} + @media screen and (max-width: 1024px) { .main-banner-desktop { display: none; @@ -210,6 +237,9 @@ body { line-height: 24px; margin-bottom: 0; } + .top-infocard-image { + width: 100%; + } .top-cards { display: flex; @@ -258,6 +288,16 @@ body { line-height: 29px; margin-bottom: 9px; } + .bottom-banner-mobile { + width: 100%; + } + .page-footer { + padding: 32px 76px; + } + .footer-text { + width: 260px; + text-align: center; + } } @media screen and (min-width: 1024px) { .main-banner-mobile { diff --git a/assets/imagens/facebook-icon.png b/assets/imagens/facebook-icon.png new file mode 100644 index 0000000..34769d9 Binary files /dev/null and b/assets/imagens/facebook-icon.png differ diff --git a/assets/imagens/instagram-icon.png b/assets/imagens/instagram-icon.png new file mode 100644 index 0000000..a0129a3 Binary files /dev/null and b/assets/imagens/instagram-icon.png differ diff --git a/assets/imagens/youtube-icon.png b/assets/imagens/youtube-icon.png new file mode 100644 index 0000000..09d8cd6 Binary files /dev/null and b/assets/imagens/youtube-icon.png differ diff --git a/index.html b/index.html index 6c06211..bda0665 100644 --- a/index.html +++ b/index.html @@ -164,7 +164,28 @@ alt="Banner do Infocard de Baixo Mobile"> - +