AdilsonFernandoNevesOrnellas/challenge-landing-page-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tudo pronto

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2022-10-12 01:10:36 -03:00
parent 886e6cfa32
commit 24fa4284c9
2 changed files with 14 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
Arquivos Usados/Css/Landing Page - Adilson Fernando Neves Ornellas.css
View File

@ -3,6 +3,8 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
font-family: "Inter",sans-serif;
color: #000000;
} }
/*Cabeçario*/ /*Cabeçario*/
@ -43,34 +45,29 @@ header{
align-items:center ; align-items:center ;
} }
.subtitlepart2{ .subtitlepart2{
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 39px; line-height: 39px;
text-transform: uppercase; text-transform: uppercase;
color: #000000;
} }
.titlepart2{ .titlepart2{
font-family: 'Inter';
font-weight: 500; font-weight: 500;
font-size: 48px; font-size: 48px;
line-height: 58px; line-height: 58px;
text-transform: uppercase; text-transform: uppercase;
color: #000000;
} }
.paragpart2{ .paragpart2{
padding: 28px 0px 0px; padding: 28px 0px 0px;
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: #000000;
} }
.figtotal{ .figtotal{
width: 17%; width: 100%;
display: contents;
} }
.imgparte2{ .imgparte2{
width: 100%; width: 16%;
display: block; display: block;
padding: 73px 0px 0px; padding: 73px 0px 0px;
} }
@ -98,12 +95,10 @@ header{
width: 34%; width: 34%;
} }
.legendcaixote{ .legendcaixote{
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
color: black;
} }
/*Parte4, imagens notebook*/ /*Parte4, imagens notebook*/
@ -144,12 +139,10 @@ header{
} }
.legendcaixote2{ .legendcaixote2{
padding: 0px 32px 65px; padding: 0px 32px 65px;
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
color: #000000;
} }
/*Parte6-texto com imagem final*/ /*Parte6-texto com imagem final*/
@ -166,18 +159,14 @@ header{
text-align: center; text-align: center;
} }
.titlepart6{ .titlepart6{
font-family: 'Inter';
font-weight: 600; font-weight: 600;
font-size: 32px; font-size: 32px;
line-height: 39px; line-height: 39px;
color: #000000;
} }
.paragrafpart6{ .paragrafpart6{
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: #000000;
} }
.figpart6{ .figpart6{
width: 71%; width: 71%;
@ -212,7 +201,6 @@ li{
.textofinal{ .textofinal{
text-align: center; text-align: center;
padding: 0px 0px 38px; padding: 0px 0px 38px;
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 10px; font-size: 10px;
line-height: 12px; line-height: 12px;
@ -238,7 +226,6 @@ li{
/*Parte3, os 3 caixotes*/ /*Parte3, os 3 caixotes*/
.legendcaixote{ .legendcaixote{
font-family: 'Inter';
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px;
line-height: 48px; line-height: 48px;
@ -254,8 +241,8 @@ li{
/*Parte6-texto com imagem final*/ /*Parte6-texto com imagem final*/
.titlepart6{ .titlepart6{
font-size: 64px; font-size: 64px;
line-height: 78px; line-height: 78px;
} }
.paragrafpart6{ .paragrafpart6{
font-size: 32px; font-size: 32px;
@ -290,8 +277,8 @@ li{
/*Parte 02*,Parte2, escrito com imagem dos 3 computador*/ /*Parte 02*,Parte2, escrito com imagem dos 3 computador*/
.tdtextopart2{ .tdtextopart2{
width: 87%;
text-align: center; text-align: center;
padding: 72px 28px 0px;
} }
.subtitlepart2{ .subtitlepart2{
font-size: 20px; font-size: 20px;
@ -306,11 +293,10 @@ li{
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
} }
.figtotal{
width: 100%;
}
.imgparte2{ .imgparte2{
width: 100%;
display: block; display: block;
max-width: 239px;
} }
/*Parte3,os 3 caixotes*/ /*Parte3,os 3 caixotes*/
@ -318,7 +304,6 @@ li{
padding: 90px 30px 80px; padding: 90px 30px 80px;
flex-direction: column; flex-direction: column;
gap: 24px; gap: 24px;
width: 100%;
} }
.cadacaixote{ .cadacaixote{
width: 100%; width: 100%;
@ -348,7 +333,6 @@ li{
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
column-gap: 14px; column-gap: 14px;
row-gap: 23px; row-gap: 23px;
} }
.imgparte4{ .imgparte4{
top: 64px; top: 64px;
@ -394,6 +378,9 @@ li{
font-size: 24px; font-size: 24px;
line-height: 29px; line-height: 29px;
} }
.figpart6{
width: 100%;
}
.imgparte6{ .imgparte6{
display: none; display: none;
} }

1
Landing Page - Adilson Fernando Neves Ornellas.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="pt-br"> <html lang="pt-br">
<head> <head>
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">