diff --git a/assets/facebook-logo.svg b/assets/facebook-logo.svg new file mode 100644 index 0000000..061ff85 --- /dev/null +++ b/assets/facebook-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/instagram-logo.svg b/assets/instagram-logo.svg new file mode 100644 index 0000000..9221bab --- /dev/null +++ b/assets/instagram-logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/youtube-logo.svg b/assets/youtube-logo.svg new file mode 100644 index 0000000..c2ef882 --- /dev/null +++ b/assets/youtube-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index f50b520..d38705a 100644 --- a/index.html +++ b/index.html @@ -12,8 +12,10 @@
+ logo m3 +
laptop com codigos
+ \ No newline at end of file diff --git a/style.css b/style.css index 8d449ee..fb52cb1 100644 --- a/style.css +++ b/style.css @@ -96,12 +96,11 @@ header{ gap: 39px; padding: 0 72px; justify-content: center; - position: relative; } .middle-banner img{ position: relative; - bottom: -62px; + top: 62px; max-width: 100%; } @@ -158,6 +157,30 @@ header{ .bottom-banner img{ max-width: 1360px; max-height: 276px; + margin-bottom: 112px; +} + +footer{ + background-color: #000000; + height: 128px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + gap: 16px; +} + +.footer-logo{ + display: flex; + align-items: center; + gap: 16px; +} + +footer p{ + font-size: 10px; + line-height: 12px; + color: #BDBDBD; } /* Banner pincipal mobile */