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. +
+diff --git a/assets/css/style.css b/assets/css/style.css index 4782ca5..14ef12d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -4,6 +4,11 @@ box-sizing: border-box; } +body { + font-family: "Inter", sans-serif; + color: #000000; +} + .page-header { display: flex; padding: 28px 0; @@ -20,10 +25,70 @@ display: block; } +.top-infocard { + display: flex; + flex-direction: column; + align-items: center; + padding: 74px 0 180px; + width: 100%; +} + +.top-inforcard-text { + max-width: 100%; + margin: 0 30% 0; +} + +.top-infocard-subtitle { + font-style: normal; + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-align: center; + text-transform: uppercase; +} + +.top-infocard-title { + font-style: normal; + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-align: center; + text-transform: uppercase; + margin-bottom: 28px; +} + +.top-infocard-description { + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 150%; + margin-bottom: 74px; + text-align: center; +} + @media screen and (max-width: 1023px) { .main-banner-desktop { display: none; } + .top-infocard { + padding-bottom: 90px; + } + .top-inforcard-text { + margin: 0 7% 0; + } + + .top-infocard-subtitle { + font-size: 20px; + line-height: 24px; + } + .top-infocard-title { + font-size: 28px; + line-height: 34px; + margin-bottom: 66px; + } + .top-infocard-description { + line-height: 24px; + } } @media screen and (min-width: 1024px) { .main-banner-mobile { diff --git a/assets/imagens/top-infocard-image.png b/assets/imagens/top-infocard-image.png new file mode 100644 index 0000000..ad45609 Binary files /dev/null and b/assets/imagens/top-infocard-image.png differ diff --git a/index.html b/index.html index 58d0c7c..494ddf4 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,13 @@
+ ++ 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. +
+