diff --git a/assets/img/top-infocard-image.png b/assets/img/top-infocard-image.png new file mode 100644 index 0000000..2af63bd Binary files /dev/null and b/assets/img/top-infocard-image.png differ diff --git a/assets/styles/style.css b/assets/styles/style.css index cebedee..a0b5d06 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -21,3 +21,47 @@ body{ display: block; height: auto; } + +.top-infocard-subtitle{ + margin-top: 73px; + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; +} + + + +.top-infocard{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.top-infocard-text{ + max-width: 766px; + text-align: center; + +} + +.top-infocard-title{ + margin-bottom: 28px; + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; +} + +.top-infocard-image{ + width: 20%; + display: block; + margin-bottom: 177px; +} + +.top-infocard-description{ + font-size: 16px; + line-height: 24px; + margin-bottom: 84px; +} + diff --git a/index.html b/index.html index 8586bc3..544067b 100644 --- a/index.html +++ b/index.html @@ -26,4 +26,16 @@ + + + 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. + + + +
+ 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. +