carloswinter/challenge-landing-page-carlos-winter
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Correcao middlecard

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/img/bottom-bannerdesktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
assets/images/img/bottom-bannermobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 KiB

9
assets/styles/main.css
View File

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

20
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="pt-BR">
<head> <head>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@ -14,7 +14,9 @@
<body> <body>
<header class="header"> <header class="header">
<figure> <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> </figure>
</header> </header>
<section class="topbanner"> <section class="topbanner">
@ -96,6 +98,20 @@
</figure> </figure>
</div> </div>
</section> </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> </main>
</body> </body>