diff --git a/assest/facebook-icon.png b/assest/facebook-icon.png new file mode 100644 index 0000000..87adee7 Binary files /dev/null and b/assest/facebook-icon.png differ diff --git a/assest/instagram-icon.png b/assest/instagram-icon.png new file mode 100644 index 0000000..0abd451 Binary files /dev/null and b/assest/instagram-icon.png differ diff --git a/assest/youtube-icon.png b/assest/youtube-icon.png new file mode 100644 index 0000000..397ea3e Binary files /dev/null and b/assest/youtube-icon.png differ diff --git a/index.html b/index.html index 56f4fc6..b520434 100644 --- a/index.html +++ b/index.html @@ -92,7 +92,7 @@
Banner do infocard de baixo
- +

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. @@ -103,5 +103,26 @@

+ \ No newline at end of file diff --git a/main.css b/main.css index 9ab8ac1..1660945 100644 --- a/main.css +++ b/main.css @@ -155,6 +155,30 @@ body { line-height: 24px; } +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + padding: 38px 0 ; + background-color: #000000; +} + +.footer-icons { + list-style: none; + display: flex; +} + +.footer-icon { + margin: 0 8px; + margin-bottom: 16px; +} + +.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 { @@ -187,6 +211,16 @@ body { .bottom-card-description { font-size: 14px; } + + .page-footer { + margin-bottom: 26px; + text-align: center; + } + + .footer-text { + max-width: 280px; + text-align: center; + } } @media screen and (max-width:992px) {