diff --git a/assets/img/footer-face-logo.png b/assets/img/footer-face-logo.png new file mode 100644 index 0000000..6b2afcf Binary files /dev/null and b/assets/img/footer-face-logo.png differ diff --git a/assets/img/footer-insta-logo.png b/assets/img/footer-insta-logo.png new file mode 100644 index 0000000..0abd451 Binary files /dev/null and b/assets/img/footer-insta-logo.png differ diff --git a/assets/img/footer-youtube-logo.png b/assets/img/footer-youtube-logo.png new file mode 100644 index 0000000..397ea3e Binary files /dev/null and b/assets/img/footer-youtube-logo.png differ diff --git a/assets/styles/style.css b/assets/styles/style.css index 8b6bcf9..ff65408 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -173,11 +173,46 @@ body{ margin-bottom: 50px; } -.final-card-image-desktop{ +.final-photo-desktop{ width: 70%; margin-bottom: 116px; } +footer{ + background: #000000; + color: #BDBDBD; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.footer-text{ + font-size: 10px; + line-height: 12px; + text-transform: uppercase; + margin-bottom: 38px; +} + +.footer-logo{ + margin-top: 38px; + margin-bottom: 16px; +} + +a { + text-decoration: none; +} + +.logo1 +{ + padding-right: 21px; +} + +.logo3 +{ + padding-left: 21px; +} + @media screen and (max-width:992px) { @@ -221,11 +256,21 @@ body{ .main-banner-desktop, .final-photo-desktop{ display: none; } - + .main-banner-mobile, .final-photo-mobile{ display: block; max-width: 100%; } + .final-photo-mobile{ + margin-bottom: 50px; + } + + .footer-text{ + font-size: 10px; + line-height: 12px; + max-width: 261px; + text-align: center; + } } @media screen and (max-width:768px){ @@ -313,5 +358,32 @@ body{ padding: 573px 0; } + .final-card-info{ + max-width: 1050px; + } + + .final-card-text{ + font-size: 48px; + line-height: 72px; + margin-bottom: 150px; + } + + .final-card-title{ + font-size: 72px; + line-height: 87px; + } + + .footer-text{ + font-size: 30px; + line-height: 36px; + text-transform: uppercase; + margin-bottom: 38px; + max-width: 1200px; + } + + .logo-header{ + width: 300%; + } + } diff --git a/index.html b/index.html index c808696..ffebcad 100644 --- a/index.html +++ b/index.html @@ -130,5 +130,27 @@ Banner final da pagina + + \ No newline at end of file