From d70193e6fc7a106735e60ef5faee039af8da9eea Mon Sep 17 00:00:00 2001 From: Victor Souza Date: Sun, 9 Oct 2022 22:43:13 -0300 Subject: [PATCH] =?UTF-8?q?Criaca=C3=A7=C3=A3o=20do=20texto=20principal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assests/main-image-desktop.png | Bin 0 -> 4717 bytes assests/main-image-mobile.png | Bin 0 -> 3762 bytes index.html | 9 ++++++++ main.css | 37 ++++++++++++++++++++++++++++++++- 4 files changed, 45 insertions(+), 1 deletion(-) create mode 100644 assests/main-image-desktop.png create mode 100644 assests/main-image-mobile.png diff --git a/assests/main-image-desktop.png b/assests/main-image-desktop.png new file mode 100644 index 0000000000000000000000000000000000000000..2af63bd074221902e8d0f9c89b9a9104dbf0a5c7 GIT binary patch literal 4717 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 F;$NsbxNHCb literal 0 HcmV?d00001 diff --git a/assests/main-image-mobile.png b/assests/main-image-mobile.png new file mode 100644 index 0000000000000000000000000000000000000000..c3eca9b56492c73cdc7c72be407c4abc6285a7f0 GIT binary patch literal 3762 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 +
+
+

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/main.css b/main.css index 6c42e94..50771a2 100644 --- a/main.css +++ b/main.css @@ -1,10 +1,14 @@ - +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } + +body { + font-family: 'inter', sans-serif; +} /* estilazação do fundo */ .head-logo { display: flex; @@ -21,7 +25,38 @@ .main-banner { width: 100%; display: block; +} +.top-information { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +/* estilização para caixa do texto ( não coloquei em 40% para quebrar no paragrafo do figma */ +.top-text { + display:flex; + flex-direction: column; + align-items: center; + width: 766px; + padding: 74px 0 580px; +} + + +.top-information-subtitle { + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; +} + +.top-information-title { + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; + margin-bottom: 28px; } @media screen and (max-width: 414px) {