diff --git a/assets/images/top-infocard-image.png b/assets/images/top-infocard-image.png new file mode 100644 index 0000000..82530bd Binary files /dev/null and b/assets/images/top-infocard-image.png differ diff --git a/assets/styles/main.css b/assets/styles/main.css index 343e7bb..7345d0d 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -19,4 +19,42 @@ body{ .top-banner{ width: 100%; display: block; +} + +.top-infocard{ + display: flex; + align-items: center; + text-align: center; + justify-content: center; + flex-direction: column; +} + +.top-infocard-text{ + width: 40%; + padding: 72px 0; +} + +.top-infocard-subtitle{ + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; +} + +.top-infocard-title{ + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; +} + +.top-infocard-description{ + font-weight: 400; + font-size: 16px; + line-height: 24px; +} + +.top-infocard-image{ + width: 17%; + padding: 0 0 178px; } \ No newline at end of file diff --git a/index.html b/index.html index a8ed97d..bbbcbb9 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,20 @@
Imagem de um notebook
- + + +
+
+

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. +

+
+ + Tres icones de computadores interligados por setas + +