-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a0d6627
commit cbe5d6f
Showing
4 changed files
with
162 additions
and
153 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,113 +1,173 @@ | ||
| body { | ||
| font-family: 'Arial', sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| color: black; | ||
| background: white; | ||
| } | ||
| font-family: 'Arial', sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| color: black; | ||
| background: white; | ||
| } | ||
|
|
||
| header { | ||
| color: black; | ||
| background: white; | ||
| padding: 20px 0; | ||
| color: black; | ||
| background: white; | ||
| padding: 20px 0; | ||
| } | ||
|
|
||
| h1 { | ||
| opacity: 0; /* Inicialmente invisível */ | ||
| transform: translateY(-50px); /* Posição inicial acima */ | ||
| animation: titleEntrance 1s forwards; /* Animação de entrada */ | ||
| opacity: 0; /* Inicialmente invisível */ | ||
| transform: translateY(-50px); /* Posição inicial acima */ | ||
| animation: titleEntrance 1s forwards; /* Animação de entrada */ | ||
| } | ||
|
|
||
| .caixa { | ||
| position: relative; | ||
| width: 940px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| nav { | ||
| position: absolute; | ||
| top: 0px; | ||
| right: 0; | ||
| } | ||
|
|
||
| nav li { | ||
| display: inline; | ||
| margin: 0 0 0 15px; | ||
| } | ||
|
|
||
| nav a { | ||
| color: black; | ||
| font-weight: bold; | ||
| font-size: 20px; | ||
| text-decoration: none; | ||
| } | ||
| position: relative; | ||
| width: 940px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| nav a:hover { | ||
| color: rgb(138, 59, 125); | ||
| text-decoration: underline; | ||
| } | ||
| nav { | ||
| position: absolute; | ||
| top: 0px; | ||
| right: 0; | ||
| } | ||
|
|
||
| nav li { | ||
| display: inline; | ||
| margin: 0 0 0 15px; | ||
| } | ||
|
|
||
| nav a { | ||
| color: black; | ||
| font-weight: bold; | ||
| font-size: 20px; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| nav a:hover { | ||
| color: rgb(138, 59, 125); | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| .titulo-principal { | ||
| background-color: #8BC6EC; | ||
| background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); | ||
| color: white; | ||
| padding: 60px; | ||
| background-color: #8BC6EC; | ||
| background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); | ||
| color: white; | ||
| padding: 60px; | ||
| } | ||
|
|
||
| .titulo-principal h1{ | ||
| text-align: center; | ||
| font-size: 50px; | ||
| opacity: 0; /* Inicialmente invisível */ | ||
| transform: translateY(-50px); /* Posição inicial acima */ | ||
| animation: titleEntrance 1s forwards; /* Animação de entrada */ | ||
| } | ||
| text-align: center; | ||
| font-size: 50px; | ||
| opacity: 0; /* Inicialmente invisível */ | ||
| transform: translateY(-50px); /* Posição inicial acima */ | ||
| animation: titleEntrance 1s forwards; /* Animação de entrada */ | ||
| } | ||
|
|
||
| /* Animação de entrada */ | ||
| @keyframes titleEntrance { | ||
| to { | ||
| opacity: 1; /* Torna o título visível */ | ||
| transform: translateY(0); /* Retorna à posição original */ | ||
| } | ||
| /* Animação de entrada */ | ||
| @keyframes titleEntrance { | ||
| to { | ||
| opacity: 1; /* Torna o título visível */ | ||
| transform: translateY(0); /* Retorna à posição original */ | ||
| } | ||
| } | ||
|
|
||
| p { | ||
| padding: 20px; | ||
| padding: 20px; | ||
| } | ||
|
|
||
| .img-inicio { | ||
| max-width: 350px; | ||
| height: auto; | ||
| max-width: 350px; | ||
| height: auto; | ||
| } | ||
|
|
||
| .apresentacao { | ||
| font-size: 20px; | ||
| padding: 100px; | ||
| display: flex; | ||
| align-items: center; /* Alinhar verticalmente */ | ||
| gap: 40px; /* Espaçamento entre texto e imagem */ | ||
| font-size: 20px; | ||
| padding: 100px; | ||
| display: flex; | ||
| align-items: center; /* Alinhar verticalmente */ | ||
| gap: 40px; /* Espaçamento entre texto e imagem */ | ||
| } | ||
|
|
||
| .imagens img { | ||
| max-width: 450px; | ||
| max-height: 400px; | ||
| } | ||
|
|
||
| .imagens h1 { | ||
| color: #ffffff; | ||
| padding: 20px; | ||
| font-size: 30px; | ||
| } | ||
|
|
||
| figcaption { | ||
| padding: 10px; | ||
| font-style: italic; | ||
| color: white; | ||
| font-size: 18px; | ||
| } | ||
|
|
||
| .Depoimentos { | ||
| color:white; | ||
| padding: 20px; | ||
| text-align: center; | ||
| background-color: #8BC6EC; | ||
| background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); | ||
| } | ||
|
|
||
| .Depoimentos-instagram { | ||
| display: flex; | ||
| justify-content: center; /* Centraliza horizontalmente */ | ||
| align-items: center; /* Centraliza verticalmente, se necessário */ | ||
| margin: 20px 0; /* Adiciona margem para separar da borda da página */ | ||
| } | ||
|
|
||
| .diario { | ||
| background-image:url(NZ\ flag.png); | ||
| background-size: cover; /* Ajusta a imagem para cobrir toda a div */ | ||
| background-position: center; /* Centraliza a imagem */ | ||
| color: white; /* Define a cor do texto */ | ||
| text-align: center; /* Centraliza o texto */ | ||
| padding: 50px; /* Adiciona espaço ao redor do texto */ | ||
| height: 400px; /* Define a altura da div */ | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| flex-direction: column; | ||
| text-align: center; | ||
| font-family: "Merriweather", serif; | ||
| font-weight: 600; | ||
| font-style: normal; | ||
| } | ||
|
|
||
| .diario a { | ||
| font-size: 25px; | ||
| color: white; | ||
| } | ||
|
|
||
| .diario h2 { | ||
| font-size: 60px; | ||
| } | ||
|
|
||
| .rodape { | ||
| font-size: 18px; | ||
| padding: 40px 0; | ||
| text-align: center; | ||
| background: rgb(50, 48, 96); | ||
| color: white; | ||
| } | ||
| font-size: 18px; | ||
| padding: 40px 0; | ||
| text-align: center; | ||
| background: rgb(50, 48, 96); | ||
| color: white; | ||
| } | ||
|
|
||
| .rodape img { | ||
| max-height: 40px; /* Ajuste a altura da imagem */ | ||
| } | ||
| max-height: 40px; /* Ajuste a altura da imagem */ | ||
| } | ||
|
|
||
| .rodape .redes-sociais { | ||
| display: flex; | ||
| justify-content: center; /* Centralizar horizontalmente */ | ||
| margin: 0 20px; | ||
| } | ||
| display: flex; | ||
| justify-content: center; /* Centralizar horizontalmente */ | ||
| margin: 0 20px; | ||
| } | ||
|
|
||
| .copyright { | ||
| color: #FFFFFF; | ||
| font-size: 13px; | ||
| margin: 20px 0 0; | ||
| padding: 10px; | ||
| } | ||
| .copyright { | ||
| color: #FFFFFF; | ||
| font-size: 13px; | ||
| margin: 20px 0 0; | ||
| padding: 10px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters