diff --git a/assests/images/facebook-icon.png b/assests/images/facebook-icon.png new file mode 100644 index 0000000..1d87779 Binary files /dev/null and b/assests/images/facebook-icon.png differ diff --git a/assests/images/instagram-icon.png b/assests/images/instagram-icon.png new file mode 100644 index 0000000..03afdb1 Binary files /dev/null and b/assests/images/instagram-icon.png differ diff --git a/assests/images/youtube-icon.png b/assests/images/youtube-icon.png new file mode 100644 index 0000000..09d8cd6 Binary files /dev/null and b/assests/images/youtube-icon.png differ diff --git a/assests/style/main.css b/assests/style/main.css index f5f8de4..ac82621 100644 --- a/assests/style/main.css +++ b/assests/style/main.css @@ -103,7 +103,7 @@ body { .middle-cards { background: #E0E0E0; - margin-bottom: 130px; + margin-bottom: 190px; } @@ -119,6 +119,34 @@ body { } + +.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{ display: none; diff --git a/index.html b/index.html index 77e465b..cd4d245 100644 --- a/index.html +++ b/index.html @@ -77,6 +77,29 @@ - + \ No newline at end of file