diff --git a/assets/images/facebook-icon.png b/assets/images/facebook-icon.png new file mode 100644 index 0000000..87adee7 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..0abd451 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/index.html b/index.html index cc615e5..bd7e13b 100644 --- a/index.html +++ b/index.html @@ -129,5 +129,31 @@ + \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 10f99ec..451074a 100644 --- a/styles/style.css +++ b/styles/style.css @@ -152,6 +152,34 @@ body{ line-height: 24px; } +.page-footer{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: #000000; + padding: 38px 0; +} + +.footer-icons{ + display: flex; + list-style: none; + margin-bottom: 16px; +} + +.footer-icon{ + margin: 0 8px; +} + +.footer-text{ + max-width: 404px; + color: #BDBDBD; + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: uppercase; +} + @media screen and (max-width: 414px){ @@ -193,6 +221,16 @@ body{ .bottom-card-description{ font-size: 14px; } + + .page-footer{ + padding-bottom: 26px; + text-align: center; + } + + .footer-text{ + max-width: 280px; + text-align: center; + } } @media screen and (max-width: 992px){