feat organizado código)
This commit is contained in:
parent
ae1527b42e
commit
86aa0ea263
56
style.css
56
style.css
@ -9,6 +9,7 @@ body html{
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
/*HEADER*/
|
||||
.back-logo{
|
||||
background-color: #000000;
|
||||
@ -25,19 +26,22 @@ body html{
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*IMG PRINCIPAL*/
|
||||
|
||||
.not-main{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*IMG PRINCIPAL*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*INICIO SECTION-3PC*/
|
||||
.section-3pc{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -77,17 +81,13 @@ body html{
|
||||
.img-3pc{
|
||||
width: 16.5%;
|
||||
}
|
||||
/*FINAL SECTION-3PC*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.div-icon{
|
||||
|
||||
}
|
||||
/*DIV CARDS*/
|
||||
.div-cards{
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
@ -105,17 +105,17 @@ body html{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 20px rgb(0 0 0 / 23%);
|
||||
}
|
||||
.img-cards{
|
||||
|
||||
}
|
||||
.p-cards{
|
||||
width: 84%;
|
||||
margin-top: 27px;
|
||||
}
|
||||
/*FINAL DIV CARDS*/
|
||||
|
||||
|
||||
|
||||
|
||||
/*INICIO DIV COLOR*/
|
||||
.div-color{
|
||||
background-color: #E0E0E0;
|
||||
padding: 0 72px;
|
||||
@ -142,11 +142,13 @@ body html{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/*FINAL DIV COLOR*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*DIV SECTION CARDS 2*/
|
||||
.div-section-cards2{
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
@ -164,9 +166,7 @@ body html{
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 16px rgb(0 0 0 / 15%);
|
||||
}
|
||||
.img-section-cards2{
|
||||
|
||||
}
|
||||
.p-cards2{
|
||||
margin-top: 15px;
|
||||
font-weight: 400;
|
||||
@ -174,11 +174,13 @@ body html{
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
/*FINAL DIV SECTION CARDS 2*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*DIV TEXT*/
|
||||
.conteiner-p{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -212,12 +214,12 @@ body html{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/*FINAL DIV TEXT*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*FOOTER*/
|
||||
.footer-backgrond{
|
||||
background-color: #000000;
|
||||
color: #BDBDBD;
|
||||
@ -242,6 +244,9 @@ body html{
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
/*FINAL FOOTER*/
|
||||
|
||||
|
||||
|
||||
/*MEDIA SCREEN*/
|
||||
@media screen and (max-width: 1024px){
|
||||
@ -277,10 +282,8 @@ body html{
|
||||
}
|
||||
/*FIM SECTION 3-PC*/
|
||||
|
||||
/*SECTION CARDS*/
|
||||
.div-icon{
|
||||
|
||||
}
|
||||
/*SECTION CARDS*/
|
||||
.div-cards{
|
||||
flex-direction: column;
|
||||
margin-top: 90px;
|
||||
@ -288,10 +291,10 @@ body html{
|
||||
.section-cards{
|
||||
width: 84.5%;
|
||||
}
|
||||
|
||||
|
||||
/*FIM SECTION CARDS*/
|
||||
/*INICIO IMAGENS DESCKTOP*/
|
||||
|
||||
|
||||
/*IMAGENS DESCKTOP*/
|
||||
.img-figure{
|
||||
display: none;
|
||||
}
|
||||
@ -328,10 +331,9 @@ body html{
|
||||
.figure-img3{
|
||||
width: 86%;
|
||||
}
|
||||
|
||||
|
||||
/*FIM IMAGENS DESCKTOP*/
|
||||
|
||||
|
||||
/*INICIO CARDIS2*/
|
||||
.div-section-cards2{
|
||||
flex-direction: column;
|
||||
@ -353,12 +355,14 @@ body html{
|
||||
|
||||
|
||||
/*FINAL CARDIS2*/
|
||||
|
||||
|
||||
.img-final-descktop{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*DIV TEXT*/
|
||||
.div-text{
|
||||
width: 86%;
|
||||
margin-top: 50px;
|
||||
@ -389,12 +393,17 @@ body html{
|
||||
margin-top: 98px;
|
||||
|
||||
}
|
||||
/*FINAL DIV TEXT*/
|
||||
|
||||
|
||||
/*FOOTER*/
|
||||
.footer-img{
|
||||
display: block;
|
||||
width: 26%;
|
||||
}
|
||||
}
|
||||
|
||||
/*MEDIA SCREEN MIN 1025*/
|
||||
@media screen and (min-width: 1025px){
|
||||
.not-main-mobi{
|
||||
display: none;
|
||||
@ -406,6 +415,7 @@ body html{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*MEDIA SCREEN MIN 25OO*/
|
||||
@media screen and (min-width: 2500px){
|
||||
.h2-3pc {
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user