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

Merge pull request 'feature/landingpage-poscorrecao' (#2) from feature/landingpage-poscorrecao into main

Browse Source 
Reviewed-on: #2
This commit is contained in:
Sabrina Miranda 2022-11-01 16:56:55 +00:00
commit 66157b9f02
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/styles/style.css
View File

@ -74,6 +74,7 @@ a {
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
padding-top: 28px; padding-top: 28px;
text-align: left;
} }
.top-infocard-image { .top-infocard-image {
@ -166,10 +167,14 @@ a {
.bottom-card-image { .bottom-card-image {
display: block; display: block;
width: 24%; width: 24%;
padding: 44px 0 24px; padding: 35px 0 15px;
} }
.imgage-bottom-card-4 { .image-bottom-card-2 {
padding-bottom: 14px;
}
.image-bottom-card-4 {
width: 20%; width: 20%;
} }
@ -274,7 +279,7 @@ a {
.top-infocard-text { .top-infocard-text {
max-width: 86%; max-width: 86%;
padding: 73px 0 65px; padding: 69px 0;
} }
.top-infocard-subtitle { .top-infocard-subtitle {
@ -288,7 +293,8 @@ a {
} }
.top-infocard-description { .top-infocard-description {
padding-top: 22px; padding-top: 0px;
text-align: center;
} }
.top-infocard-image { .top-infocard-image {
@ -341,6 +347,10 @@ a {
width: 88%; width: 88%;
} }
.image-bottom-card-1, .image-bottom-card-3 {
padding-bottom: 10px;
}
.bottom-infocard-image-desktop { .bottom-infocard-image-desktop {
display: none; display: none;
} }

10
index.html
View File

@ -11,7 +11,7 @@
<title>M3 Academy Landing Page</title> <title>M3 Academy Landing Page</title>
<link href="https: //fonts.googleapis.com/css2? família= Inter:wght@400;500;600 & display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/styles/style.css"> <link rel="stylesheet" href="./assets/styles/style.css">
</head> </head>
@ -95,28 +95,28 @@
<div class="bottom-cards"> <div class="bottom-cards">
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-01.svg" alt="Imagem do Primeiro Card de Baixo"/> <img class="bottom-card-image image-bottom-card-1" src="./assets/images/bottom-card-01.svg" alt="Imagem do Primeiro Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-02.svg" alt="Imagem do Segundo Card de Baixo"/> <img class="bottom-card-image image-bottom-card-2" src="./assets/images/bottom-card-02.svg" alt="Imagem do Segundo Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-03.svg" alt="Imagem do Teceiro Card de Baixo"/> <img class="bottom-card-image image-bottom-card-3" src="./assets/images/bottom-card-03.svg" alt="Imagem do Teceiro Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>
</figure> </figure>
<figure class="bottom-card"> <figure class="bottom-card">
<img class="bottom-card-image imgage-bottom-card-4" src="./assets/images/bottom-card-04.svg" alt="Imagem do Quarto Card de Baixo"/> <img class="bottom-card-image image-bottom-card-4" src="./assets/images/bottom-card-04.svg" alt="Imagem do Quarto Card de Baixo"/>
<figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. <figcaption class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption> </figcaption>