Correcao middlecard

This commit is contained in:
carloswinter 2022-10-10 21:05:12 -03:00
parent e20fe38daf
commit 727b1d5830
4 changed files with 25 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 246 KiB

View File

@ -251,17 +251,22 @@ body{
text-align: center;
}
.topinfo-img{
width: 13%;
width: 13vw;
}
.topcard-text{
font-weight: 400;
font-size: 32px;
line-height: 48px;
}
.topcard figure img{
width: 3vw;
}
.middlecard-text{
font-size: 32px;
line-height: 48px;
}
.middlecard figure img{
width: 3vw;
}
}

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="pt-BR">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@ -14,7 +14,9 @@
<body>
<header class="header">
<figure>
<img src="./assets/images/svg/Logo-M3Academy.svg" alt="Logo-M3Academy">
<a href="#">
<img src="./assets/images/svg/Logo-M3Academy.svg" alt="Logo-M3Academy">
</a>
</figure>
</header>
<section class="topbanner">
@ -96,6 +98,20 @@
</figure>
</div>
</section>
<section class="bottombanner">
<h2 class="bottombanner-subtitle">
Lorem ipsum dolor sit amet
</h2>
<p class="bottombanner-text">
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.
</p>
<figure>
<img src="./assets/images/img/bottom-bannerdesktop.png" alt="">
<img src="./assets/images/img/bottom-bannermobile.png" alt="">
</figure>
</section>
</main>
</body>