diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json new file mode 100644 index 0000000..6b61141 --- /dev/null +++ b/.vs/VSWorkspaceState.json @@ -0,0 +1,6 @@ +{ + "ExpandedNodes": [ + "" + ], + "PreviewInSolutionExplorer": false +} \ No newline at end of file diff --git a/.vs/practice-time-landing-page-savio-carvalho/FileContentIndex/12ce70d8-b386-4e5f-a596-98c904b0ea83.vsidx b/.vs/practice-time-landing-page-savio-carvalho/FileContentIndex/12ce70d8-b386-4e5f-a596-98c904b0ea83.vsidx new file mode 100644 index 0000000..65bd8c1 Binary files /dev/null and b/.vs/practice-time-landing-page-savio-carvalho/FileContentIndex/12ce70d8-b386-4e5f-a596-98c904b0ea83.vsidx differ diff --git a/.vs/practice-time-landing-page-savio-carvalho/FileContentIndex/read.lock b/.vs/practice-time-landing-page-savio-carvalho/FileContentIndex/read.lock new file mode 100644 index 0000000..e69de29 diff --git a/.vs/practice-time-landing-page-savio-carvalho/v17/.suo b/.vs/practice-time-landing-page-savio-carvalho/v17/.suo new file mode 100644 index 0000000..14fed8e Binary files /dev/null and b/.vs/practice-time-landing-page-savio-carvalho/v17/.suo differ diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite new file mode 100644 index 0000000..c884772 Binary files /dev/null and b/.vs/slnx.sqlite differ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..5892dda --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,96 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: "Inter", sans-serif; + color: #000000; +} + +.page-header { + display: flex; + padding: 28px 0; + justify-content: center; + background-color: #000000; +} + +.header-logo { + display: block; +} + +.main-banner { + width: 100%; +} + +.top-infocard { + display: flex; + align-items: center; + justify-content: center; + padding: 80px 0 96px; + width: 100%; +} + +.top-infocard-text { + max-width: 766px; + margin-right: 124px; +} + +.top-infocard-subtitle { + font-weight: 400; + font-size: 32px; + text-transform: uppercase; +} + +.top-infocard-title { + font-weight: 500; + font-size: 48px; + text-transform: uppercase; + margin-bottom: 24px; +} + +.top-infocard-description { + font-size: 16px; + line-height: 24px; +} + +@media screen and (max-width: 414px) { + .main-banner-desktop { + display: none; + } +} + +@media screen and(max-width: 992px) { + .top-infocard { + flex-direction: column; + padding: 84px 26px 158px; + } + .top-infocard-text { + margin: 0 0 68px; + } + .top-infocard-subtitle { + font-size: 20px; + } + .top-infocard-title { + margin-bottom: 20px; + font-size: 28px; + } + .top-infocard-image { + width: 100%; + max-width: 240px; + } +} + +@media screen and (min-width: 993px) and (max-width: 1280px) { + .top-infocard-text { + max-width: 520px; + margin-right: 70px; + } +} + +@media screen and (min-width: 415px) { + .main-banner-mobile { + display: none; + } +} diff --git a/assets/imagens/Logo M3 [branco] (4) 1.png b/assets/imagens/Logo M3 [branco] (4) 1.png new file mode 100644 index 0000000..894bd51 Binary files /dev/null and b/assets/imagens/Logo M3 [branco] (4) 1.png differ diff --git a/assets/imagens/main-banner-desktop.png b/assets/imagens/main-banner-desktop.png new file mode 100644 index 0000000..67dc789 Binary files /dev/null and b/assets/imagens/main-banner-desktop.png differ diff --git a/assets/imagens/main-banner-mobile.png b/assets/imagens/main-banner-mobile.png new file mode 100644 index 0000000..2da3a66 Binary files /dev/null and b/assets/imagens/main-banner-mobile.png differ diff --git a/assets/imagens/top-infocard-image.png b/assets/imagens/top-infocard-image.png new file mode 100644 index 0000000..268c92f Binary files /dev/null and b/assets/imagens/top-infocard-image.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f820982 --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + + + + + + + M3 Landing Page + + + + + + + +
+ + + + +
+
+
+ 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. +

+
+ Banner do Infocard do Topo +
+
+ + + + \ No newline at end of file