diff --git a/assets/images/facebook-icon.png b/assets/images/facebook-icon.png new file mode 100644 index 0000000..1d87779 Binary files /dev/null and b/assets/images/facebook-icon.png differ diff --git a/assets/images/instagram-icon.png b/assets/images/instagram-icon.png new file mode 100644 index 0000000..03afdb1 Binary files /dev/null and b/assets/images/instagram-icon.png differ diff --git a/assets/images/youtube-icon.png b/assets/images/youtube-icon.png new file mode 100644 index 0000000..09d8cd6 Binary files /dev/null and b/assets/images/youtube-icon.png differ diff --git a/assets/style/main.css b/assets/style/main.css index c9c4e0b..776a402 100644 --- a/assets/style/main.css +++ b/assets/style/main.css @@ -148,6 +148,33 @@ body{ line-height: 24px; } +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + padding: 38px; + background: black; +} + +.footer-icons { + display: flex; + list-style: none; + +} + +.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 { display: none; @@ -173,6 +200,15 @@ body{ .bottom-card-description { font-size: 14px; } + + .page-footer { + padding-bottom: 26px; + } + + .footer-text { + max-width: 280px; + text-align: center; + } } @media screen and (max-width: 992px) { diff --git a/index.html b/index.html index e8bd381..f2991cd 100644 --- a/index.html +++ b/index.html @@ -102,5 +102,32 @@ + + \ No newline at end of file