diff --git a/assets/image/Intagram-logo.png b/assets/image/Intagram-logo.png deleted file mode 100644 index a0129a3..0000000 Binary files a/assets/image/Intagram-logo.png and /dev/null differ diff --git a/assets/image/facebook-logo.png b/assets/image/facebook-logo.png deleted file mode 100644 index 34769d9..0000000 Binary files a/assets/image/facebook-logo.png and /dev/null differ diff --git a/assets/image/youtube -logo.png b/assets/image/youtube -logo.png deleted file mode 100644 index 09d8cd6..0000000 Binary files a/assets/image/youtube -logo.png and /dev/null differ diff --git a/assets/svg/Logo-Instagram.svg b/assets/svg/Logo-Instagram.svg new file mode 100644 index 0000000..9221bab --- /dev/null +++ b/assets/svg/Logo-Instagram.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/svg/Logo-Youtube.svg b/assets/svg/Logo-Youtube.svg new file mode 100644 index 0000000..de6f9a7 --- /dev/null +++ b/assets/svg/Logo-Youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/svg/Logo-facebook.svg b/assets/svg/Logo-facebook.svg new file mode 100644 index 0000000..061ff85 --- /dev/null +++ b/assets/svg/Logo-facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index 0969c67..55a751c 100644 --- a/index.html +++ b/index.html @@ -65,7 +65,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -76,7 +76,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -87,7 +87,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -101,14 +101,14 @@
@@ -116,7 +116,7 @@ @@ -126,7 +126,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -139,7 +139,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -152,7 +152,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -165,7 +165,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -193,14 +193,47 @@ + diff --git a/styles/main.css b/styles/main.css index 7eb0e3e..065da5d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -19,7 +19,7 @@ body { .header-logo { display: block; - max-width: 12%; + width: 12%; } /* Corpo da pagina */ @@ -43,7 +43,7 @@ body { .top-infocard-text { text-align: center; - max-width: 40%; + width: 40%; } .top-infocard-subtitle { @@ -69,7 +69,7 @@ body { .top-infocard-image { display: block; - max-width: 17%; + width: 17%; } /* Card do topo */ @@ -94,11 +94,11 @@ body { .top-card-image { display: block; - max-width: 30%; + width: 30%; } .top-card-description { - max-width: 85%; + width: 85%; line-height: 24px; text-align: center; } @@ -141,7 +141,7 @@ body { } .bottom-card-image { - max-width: 24%; + width: 24%; } .bottom-card-description { @@ -158,8 +158,13 @@ body { padding: 54px 0 116px; } +.bottom-infocard { + display: flex; + justify-content: center; +} + .bottom-infocard-text { - max-width: 28%; + width: 28%; text-align: center; } @@ -176,7 +181,34 @@ body { } .bottom-infocard-desktop { - max-width: 70%; + width: 70%; +} + +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + padding: 38px 0; + background: #000000; +} + +.footer-icons { + display: flex; + list-style: none; + gap: 16px; + width: 100%; +} + +.footer-icon { + max-width: 30%; +} + +.footer-text { + font-size: 10px; + line-height: 12px; + text-transform: uppercase; + color: #bdbdbd; } @media screen and (min-width: 1025px) { @@ -195,7 +227,7 @@ body { @media screen and (max-width: 1024px) { /* Cabeçalho */ .header-logo { - max-width: 55%; + width: 55%; } .main-banner-desktop { @@ -207,7 +239,7 @@ body { } .top-infocard-image { - max-width: 72%; + width: 72%; } .top-infocard-subtitle { @@ -225,7 +257,7 @@ body { } .top-infocard-text { - max-width: 86%; + width: 86%; } .top-infocard-description { @@ -271,7 +303,7 @@ body { } .bottom-card-image { - max-width: 23%; + width: 23%; } .bottom-card-description { @@ -299,11 +331,16 @@ body { } .bottom-infocard-text { - max-width: 85%; + width: 85%; } .bottom-infocard-title { font-size: 24px; line-height: 29px; } + + .footer-text { + width: 63%; + text-align: center; + } }