forked from M3-Academy/challenge-landing-page
tudo pronto
This commit is contained in:
parent
886e6cfa32
commit
24fa4284c9
@ -3,6 +3,8 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Inter",sans-serif;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/*Cabeçario*/
|
||||
@ -43,34 +45,29 @@ header{
|
||||
align-items:center ;
|
||||
}
|
||||
.subtitlepart2{
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 39px;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
.titlepart2{
|
||||
font-family: 'Inter';
|
||||
font-weight: 500;
|
||||
font-size: 48px;
|
||||
line-height: 58px;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
.paragpart2{
|
||||
padding: 28px 0px 0px;
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #000000;
|
||||
}
|
||||
.figtotal{
|
||||
width: 17%;
|
||||
width: 100%;
|
||||
display: contents;
|
||||
}
|
||||
.imgparte2{
|
||||
width: 100%;
|
||||
width: 16%;
|
||||
display: block;
|
||||
padding: 73px 0px 0px;
|
||||
}
|
||||
@ -98,12 +95,10 @@ header{
|
||||
width: 34%;
|
||||
}
|
||||
.legendcaixote{
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*Parte4, imagens notebook*/
|
||||
@ -144,12 +139,10 @@ header{
|
||||
}
|
||||
.legendcaixote2{
|
||||
padding: 0px 32px 65px;
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/*Parte6-texto com imagem final*/
|
||||
@ -166,18 +159,14 @@ header{
|
||||
text-align: center;
|
||||
}
|
||||
.titlepart6{
|
||||
font-family: 'Inter';
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
line-height: 39px;
|
||||
color: #000000;
|
||||
}
|
||||
.paragrafpart6{
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #000000;
|
||||
}
|
||||
.figpart6{
|
||||
width: 71%;
|
||||
@ -212,7 +201,6 @@ li{
|
||||
.textofinal{
|
||||
text-align: center;
|
||||
padding: 0px 0px 38px;
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
@ -238,7 +226,6 @@ li{
|
||||
|
||||
/*Parte3, os 3 caixotes*/
|
||||
.legendcaixote{
|
||||
font-family: 'Inter';
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
@ -254,8 +241,8 @@ li{
|
||||
|
||||
/*Parte6-texto com imagem final*/
|
||||
.titlepart6{
|
||||
font-size: 64px;
|
||||
line-height: 78px;
|
||||
font-size: 64px;
|
||||
line-height: 78px;
|
||||
}
|
||||
.paragrafpart6{
|
||||
font-size: 32px;
|
||||
@ -290,8 +277,8 @@ li{
|
||||
|
||||
/*Parte 02*,Parte2, escrito com imagem dos 3 computador*/
|
||||
.tdtextopart2{
|
||||
width: 87%;
|
||||
text-align: center;
|
||||
padding: 72px 28px 0px;
|
||||
}
|
||||
.subtitlepart2{
|
||||
font-size: 20px;
|
||||
@ -306,11 +293,10 @@ li{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.figtotal{
|
||||
width: 100%;
|
||||
}
|
||||
.imgparte2{
|
||||
width: 100%;
|
||||
display: block;
|
||||
max-width: 239px;
|
||||
}
|
||||
|
||||
/*Parte3,os 3 caixotes*/
|
||||
@ -318,7 +304,6 @@ li{
|
||||
padding: 90px 30px 80px;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
width: 100%;
|
||||
}
|
||||
.cadacaixote{
|
||||
width: 100%;
|
||||
@ -348,7 +333,6 @@ li{
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
column-gap: 14px;
|
||||
row-gap: 23px;
|
||||
|
||||
}
|
||||
.imgparte4{
|
||||
top: 64px;
|
||||
@ -394,6 +378,9 @@ li{
|
||||
font-size: 24px;
|
||||
line-height: 29px;
|
||||
}
|
||||
.figpart6{
|
||||
width: 100%;
|
||||
}
|
||||
.imgparte6{
|
||||
display: none;
|
||||
}
|
||||
|
@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
Loading…
Reference in New Issue
Block a user