diff --git a/assets/css/style.css b/assets/css/style.css index b755dfe..07ded15 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -147,6 +147,31 @@ body { font-size: 16px; } +.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; + text-transform: uppercase; + color: #bdbdbd; +} + @media screen and (max-width: 414px) { .main-banner-desktop, .middle-banner-desktop { @@ -179,6 +204,10 @@ body { .bottom-card-description { font-size: 14px; } + .page-footer { + padding-bottom: 26px; + text-align: center; + } } @media screen and(max-width: 992px) { @@ -200,21 +229,30 @@ body { width: 100%; max-width: 240px; } + .bottom-infocard { flex-direction: column; padding: 80px 0 136px; } + .bottom-infocard-image { width: 100%; margin: 0 0 50px; max-width: 596px; } + .bottom-infocard-text { padding: 0 26px; } + .bottom-infocard-tittle { font-size: 24px; } + + .footer-text { + max-width: 280px; + text-align: center; + } } @media screen and (min-width: 769px) and (max-width: 1200px) { 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 2@2x.png b/assets/imagens/youtube 2@2x.png new file mode 100644 index 0000000..aa91c5b Binary files /dev/null and b/assets/imagens/youtube 2@2x.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 5965403..8716922 100644 --- a/index.html +++ b/index.html @@ -138,6 +138,28 @@ +