diff --git a/assets/img/final-photo.png b/assets/img/final-photo.png new file mode 100644 index 0000000..42190a3 Binary files /dev/null and b/assets/img/final-photo.png differ diff --git a/assets/styles/style.css b/assets/styles/style.css index a9812dd..22bcc74 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -30,6 +30,8 @@ body{ text-transform: uppercase; } + + .top-infocard{ display: flex; flex-direction: column; @@ -146,9 +148,53 @@ body{ margin-bottom: 12px; } +.final-card{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.final-card-info{ + max-width: 550px; + text-align: center; +} + +.final-card-title{ + font-weight: 600; + font-size: 32px; + line-height: 39px; + text-align: center; +} + +.final-card-text{ + font-size: 16px; + line-height: 24px; + text-align: center; + margin-bottom: 50px; +} + +.final-card-image{ + width: 70%; + margin-bottom: 116px; +} + @media screen and (max-width:768px){ - + .final-card-info{ + max-width: 350px; + } + + .final-card-text{ + font-size: 16px; + line-height: 24px; + } + + .final-card-title{ + font-size: 24px; + line-height: 29px; + } + .top-card{ grid-template-columns: 1fr; padding: 35px 33px 35px 33px; @@ -262,7 +308,21 @@ body{ .second-card { padding: 573px 0; -; + } + + .final-card-info{ + max-width: 1050px; + } + + .final-card-text{ + font-size: 48px; + line-height: 72px; + margin-bottom: 150px; + } + + .final-card-title{ + font-size: 72px; + line-height: 87px; } } diff --git a/index.html b/index.html index 3c2db82..0bcc4d5 100644 --- a/index.html +++ b/index.html @@ -109,5 +109,20 @@ +
+
+

Lorem ipsum dolor sit amet

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero + faucibus interdum. In eget tincidunt ipsum. + Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. + Curabitur venenatis felis vitae sagittis venenatis. + Donec finibus turpis vitae lectus interdum rutrum vitae sed augue. +

+
+ + Banner final da pagina +
+ \ No newline at end of file