diff --git a/assets/images/facebook-icon.png b/assets/images/facebook-icon.png new file mode 100644 index 0000000..170d82f 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..922af3c 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..79cbe29 Binary files /dev/null and b/assets/images/youtube-icon.png differ diff --git a/assets/styles/main.css b/assets/styles/main.css index 79d2187..72228d7 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -148,6 +148,30 @@ body{ line-height: 24px; } +.page-footer{ + display: flex; + flex-direction: column; + align-items: center; + padding: 38px 0; + background: #000000; +} + +.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{ @@ -181,6 +205,15 @@ body{ .bottom-cards-descripition{ 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 447032b..63d4554 100644 --- a/index.html +++ b/index.html @@ -107,5 +107,31 @@ + + \ No newline at end of file