# Session three: It's Always Time to Restart | Linguagem de Programação
**Autor**: Vitório Trindade Santana
**Turma**: Informática C
**Número**: 50
[toc]
## Página home Warren Educação
> https://lp.warren.com.br/warren-educacao-in-company
> link codesandbox:https://codesandbox.io/s/session-atrasada-por-favor-desculpa-professor-62v6h?file=/Src/Pages/Home/index.html
### index.html
```htmlmixed=
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Static Template</title>
<link rel="stylesheet" href="../Home/faixa1.css"/>
<link rel="stylesheet" href="../Home/faixa2.css"/>
<link rel="stylesheet" href="../Home/faixa3.css"/>
<link rel="stylesheet" href="../Home/faixa4.css"/>
<link rel="stylesheet" href="../Home/faixa5.css"/>
<link rel="stylesheet" href="../Home/faixa6.css"/>
<link rel="stylesheet" href="../Home/faixa7.css"/>
<link rel="stylesheet" href="../Home/faixa8.css"/>
<link rel="stylesheet" href="../Home/faixa9.css"/>
<link rel="stylesheet" href="../Home/faixa10.css"/>
<link rel="stylesheet" href="../Home/faixa11.css"/>
<link rel="stylesheet" href="../Home/faixa12.css"/>
<link rel="stylesheet" href="../Home/comum.css"/>
</head>
<body>
<div class="container-warren">
<div class="faixa1">
<div class="f1-logo"> <image src="../../Assets/Images/F1-Logo-Warren-Educação.webp"/> </div>
<div class="f1-textos">
<div class="f1-titulo"> Educação Financeira para seus colaboradores </div>
<div class="f1-botao"> <button> AGENDE UMA CONVERSA </button> </div>
</div>
</div>
<div class="faixa-2">
<div class="f2-textos1">
<div class="f2-text1">QUEM SOMOS</div>
<div class="f2-text2"> Levamos educação financeira para os mais diversos momentos de vida do
colaborador e da empresa
</div>
</div>
<div class="f2-textos2">
<div class="f2-tet1"> Somos uma empresa do Mercado Financeiro com profissionais capacitados
e certificados para trazer conteúdos para todos os momentos financeiros das pessoas.
</div>
<div class="f2-tet2">
Além disso, nossa equipe conta com profissionais da área de educação,
com uma didática fácil e empática, trazendo a leveza necessária para
abordar esse assunto.
</div>
<div class="f2-tet3">
Acreditamos que a educação e a construção de um ambiente seguro para
nossas finanças pessoais é o melhor investimento para o seu
colaborador e consequentemente para a empresa.
</div>
</div>
</div>
<div class="faixa3">
<div class="f3-texto">
<div class="f3-titulo">O QUE FAZEMOS</div>
<div class="f3-subtitulo">Nossos serviços</div>
<div class="f3-l1"><li>Webinars Personalizados</li> </div>
<div class="f3-l1"> <li>Cursos Online para Plataformas Corporativas</li> </div>
<div class="f3-l1"><li>Consultoria de Planejamento Financeiro</li> </div>
<div class="f3-l1"><li>Programas de Educação Financeira</li> </div>
<div class="f3-l1"> <li>Campanhas Personalizadas (online e offline)</li> </div>
</div>
<div class="f3-img">
<img src="../../Assets/Images/F3-Imagem-Heróis-Warren.webp" />
</div>
</div>
<div class="faixa-4">
<div class="f4-texto">
<div class="f4-titulo">PARA QUEM</div>
<div class="f4-conteudo">Empresas que já compreenderam:</div>
<div class="f4-conteudo2">o bem-estar do colaborador é investimento</div>
</div>
<div class="f4-texto2">
<div class="f4-conteudo3">
Entendemos que problemas financeiros podem impactar profundamente na
vida do colaborador.
</div>
<div class="f4-conteudo4"> Afinal, isso é um grande motivo de estresse e ansiedade, coisas que não
combinam com uma mente saudável, criativa e engajada. </div>
</div>
</div>
<div class="faixa5">
<div class="f5-textos">
<div class="f5_frase"> 83% dos profissionais de RH afirmam que o estresse
financeiro prejudica o desempenho dos colaboradores.
</div>
<div class="f5_autor"> Society for Human Resources Management </div>
</div>
</div>
<div class="faixa-site-6">
<div class="f6-elementos">
<div class="f6-box1">
<div class="f6-box-titulo"> Organização Financeira</div>
</div>
<div class="f6-box2">
<div class="f6-box-titulo">Planejamento Financeiro</div>
</div>
<div class="f6-box3">
<div class="f6-box-titulo">Investimentos</div>
</div>
<div class="f6-box4">
<div class="f6-box-titulo">Cenário Macroeconômico</div>
</div>
</div>
</div>
<div class="faixa-7">
<div class="f7-textos">
<div class="f7-titulo">QUEM FAZ PARTE DESTE MOVIMENTO</div>
<div class="f7-subtitulo"> Mais de <a> 100 empresas e 20 mil colaboradores </a> impactados </div>
</div>
<div class="f7-img">
<div class="f7-imagem-empresa1">
<img src="../../Assets/Images/F7-Logo-Marca-Hospital-Moinhos-de-Vento.webp"/>
</div>
<div class="f7-imagem-empresa2">
<img src="../../Assets/Images/F7-Logo-Marca-Vivo.webp" />
</div>
<div class="f7-imagem-empresa3">
<img src="../../Assets/Images/F7-Logo-Marca-Piccadilly.webp" />
</div>
<div class="f7-imagem-empresa4">
<img src="../../Assets/Images/F7-Logo-Marca-L'Oréal.webp" />
</div>
<div class="f7-imagem-empresa5">
<img src="../../Assets/Images/F7-Logo-Marca-MRV.webp" />
</div>
<div class="f7-imagem-empresa6">
<img src="../../Assets/Images/F7-Logo-Marca-Leroy-Merlin.webp" />
</div>
<div class="f7-imagem-empresa7">
<img src="../../Assets/Images/F7-Logo-Marca-SAP.webp" />
</div>
</div>
</div>
<div class="faixa8">
<div class="f8_botao"> <button>AGENDE UMA CONVERSA</button> </div>
</div>
<div class="faixa-9">
<div class="f9-textos">
<div class="f9-titulo"> DEPOIMENTOS </div>
<div class="f9-subtitulo"> O que dizem sobre nós </div>
</div>
<div class="f9-boxes">
<div class="f9-box">
<div class="f9-box-imagem"> <image src="../../Assets/Images/F9-Aspas-Depoimento.webp"/> </div>
<div class="f9-frase"> O momento que tivemos com o Papo de Grana foi essencial para entendermos a importância de ter uma vida financia controlada e que sim, é possível se divertir quando o assunto é finanças. </div>
<div class="f9-nome"> Stephany Lopes </div>
<div class="f9-logo"> <image src="../../Assets/Images/F9-Logo-Marca-Neogrid.webp"/> </div>
</div>
<div class="f9-box">
<div class="f9-box-imagem"> <image src="../../Assets/Images/F9-Aspas-Depoimento.webp"/> </div>
<div class="f9-frase"> Consegui ver a transparência e integridade da empresa, eu não tinha conhecimento nenhum na área de investimento e muito menos onde investir sem ter medo de levar a “ré” e acabar perdendo tudo. Foi uma palestra rápida, focada e ágil, não ficaram enrolando ou até mesmo forçando algo.</div>
<div class="f9-nome"> Emily </div>
<div class="f9-logo"> <image src="../../Assets/Images/F9-Logo-Marca-Asaas.webp"/> </div>
</div>
<div class="f9-box">
<div class="f9-box-imagem"> <image src="../../Assets/Images/F9-Aspas-Depoimento.webp"/> </div>
<div class="f9-frase"> O Papo de Grana levantou assuntos antes considerados muito complicados e muitas vezes restritos a uma pequena parcela da população, de uma forma didática que traz conhecimento ao alcance de todos e principalmente na palma da mão. </div>
<div class="f9-nome"> Cícero </div>
<div class="f9-logo"> <image src="../../Assets/Images/F9-Logo-Marca-ContaAzul.webp"/> </div>
</div>
</div>
</div>
<div class="faixa-10">
<div class="f10-textos">
<div class="f10-text1">QUEM SOMOS</div>
<div class="f10-text2">Sobre a Warren</div>
<div class="f10-text3"> Somos uma plataforma completa de investimentos com sede em Porto
Alegre em outras 6 cidades. Temos mais de 100 mil clientes e 250 colaboradores.
</div>
<div class="f10-text4"> Na Warren você investe nos melhores produtos com eficiência, simplicidade e transparência. Somos responsáveis por criar uma
experiência alinhada e transparente, que oferece realmente os melhores produtos, com muita tecnologia, mas com atendimento humano e
competente.
</div>
</div>
<div class="f10-imagem1">
<div class="f10-img1"> <img src="../../Assets/Images/F10-Celular-Warren.webp" /> </div>
</div>
</div>
<div class="faixa-11">
<div class="f11-titulo">Agende uma conversa</div>
<div class="f11-texto">
Quer saber mais sobre o Warren Educação in Company e levar educação
financeira para a sua empresa? Preencha o formulário abaixo para
entrarmos em contato com você.
</div>
<div class="f11-inputs">
<div class="f11-l1">
<div class="f11-nome"> <a class="f11-texto-input">Nome<span>*</span></a>
<input class="input-1" type="text" placeholder="" />
</div>
</div>
<div class="f11-email-telefone">
<div class="f11-email">
<a class="f11-texto-input">E-mail<span>*</span></a> <input type="text" placeholder="" />
</div>
<div class="f11-telefone">
<a class="f11-texto-input">Telefone<span>*</span></a> <input type="text" placeholder="" />
</div>
</div>
<div class="f11-l2">
<div class="f11-cargo">
<a class="f11-texto-input">Cargo<span>*</span></a><input type="text" placeholder="" />
</div>
<div class="f11-empresa">
<a class="f11-texto-input">Empresa<span>*</span> </a>
<input type="text" placeholder="" />
</div>
<div class="f11-funcionarios">
<a class="f11-texto-input">Quantidade de funcionários<span>*</span></a>
<select>
<option>Selecione</option>
<option>1 a 50</option>
<option>51 a 100</option>
<option>100 a 500</option>
<option>500 a 1000</option>
<option>1000 a 5000</option>
</select>
</div>
</div>
<div class="f11-mensagem">
<div class="f11-msg">
<a class="f11-texto-input">Deixe sua mensagem</a>
<textarea></textarea>
</div>
</div>
<div class="f11-botao">
<button>ENVIAR</button>
</div>
</div>
</div>
<div class="faixa-12">
<div class="f12-rodape-logo">
<img src="../../Assets/Images/F12-Logo-Warren-Educação.webp" />
</div>
<div class="f12-redes-sociais">
<div class="f12-rodape-redes-sociais">
<img src="../../Assets/Images/F12-Ícone-YouTube.webp" />
</div>
<div class="f12-rodape-redes-sociais">
<img src="../../Assets/Images/F12-Ícone-Instagram.webp" />
</div>
<div class="f12-rodape-redes-sociais">
<img src="../../Assets/Images/F12-Ícone-Facebook.webp" />
</div>
<div class="f12-rodape-redes-sociais">
<img src="../../Assets/Images/F12-Ícone-Twitter.webp" />
</div>
</div>
<div class="f12-textos">
<div class="f12-rodape-textos">Tem alguma dúvida?</div>
<div class="f12-rodape-textos">Mande um email para</div>
<div class="f12-rodape-textos">meajuda@warrenbrasil.com.br</div>
<div class="f12-rodape-textos">
<div class="f12-cnpj">CNPJ: 24.176.946/0001-71</div>
</div>
</div>
</div>
</div>
</body>
</html>
```
### index.css
```css=
* {
box-sizing: border-box;
}
body {
margin: 0px;
}
.faixa1 {
background-image: url("../../Assets/Images/F1-Imagem-Heróis-Warren.png");
background-size: cover;
background-attachment: fixed;
height: 98vh;
color: white;
padding: 17px 35px;
}
.f1-textos {
padding: 120px 0px 0px 100px;
width: 600px;
}
.f1-titulo {
font-size: 55px;
font-family: Warren2;
font-weight: bold;
margin-right: 10px;
line-height: 50px;
}
.f1-botao {
padding-top: 40px;
}
.f1-botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 16px;
font-weight: bold;
padding: 25px 42px;
border-radius: 40px;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-2 {
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 60px 100px 60px 100px;
}
.f2-text1 {
font-family: warren2;
font-size: 16px;
color: #666666;
}
.f2-text2 {
font-family: warren2;
font-size: 46px;
line-height: 38px;
font-style: bold;
padding-right: 140px;
}
.f2-textos2 {
padding-right: 180px;
}
.f2-tet1 {
font-family: warren1;
font-size: 16px;
}
.f2-tet2 {
padding: 15px 0px;
font-family: warren1;
font-size: 16px;
}
.f2-tet3 {
font-family: warren1;
font-size: 16px;
}
.faixa3 {
display: flex;
flex-direction: row;
background-color: rgb(245, 246, 250);
padding: 90px 140px;
align-items: center;
justify-content: space-between;
}
.f3-img {
padding-top: 35px;
padding-left: 80px;
}
.f3-img img {
width: 500px;
height: auto;
}
.f3-titulo {
font-family: warren2;
color: gray;
font-size: 16px;
line-height: 1px;
}
.f3-subtitulo {
font-family: warren2;
font-size: 45px;
padding-bottom: 33px;
}
.f3-l1 {
font-family: warren1;
font-size: 16px;
color: #2e2d33;
padding-bottom: 16px;
}
.f3-texto {
padding-top: 40px;
padding-left: 50px;
padding-bottom: 38px;
}
.faixa-4 {
display: flex;
flex-direction: row;
background-color: #242429;
padding: 150px 150px;
}
.f4-titulo {
font-weight: bold;
color: #666666;
font-size: 16px;
font-family: Warren1;
display: flex;
flex-direction: column;
}
.f4-conteudo {
line-height: 2.5rem;
color: #ee2e5d;
display: flex;
flex-direction: row;
font-family: Warren2;
font-size: 43px;
line-height: 42px;
font-style: bold;
display: flex;
flex-direction: column;
}
.f4-conteudo2 {
color: #ffffff;
display: flex;
flex-direction: row;
font-family: Warren2;
font-size: 43px;
line-height: 42px;
font-style: bold;
display: flex;
flex-direction: column;
padding-right: 200px;
}
.f4-conteudo3 {
color: #ffffff;
width: 450px;
font-family: Warren1;
font-size: 16px;
padding-top: 30px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
padding-right: 100px;
}
.f4-conteudo4 {
color: #ffffff;
display: flex;
flex-direction: row;
font-family: Warren1;
font-size: 16px;
display: flex;
flex-direction: column;
padding-right: 200px;
}
.faixa5 {
display: flex;
flex-direction: column;
padding: 100px 200px 100px 100px;
background-color: #000000;
align-items: center;
}
.f5-textos {
background-image: url("../../Assets/Images/F5-Aspas-Transparentes-Depoimento.webp");
background-repeat: no-repeat;
background-position: left-top;
margin: 0px 300px;
text-align: center;
}
.f5_frase {
padding-top: 13px;
font: 20px Warren1;
color: #ffffff;
}
.f5_autor {
padding: 30px;
font: 16px Warren1;
color: white;
}
.faixa-site-6 {
background-image: url("../../Assets/Images/F6-Background-Palestra.webp");
background-attachment: fixed;
background-repeat: no-repeat;
align-items: center;
background-color: black;
padding: 70px 520px 150px 320px;
height: 83vh;
}
.f6-elementos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.f6-box1 {
background-image: url("../../Assets/Images/F6-Imagem-Educação-Financeira.webp");
background-repeat: no-repeat;
background-size: 10em;
background-position: left;
width: 150px;
height: auto;
padding: 70px 90px;
margin-right: 120px;
}
.f6-box2 {
background-image: url("../../Assets/Images/F6-Imagem-Planejamento-Financeiro.webp");
background-repeat: no-repeat;
background-size: 9.5em;
background-position: left;
width: 150px;
height: auto;
padding: 70px 0px 10px 90px;
}
.f6-box3 {
background-image: url("../../Assets/Images/F6-Imagem-Investimento.webp");
background-repeat: no-repeat;
background-size: 8.8em;
background-position: left;
width: 150px;
height: auto;
padding: 70px 80px;
}
.f6-box4 {
background-image: url("../../Assets/Images/F6-Imagem-Cenário-Macroeconômico.webp");
background-repeat: no-repeat;
background-size: 9.5em;
background-position: left;
width: 150px;
height: auto;
padding: 70px 90px;
}
.f6-box-titulo {
color: white;
font-family: Warren2;
width: 10px;
font-size: 2em;
line-height: 0.8em;
}
.faixa-7 {
display: flex;
flex-direction: column;
padding: 100px 120px 100px 140px;
}
.f7-titulo {
font: 1em Warren2;
color: #666666;
font-weight: bold;
}
.f7-subtitulo a {
color: #ee2e5d;
font-size: 45px;
font-family: Warren2;
font-size: 45px;
}
.f7-subtitulo {
font-family: Warren2;
font-size: 2.6em;
padding-right: 6em;
}
.f7-img {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 100px;
flex-wrap: wrap;
}
.f7-imagem-empresa1 {
padding: 40px 140px 40px 10px;
}
.f7-imagem-empresa2 {
padding: 30px 140px 40px 0px;
}
.f7-imagem-empresa3 {
padding: 25px 140px 40px 0px;
}
.f7-imagem-empresa4 {
padding: 25px 120px 40px 0px;
}
.f7-imagem-empresa5 {
padding: 50px 65px 40px 0px;
}
.f7-imagem-empresa6 {
padding: 40px 65px 40px 0px;
}
.f7-imagem-empresa7 {
padding: 40px 60px 40px 0px;
}
.f7-imagem-empresa1 img {
width: 10em;
height: auto;
}
.f7-imagem-empresa2 img {
width: 7em;
height: auto;
}
.f7-imagem-empresa3 img {
width: 9em;
height: auto;
}
.f7-imagem-empresa4 img {
width: 7em;
height: auto;
}
.f7-imagem-empresa5 img {
width: 7em;
height: auto;
}
.f7-imagem-empresa6 img {
width: 7em;
height: auto;
}
.f7-imagem-empresa7 img {
width: 7em;
height: auto;
}
.faixa8 {
padding: 50px 50px;
background-color: #171717;
text-align: center;
}
.f8_botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 16px;
font-weight: bold;
padding: 25px 30px;
border-radius: 40px;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-9 {
padding: 140px;
}
.f9-titulo {
font-size: 17px;
font-family: Warren1;
font-weight: bold;
color: gray;
}
.f9-subtitulo {
font-family: Warren2;
font-weight: bold;
font-size: 46px;
}
.f9-boxes {
padding-top: 70px;
display: flex;
flex-direction: row;
display: flex;
justify-content: space-between;
}
.f9-box {
width: 336px;
background-color: rgb(245, 246, 250);
border-radius: 10px;
padding: 22px 32px;
}
.f9-box-imagem {
padding: 20px 0px;
}
.f9-frase {
font-family: Warren1;
}
.f9-nome {
font-size: 16px;
font-family: Warren2;
color: rgb(46, 45, 51);
padding: 20px 0px;
}
.f9-logo img {
width: 70px;
height: auto;
}
.faixa-10 {
background-color: #ee2e5d;
color: white;
display: flex;
flex-direction: row;
padding: 130px 200px 50px 140px;
}
.f10-textos {
width: 27em;
margin-right: 8em;
}
.f10-text1 {
padding-bottom: 5px;
font-family: warren2;
font-size: 16px;
color: #e3e4eb;
}
.f10-text2 {
padding-bottom: 20px;
font-family: warren2;
font-size: 46px;
}
.f10-text3 {
font-family: warren1;
font-size: 16px;
}
.f10-text4 {
font-family: warren1;
font-size: 16px;
padding-top: 20px;
}
.f10-img1 img {
height: 35em;
width: auto;
}
.faixa-11 {
display: flex;
flex-direction: column;
align-items: center;
padding: 80px;
}
.f11-titulo {
align-items: center;
font-family: Warren2;
font-size: 2.7em;
margin-bottom: 1.2em;
}
.f11-texto {
padding: 0px 280px;
font-family: warren1;
font-size: 16px;
margin-bottom: 1.5em;
text-align: center;
}
}
.f11-texto2 {
padding: 2px 20px 20px 20px;
font-family: warren1;
font-size: 16px;
}
.f11-inputs {
width: 700px;
}
.f11-texto-input {
font-family: Warren1;
font-size: 0.9em;
}
.f11-nome {
display: flex;
flex-direction: column;
}
.f11-nome input {
outline: none;
border: none;
background-color: rgb(245, 246, 250);
padding: 0.65em 1em;
}
.f11-email-telefone {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 17px;
justify-content: between 50px;
}
.f11-email {
display: flex;
flex-direction: column;
padding-right: 10px;
}
.f11-email input {
outline: none;
border: none;
width: 340px;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-telefone {
display: flex;
flex-direction: column;
padding-left: 10px;
}
.f11-telefone input {
outline: none;
border: none;
width: 340px;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-l2 {
display: flex;
flex-direction: row;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
}
.f11-cargo {
display: flex;
flex-direction: column;
}
.f11-cargo input {
outline: none;
border: none;
width: 220px;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-empresa {
display: flex;
flex-direction: column;
padding-left: 15px;
}
.f11-empresa input {
outline: none;
border: none;
width: 230px;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-funcionarios {
display: flex;
flex-direction: column;
padding-left: 15px;
}
.f11-funcionarios select {
outline: none;
border: none;
width: 220px;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-msg {
display: flex;
flex-direction: column;
}
.f11-msg textarea
{ height: 8em;}
.f11-msg textarea {
outline: none;
border: none;
background-color: rgb(245, 246, 250);
padding: 0.65em 1em;
}
.f11-botao {
margin-top: 40px;
text-align: center;
}
.f11-botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 16px;
font-weight: bold;
padding: 1.5em 3.5em;
border-radius: 40px;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-12 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: rgb(46, 45, 51);
padding: 40px 200px;
}
.f12-redes-sociais {
display: flex;
flex-direction: row;
}
.f12-rodape-redes-sociais {
padding-left: 10px;
}
.f12-rodape-textos {
color: white;
font-family: Warren1;
text-align: center;
padding-bottom: 5px;
}
.f12-textos {
padding-top: 25px;
}
.f12-cnpj {
font-size: 12px;
}
@font-face {
font-family: Warren1;
src: url("../../Assets/Fonts/Fonte-Warren-1.woff2");
}
@font-face {
font-family: Warren2;
src: url("../../Assets/Fonts/Fonte-Warren-2.woff2");
}
@font-face {
font-family: Warren3;
src: url("../../Assets/Fonts/Fonte-Warren-3.woff2");
}
@font-face {
font-family: Warren4;
src: url("../../Assets/Fonts/Fonte-Warren-4.woff2");
}
```
### responsivo.css
```css=
@media (max-width: 1024px) {
.faixa1 {
background-image: url("../../Assets/Images/f1-background-responsivo.png");
background-attachment: fixed;
background-size: cover;
height: 96vh;
color: white;
padding: 1.2em 2em;
}
.f1-textos {
padding: 6em 0em;
width: 20em;
}
.f1-titulo {
padding-right: 3em;
font-size: 1.7em;
font-family: Warren2;
font-weight: bold;
margin-right: 0em;
line-height: 1em;
}
.f1-botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 1em;
font-weight: bold;
padding: 1.5em 2.5em;
border-radius: 2.6em;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-2 {
display: flex;
flex-direction: column;
padding: 2em 2em ;
}
.f2-text1 {
font-family: warren2;
font-size: 1em;
color: #666666;
}
.f2-text2 {
font-family: warren2;
font-size: 1.6em;
line-height: 1.2em;
font-style: bold;
padding-right: 0em;
padding-bottom: 2em;
}
.f2-textos2 {
padding-right: 0em;
}
.f2-tet1 {
font-family: warren1;
font-size: 1em;
}
.f2-tet2 {
padding: 0.95em 0em;
font-family: warren1;
font-size: 1em;
}
.f2-tet3 {
font-family: warren1;
font-size: 1em;
}
.faixa3 {
display: flex;
flex-direction: column;
background-color: rgb(245, 246, 250);
padding: 2em 2em;
align-items: center;
}
.f3-titulo {
font-family: warren2;
color: gray;
font-size: 1em;
line-height: 0.5em;
}
.f3-subtitulo {
font-family: warren2;
font-size: 1.7em;
padding-bottom: 1em;
}
.f3-l1 {
font-family: warren1;
font-size: 1em;
color: #2e2d33;
padding-bottom: 1em;
}
.f3-texto {
padding-top: 0.1em;
padding-left: 0em;
padding-bottom: 0.2em;
}
.f3-img {
padding-top: 1em;
padding-left: 0em;
}
.f3-img img {
width: 16em;
height: auto;
}
.faixa-4 {
display: flex;
flex-direction: column;
background-color: #242429;
padding: 2em 2.2em;
}
.f4-titulo {
font-weight: bold;
color: #666666;
font-size: 1em;
font-family: Warren1;
display: flex;
flex-direction: column;
}
.f4-conteudo {
line-height: 2.5rem;
color: #ee2e5d;
font-family: Warren2;
font-size: 1.7em;
line-height: 1.2em;
font-style: bold;
}
.f4-conteudo2 {
color: #ffffff;
font-family: Warren2;
font-size: 1.7em;
line-height: 1.2em;
font-style: bold;
padding-right: 0em;
padding-bottom: 1em;
}
.f4-conteudo3 {
color: #ffffff;
width: 14em;
font-family: Warren1;
font-size: 1em;
padding: 0em 0em 1.5em 0em;
}
.f4-conteudo4 {
color: #ffffff;
display: flex;
flex-direction: row;
font-family: Warren1;
font-size: 1em;
padding-right: 0em;
}
.faixa5 {
display: flex;
flex-direction: column;
padding: 2.5em 2em;
background-color: #000000;
align-items: center;
}
.f5-textos {
background-image: url("../../Assets/Images/F5-Aspas-Transparentes-Depoimento.webp");
background-repeat: no-repeat;
background-position: left-top;
margin: 0em;
text-align: center;
}
.f5_frase {
padding: 0.6em 0em 1.2em 0em;
line-height: 1.5em;
font: 1.3em Warren1;
color: #ffffff;
}
.f5_autor {
padding: 0.6em 0em;
font: 1em Warren1;
color: white;
}
.faixa-site-6 {
background-image: url("../../Assets/Images/F6-Background-Palestra.webp");
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
align-items: center;
background-color: black;
padding: 2em 2em;
height: 105vh;
}
.f6-elementos {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
}
.f6-box1 {
background-image: url("../../Assets/Images/F6-Imagem-Educação-Financeira.webp");
background-repeat: no-repeat;
background-size: 8.5em;
background-position: left;
width: 7em;
height: auto;
padding: 4.6em 4.5em 2em 6em;
margin-right: 0em;
}
.f6-box2 {
background-image: url("../../Assets/Images/F6-Imagem-Planejamento-Financeiro.webp");
background-repeat: no-repeat;
background-size: 8.5em;
background-position: left;
width: 7em;
height: auto;
padding: 4.6em 4.5em 2em 6em;
}
.f6-box3 {
background-image: url("../../Assets/Images/F6-Imagem-Investimento.webp");
background-repeat: no-repeat;
background-size: 8.5em;
background-position: left;
width: 7em;
height: auto;
padding: 3em 4.5em 2em 6em;
}
.f6-box4 {
background-image: url("../../Assets/Images/F6-Imagem-Cenário-Macroeconômico.webp");
background-repeat: no-repeat;
background-size: 8.5em;
background-position: left;
width: 7em;
height: auto;
padding: 4.6em 6em 2em 5em;
}
.f6-box-titulo {
color: white;
font-family: Warren2;
width: 0.5em;
font-size: 1.7em;
line-height: 0.8em;
}
.faixa-7 {
display: flex;
flex-direction: column;
padding: 2em;
}
.f7-titulo {
font: 1em Warren2;
color: #666666;
font-weight: bold;
}
.f7-subtitulo a {
color: #ee2e5d;
font-family: Warren2;
font-size: 1.2em;
}
.f7-subtitulo {
font-family: Warren2;
font-size: 1.4em;
padding-right: 0em;
}
.f7-img {
display: flex;
flex-direction: column;
text-align: center;
padding-top: 5em;
flex-wrap: wrap;
}
.f7-imagem-empresa1 {
padding: 2em 0em;
}
.f7-imagem-empresa2 {
padding: 3.4em 0em;
}
.f7-imagem-empresa3 {
padding: 2.5em 0em;
}
.f7-imagem-empresa4 {
padding: 2.5em 0em;
}
.f7-imagem-empresa5 {
padding: 2.5em 0em;
}
.f7-imagem-empresa6 {
padding: 2em 0em;
}
.f7-imagem-empresa7 {
padding: 2em 0em;
}
.faixa8 {
padding: 1.4em 2em;
background-color: #171717;
text-align: center;
}
.f8_botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 1em;
font-weight: bold;
padding: 1.5em 2em;
border-radius: 2.2em;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-9 {
padding: 2em;
}
.f9-titulo {
font-size: 1em;
font-family: Warren1;
font-weight: bold;
color: gray;
}
.f9-subtitulo {
font-family: Warren2;
font-weight: bold;
font-size: 1.6em;
}
.f9-boxes {
padding-top: 3em;
display: flex;
flex-direction: column;
display: flex;
}
.f9-box {
width: 16em;
background-color: rgb(245, 246, 250);
border-radius: 0.7em;
padding: 1.3em 1.6em;
margin-bottom: 0.5em;
}
.f9-box-imagem {
padding: 1.2em 0em;
}
.f9-frase {
font-family: Warren1;
}
.f9-nome {
font-size: 16px;
font-family: Warren2;
color: rgb(46, 45, 51);
padding: 20px 0px;
}
.f9-logo img {
width: 70px;
height: auto;
}
.faixa-10 {
background-color: #ee2e5d;
color: white;
display: flex;
flex-direction: column;
padding: 2em;
}
.f10-textos {
width: 16em;
margin-right: 0em;
}
.f10-text1 {
padding-bottom: 0.4em;
font-family: warren2;
font-size: 1em;
color: #e3e4eb;
}
.f10-text2 {
padding-bottom: 1.1em;
font-family: warren2;
font-size: 1.7em;
}
.f10-text3 {
font-family: warren1;
font-size: 1em;
}
.f10-text4 {
font-family: warren1;
font-size: 1em;
padding: 1.4em 0em 2em 0em;
}
.f10-img1 img {
height: 23em;
width: auto;
}
.faixa-11 {
display: flex;
flex-direction: column;
align-items: center;
padding: 2em;
}
.f11-titulo {
align-items: center;
font-family: Warren2;
font-size: 1.6em;
margin-bottom: 1.2em;
}
.f11-texto {
padding: 0em;
font-family: warren1;
font-size: 1.1em;
margin-bottom: 1.5em;
text-align: center;
padding: 0em 0.6em;
line-height: 1.6em;
}
}
.f11-texto2 {
padding: 0em;
font-family: warren1;
font-size: 1em;
}
.f11-inputs {
width: 18em;
display: flex;
flex-direction: column;
align-items: center;
}
.f11-texto-input {
font-family: Warren1;
font-size: 0.9em;
}
.f11-nome {
display: flex;
flex-direction: column;
}
.f11-nome input {
outline: none;
border: none;
background-color: rgb(245, 246, 250);
padding: 0.65em 1em;
width: 18em;
}
.f11-email-telefone {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1em;
}
.f11-email {
display: flex;
flex-direction: column;
padding-right: 0em;
}
.f11-email input {
outline: none;
border: none;
width: 18em;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-telefone {
display: flex;
flex-direction: column;
padding-left: 0em;
}
.f11-telefone input {
outline: none;
border: none;
width: 18em;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-l2 {
display: flex;
flex-direction: column;
padding: 1em 0em;
}
.f11-cargo {
display: flex;
flex-direction: column;
}
.f11-cargo input {
outline: none;
border: none;
width: 18em;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-empresa {
display: flex;
flex-direction: column;
padding-left: 0em;
}
.f11-empresa input {
outline: none;
border: none;
width: 18em;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-funcionarios {
display: flex;
flex-direction: column;
padding-left: 0em;
}
.f11-funcionarios select {
outline: none;
border: none;
width: 18em;
background-color: rgb(245, 246, 250);
padding: 0.65em 0.4em;
}
.f11-mensagem {
display: flex;
flex-direction: column;
}
.f11-msg {
display: flex;
flex-direction: column;
}
.f11-msg textarea {
outline: none;
border: none;
background-color: rgb(245, 246, 250);
padding: 0.65em 1em;
width: 18em;
height: 8em;
}
.f11-botao {
margin-top: 2em;
text-align: center;
}
.f11-botao button {
background-color: #ee2e5d;
color: white;
font-family: Warren1;
font-size: 1em;
font-weight: bold;
padding: 1.5em 3.5em;
border-radius: 2em;
border: none;
outline: none;
letter-spacing: 1px;
}
.faixa-12 {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background-color: rgb(46, 45, 51);
padding: 2em 5em;
}
.f12-redes-sociais {
display: flex;
flex-direction: row;
padding-top: 1.5em;
}
.f12-rodape-redes-sociais {
padding-left: 0.7em;
}
.f12-rodape-textos {
color: white;
font-family: Warren1;
text-align: center;
padding-bottom: 0.6em;
}
.f12-textos {
padding-top: 1.2em;
}
.f12-cnpj {
font-size: 0.8em;
}
}
```
{"metaMigratedAt":"2023-06-16T00:37:26.425Z","metaMigratedFrom":"Content","title":"Session three: It's Always Time to Restart | Linguagem de Programação","breaks":true,"contributors":"[{\"id\":\"052c8e10-b233-429a-a1e0-0d8df7864830\",\"add\":36892,\"del\":16}]"}