diff --git a/img/M3 Academy - Landing Page.zip b/img/M3 Academy - Landing Page.zip new file mode 100644 index 0000000..1da1834 Binary files /dev/null and b/img/M3 Academy - Landing Page.zip differ diff --git a/img/fblogo.png b/img/fblogo.png new file mode 100644 index 0000000..c401fb7 Binary files /dev/null and b/img/fblogo.png differ diff --git a/img/iglogo.png b/img/iglogo.png new file mode 100644 index 0000000..922af3c Binary files /dev/null and b/img/iglogo.png differ diff --git a/img/ytlogo.png b/img/ytlogo.png new file mode 100644 index 0000000..79cbe29 Binary files /dev/null and b/img/ytlogo.png differ diff --git a/index.html b/index.html index a660bc5..c3b8271 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,7 @@
M3 Logo
+
+
+ diff --git a/styles.css b/styles.css index ee59a28..35af326 100644 --- a/styles.css +++ b/styles.css @@ -146,6 +146,29 @@ body{ font-size: 32px; font: 600; } +.footer{ + display: flex; + flex-direction: column; + align-items: center; + background: #000000; + padding:38px; +} +.footer-desc{ + text-transform: uppercase; + list-style: 12px; + font-size: 10px; + color: #bdbdbd; +} +.footer-icons{ + display: flex; + list-style: none; + margin-bottom: 16px; +} +.footer-icons li{ + margin: 0 8px; +} + + @media screen and (max-width: 414px) { .banner-desktop, .middle-banner-desktop{ @@ -169,6 +192,14 @@ body{ grid-template-columns: 1fr; gap:16px; } + .footer{ + padding-bottom: 26px; + } + .footer-desc{ + max-width: 280px; + text-align: center; + } + } @media screen and (max-width: 992px) {