From 1d65883f07144095d63b735b79fc2de088060287 Mon Sep 17 00:00:00 2001 From: Guilherme Date: Wed, 12 Oct 2022 21:24:27 -0300 Subject: [PATCH] Adiciona infocard do topo desktop --- assests/images/top-infocard-image.png | Bin 0 -> 4691 bytes assests/style/main.css | 44 ++++++++++++++++++++++++++ index.html | 21 +++++++++++- 3 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 assests/images/top-infocard-image.png diff --git a/assests/images/top-infocard-image.png b/assests/images/top-infocard-image.png new file mode 100644 index 0000000000000000000000000000000000000000..5037d486548ed4e40bbb790df6330bec6352dc0c GIT binary patch literal 4691 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 literal 0 HcmV?d00001 diff --git a/assests/style/main.css b/assests/style/main.css index dce38f2..7fc193f 100644 --- a/assests/style/main.css +++ b/assests/style/main.css @@ -4,6 +4,11 @@ box-sizing: border-box; } +body { + font-family: 'Inter', sans-serif; + color: #000000; +} + .page-header { display: flex; justify-content: center; @@ -22,7 +27,46 @@ display: block; } +.top-infocard { + display: flex; + flex-direction: column; + align-items: center; + +} +.top-infocard-text { + text-align: center; + margin: 73px 0; + max-width: 766px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); + +} + +.top-infocard-title { + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; + margin: 14px 0; +} + + +.top-infocard-subtitle { + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; + } + +.top-infocard-description { + font-size: 16px; + line-height: 24px; + text-align: left; +} + +.top-infocard-image { + +} @media screen and (max-width: 414px) { .main-banner-desktop{ diff --git a/index.html b/index.html index 0e99a4b..f7f3241 100644 --- a/index.html +++ b/index.html @@ -1,17 +1,24 @@ + + + M3 Academy Landing Page + +
@@ -19,6 +26,18 @@ Banner principal desktop Banner principal mobile + +
+
+

Lorem ipsum

+ +

dolor sit amet

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

+
+ + Imagem do infocard do topo +