diff --git a/src/App.js b/src/App.js
index 808f9fb65330edc40932f85977e7f2815f47bb1b..20f0b99f34cacbb13ec3511f877af1900c164011 100644
--- a/src/App.js
+++ b/src/App.js
@@ -23,6 +23,8 @@ import Header from './Components/Header'
import EcFooter from './Components/EcFooter';
import GNUAGPLfooter from './Components/AGPLFooter';
import UserPage from './Pages/UserPage';
+import UserTerms from './Pages/UserTerms';
+import Teste from './Pages/Teste';
import ResourcePage from './Pages/ResourcePage';
import {BrowserRouter, Switch, Route} from 'react-router-dom';
import { Store } from './Store'
@@ -66,6 +68,8 @@ export default function App(){
<Route path="/busca" component={Search} />
<Route path="/usuario" component={UserPage} />
<Route path="/recurso" component={ResourcePage}/>
+ <Route path="/termos" component={UserTerms}/>
+ <Route path="/teste" component={Teste}/>
</Switch>
<EcFooter/>
<GNUAGPLfooter/>
diff --git a/src/Components/Carousel.js b/src/Components/Carousel.js
new file mode 100644
index 0000000000000000000000000000000000000000..27c394f4ce6a8deb60f90fdc37cd594560659c7a
--- /dev/null
+++ b/src/Components/Carousel.js
@@ -0,0 +1,662 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
+
+
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+import "react-responsive-carousel/lib/styles/carousel.min.css";
+import { Carousel } from 'react-responsive-carousel';
+import styled from 'styled-components';
+import Grid from '@material-ui/core/Grid';
+import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
+import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
+
+
+
+/*Importação de imagens para o componente*/
+import Handshake from "../img/termos/handshake.svg"
+import Pessoa from "../img/termos/Pessoa.svg"
+import Email from "../img/termos/Email.svg"
+import Seguranca from "../img/termos/Seguranca.svg"
+import Aberto from "../img/termos/Aberto.png";
+import Fechado from "../img/termos/Fechado.png";
+import Arrow_down from "../img/termos/Arrow_down.svg";
+import Arrow_double from "../img/termos/Arrow_double.svg";
+import Arrow_O from "../img/termos/Arrow_O que é a plataforma.png";
+import Arrow_O_1 from "../img/termos/Arrow_O que é a plataforma-1.png";
+import Like from "../img/termos/Like.svg";
+import Unlike from "../img/termos/Unlike.svg";
+import Line from "../img/termos/Line.svg";
+import Entenda from "../img/termos/Entenda.svg";
+import V from "../img/termos/V.svg";
+import OrthogonalLineUp from "../img/termos/OrthogonalLineUp.png"
+import OrthogonalLineDown from "../img/termos/OrthogonalLineDown.png"
+
+
+const Slide = styled.div`
+
+position: absolute;
+height: 500px;
+width: 1366px;
+
+h2{
+ font-family: "Pompiere", regular;
+ font-size: 44px;
+ line-height: 120%;
+ color: #FFFFFF;
+}
+
+h3{
+ font-family: "Roboto", regular;
+ font-size: 27px;
+ line-height: 120%;
+ color: #FFFFFF;
+}
+
+p{
+ font-family: "Roboto", regular;
+ font-size: 20px;
+ line-height: 120%;
+ color: #FFFFFF;
+ text-align: left;
+}
+
+.container{
+ position: absolute;
+ height: auto;
+ width: auto;
+ margin: 70px 180px 90px;
+}
+
+
+.tmpl1{
+ background-color: #00BCD4;
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+
+
+ .box-text{
+ position: relative;
+ float: left;
+ padding-right: 10px;
+ padding-left: 10px;
+
+ p {
+ margin: 0 0 10px;
+ }
+ }
+
+ .box-image{
+ position: relative;
+ float: right;
+ }
+}
+
+.tmpl2{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #673AB7;
+
+ .title{
+ padding-bottom: 50px;
+ }
+
+ .images{
+ position: absolute;
+ display: table-row;
+ }
+
+ .arrow{
+ display: table-row;
+ position: absolute;
+ margin-left: 55px;
+ margin-top: -15px;
+ width: 282px;
+ }
+
+ .circle{
+ display: table-row;
+ position: absolute;
+ margin-top: -100px;
+ margin-left: 795px;
+ width: 191px;
+ }
+
+ h2 {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ font-weight: 500;
+ }
+
+ .box-text{
+ p{
+ font-size: 18px;
+ line-height: 25px;
+ }
+
+ position: relative;
+
+ }
+
+
+}
+
+.tmpl3{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #E81F4F;
+
+ .title{
+ position: relative;
+ padding-left: 10px;
+ h3{
+ line-height: 40px;
+ }
+ }
+
+ .box-text1{
+ .text{
+ padding-top: 20px;
+ }
+
+ .content{
+ display: table-row;
+
+ p{
+ display: table-cell;
+ font-size: 18px;
+ line-height: 25px;
+ vertical-align: middle;
+ }
+
+ img{
+ position: relative;
+ left: 0;
+ margin-right: 20px;
+ display: table-cell;
+ vertical-align: middle;
+ margin: 10px 20px 10px -10px;
+ }
+ }
+
+ }
+
+ .box-text2{
+ top: -50px;
+ .content{
+ p{
+ padding-bottom: 20px;
+ }
+
+ img{
+ margin-left: -65px;
+ margin-top: 25px;
+ }
+
+ .twoArrow{
+ margin-top: -5px;
+ }
+ }
+
+
+ }
+
+
+
+}
+
+.tmpl4{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #FF7F00;
+
+ h2{
+ padding-bottom: 20px;
+ }
+
+ p{
+ font-size: 20px;
+ line-height: 25px;
+ vertical-align: middle;
+ }
+
+ .box-images{
+ height: inherit;
+ display: table-row;
+ padding-top: 50px;
+ }
+
+ img{
+ display: table-cell;
+ vertical-align: middle;
+ top: 40px;
+ }
+
+
+}
+
+.tmpl5{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #1AB9DE;
+
+ .title{
+ display: table-row;
+ align-items: center;
+
+ img{
+ display: table-cell;
+ margin-right: 30px;
+ }
+
+ h2{
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+ }
+ }
+
+ .box-text {
+ margin-top: 20px;
+ p{
+ font-size: 17px;
+ font-weight: 15px;
+ }
+ }
+
+}
+
+.tmpl6{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #673AB7;
+
+ .box-text-1{
+ h3{
+ margin-bottom: 20px;
+ font-size: 27px;
+ }
+ p{
+ margin-bottom: 20px;
+ font-size: 18px;
+ margin-top: 0px;
+ }
+
+
+ .licences{
+ padding: 35px 150px 50px 35px;
+ margin-top: 50pz;
+ background-image: url(${Entenda});
+ background-repeat: no-repeat;
+ background-size: cover;
+ p::before{
+ content: url(${V});
+ }
+ p{
+ padding-left: 20px;
+ font-family: "Kalam", regular;
+ font-size: 24px;
+ white-space: nowrap;
+ }
+ .row{
+ padding-bottom: 5px;
+
+
+ }
+ }
+ }
+
+
+ .box-text-2{
+ background-image: url(${OrthogonalLineUp}),url(${OrthogonalLineDown});
+ background-repeat: no-repeat;
+ background-position: left top, right bottom;
+ padding-top: 30px;
+ padding-left: 50px;
+ p{
+ font-size: 15px;
+ padding-bottom: 15px;
+ }
+
+ .licenses_type{
+ margin-left: -20px;
+ font-size: 22px;
+ font-weight: bold;
+ text-align: right;
+ white-space: nowrap;
+ }
+ .row {
+ margin-right: -15px;
+ margin-left: -15px;
+
+ p {
+ padding-left: 15px;
+ }
+ }
+ }
+
+}
+
+.tmpl7{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #E81F4F;
+
+ .title{
+ h2{
+ font-family: Roboto;
+ font-size: 44px;
+ }
+ }
+
+ .box-text{
+ margin-top: 20px;
+ p{
+ line-height: 20px;
+ font-family: "Roboto";
+ font-size: 18px;
+ }
+ }
+
+ .rodape{
+ margin-top: 40px;
+ p{
+ line-height: 20px;
+ font-family: "Pompiere", regular;
+ font-size: 28px;
+ text-align: center;
+ }
+ span{
+ text-decoration: underline;
+ font-family: "Pompiere", regular;
+ line-height: 20px;
+ font-size: 28px;
+ cursor: pointer;
+ }
+ }
+}
+
+`
+
+const CarouselStyled = styled(Carousel)`
+
+ .carousel.carousel-slider {
+ height: 500px !important;
+ }
+
+ .carousel .slider-wrapper.axis-horizontal {
+ height: 500px !important;
+ }
+ .carousel .control-dots {
+ position: absolute !important;
+ padding-bottom: 20px;
+ }
+
+ .carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
+ margin: 0 5px;
+ display: inline-block;
+ border-top: 8px solid transparent;
+ border-bottom: 8px solid transparent;
+ content: '';
+ }
+
+
+`
+
+
+class TermsCarousel extends Component {
+ render() {
+ return (
+ <CarouselStyled
+ showThumbs= {false}
+ showStatus= {false}
+ transitionTime={1000}
+
+ width={"1366px"}
+
+ >
+ <div >
+ <Slide>
+ <div className="tmpl1">
+ <div className="container">
+ <Grid container spacing={0}>
+ <Grid item xs={6} >
+ <div className="box-text">
+ <p>A Plataforma Integrada MEC RED é parte do Compromisso 6 do 3º Plano de Ação da Parceria para Governo Aberto (OGP-Brasil), que tem por objetivo “incorporar na polÃtica educacional o potencial da cultura digital, de modo a fomentar a autonomia para uso, reuso e adaptação de recursos educacionais digitais, valorizando a pluralidade e a diversidade da educação brasileiraâ€.</p>
+ </div>
+ </Grid>
+ <Grid style={{display:"flex",justifyContent:"center"}} item xs={6}>
+ <div className="box-image">
+ <img src={Handshake} alt="handshake"/>
+ </div>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+
+ </div>
+ <div>
+ <Slide>
+ <div className="tmpl2">
+ <div className="container">
+ <div className="title">
+ <h2>O que é a Plataforma Integrada MEC RED e como ela está organizada?</h2>
+ <div className="images">
+ <div className="arrow">
+ <img src={Arrow_O} alt="Arrow_O"/>
+ </div>
+ <div className="circle">
+ <img src={Arrow_O_1} alt="Arrow_O_1"/>
+ </div>
+ </div>
+ </div>
+ <Grid container>
+ <Grid className="box-text" item xs={6}>
+ <p>Uma plataforma interativa, colaborativa e criada em software livre, que disponibiliza conteúdos do acervo do MEC e indica conteúdos de parceiros com o objetivo de formar uma rede ativa de educadores interessados em usar, criar e compartilhar recursos educacionais digitais.</p>
+ </Grid>
+ <Grid className="box-text" item xs={6}>
+ <p><strong>Repositório</strong> de recursos educacionais digitais que permite aos usuários cadastrados a publicação de seus materiais e <strong>Referatório</strong> que aponta links para conteúdos em sites externos.</p>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ <div>
+ <Slide>
+ <div className="tmpl3">
+ <div className="container">
+ <Grid className="title" container spacing={1}>
+ <Grid item xs={12}>
+ <h3>Os recursos educacionais disponibilizados<br/> podem ser de dois tipos:</h3>
+ </Grid>
+ </Grid>
+ <Grid className="box-text1" container spacing={1}>
+ <Grid className="text" item xs={8}>
+ <div className="content">
+ <img src={Aberto} alt="Aberto"/>
+ <p><strong>Abertos</strong>: recursos sem nenhuma restrição de acesso e<br/> com flexibilidade quanto ao uso ou reuso.</p>
+ </div>
+ <div className="content">
+ <img src={Fechado} alt="Fechado"/>
+ <p><strong>Fechados</strong>: recursos com alguma restrição de acesso, uso<br/> ou reuso, como aqueles que, para acesso, há demanda de<br/> cadastro ou que têm licenças restritivas.</p>
+ </div>
+ </Grid>
+ <Grid className="box-text2" item xs={4}>
+ <div className="content">
+ <img src={Arrow_down} alt="Arrow_down"/>
+ <p>Como repositório, a Plataforma hospeda somente Recursos Educacionais Abertos (REA). Todo conteúdo inserido por usuários deve ser aberto.</p>
+ </div>
+ <div className="content">
+ <img className="twoArrow" src={Arrow_double}/>
+ <p>Como referatório, a Plataforma aponta links para parceiros, e<br/> esses recursos podem ser abertos ou fechados.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ <div>
+ <Slide>
+ <div class="tmpl4">
+ <div class="container">
+ <Grid container spacing={5}>
+ <Grid item xs={6}>
+ <h2>Como se cadastrar?</h2>
+ <div>
+ <p>Para criar uma conta, o usuário deverá clicar no botão “Cadastre-se†na página inicial da Plataforma e fazer um cadastro utilizando um endereço de e-mail e criando uma senha.</p>
+ </div>
+ </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img style={{width:"150px",height:"150px"}} src={Pessoa} alt="Pessoa" /> </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img style={{width:"150px",height:"150px"}} src={Email} alt="Email" /> </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img style={{width:"150px",height:"150px"}} src={Seguranca} alt="Seguranca" /> </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ <div>
+ <Slide>
+ <div class="tmpl5">
+ <div class="container">
+ <Grid container justify="space-evenly" spacing={12}>
+ <Grid style={{paddingRight: "40px"}} item xs={6}>
+ <div class="title">
+ <img src={Like} alt= "Like"/>
+ <h2>O que publicar?</h2>
+ </div>
+ <img src={Line} alt="Line"/>
+ <div class="box-text">
+ <p>Conteúdos de cunho educacional e pertinentes ao assunto no qual estão inseridos, de autoria do usuário, de autoria coletiva (com consentimento dos demais autores) ou que estejam no domÃnio público. </p>
+ </div>
+ </Grid>
+ <Grid item xs={6}>
+ <div class= "title">
+ <img src={Unlike} alt="Unlike"/>
+ <h2>O que não publicar?</h2>
+ </div>
+ <img src={Line} alt="Line"/>
+ <div class="box-text">
+ <p>Materiais ofensivos, pornográficos, relacionados a atividades ilegais, que invadam a privacidade de terceiros, que violem a legislação de Direito Autoral ou os Direitos Humanos. Propagandas, conteúdos com vÃrus, spam ou comentários abusivos.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ <div>
+ <Slide>
+ <div className="tmpl6">
+ <div className="container">
+ <Grid container>
+ <Grid className="box-text-1" item xs={7}>
+ <h3>Direitos do autor e licenças de uso</h3>
+ <p>Ao inserir um novo material de sua autoria no Repositório, o usuário deverá escolher um dos tipos de licença aberta disponÃveis na Plataforma:</p>
+ <div className="licences">
+ <Grid className="row" container>
+ <Grid item xs={6}>
+ <p>CC-BY</p>
+ </Grid>
+ <Grid item xs={6}>
+ <p>CC-BY-SA</p>
+ </Grid>
+ </Grid>
+ <Grid className="row" container>
+ <Grid item xs={6}>
+ <p>CC-BY-NC</p>
+ </Grid>
+ <Grid item xs={6}>
+ <p>CC-BY-NC-SA</p>
+ </Grid>
+ </Grid>
+ </div>
+ </Grid>
+ <Grid className="box-text-2" item xs={5}>
+ <Grid className="row" container>
+ <Grid item xs={2}>
+ <p className="licenses_type">CC-BY</p>
+ </Grid>
+ <Grid item xs={10}>
+ <p> significa que o autor permite que distribuam, remixem, adaptem e criem a partir do seu trabalho, desde que lhe atribuam o devido crédito pela criação original</p>
+ </Grid>
+ </Grid>
+ <Grid className="row" container>
+ <Grid item xs={2}>
+ <p className="licenses_type">NC</p>
+ </Grid>
+ <Grid item xs={10}>
+ <p> indica que as criações elaboradas a partir do trabalho do autor podem ser utilizadas somente para fins não comerciais (se não houver esta especificação, o novo recurso poderá ser utilizado para fins comerciais)</p>
+ </Grid>
+ </Grid>
+ <Grid className="row" container>
+ <Grid item xs={2}>
+ <p className="licenses_type">SA</p>
+ </Grid>
+ <Grid item xs={10}>
+ <p> quer dizer que as novas criações devem ser licenciadas sob termos idênticos aos do trabalho original</p>
+ </Grid>
+ </Grid>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ <div>
+ <Slide>
+ <div class="tmpl7">
+ <div class="container">
+ <Grid container>
+ <Grid className="title" item xs={4}>
+ <h2>Respeitamos<br/> a sua privacidade</h2>
+ </Grid>
+ <Grid className="box-text" item xs={8}>
+ <p>Além de solicitar alguns dados pessoais para o cadastro, a Plataforma coleta, de forma automática, os dados não pessoais relativos à interação dos usuários no sistema. Esses dados nunca serão fornecidos para fins comerciais, assim como nunca serão compartilhados quaisquer dados pessoais que possam identificar o usuário.</p>
+ <p>Os dados anônimos poderão ser utilizados para fins de melhoria da plataforma, transparência e para o uso em pesquisas.</p>
+ </Grid>
+ </Grid>
+ <div class="rodape col-md-12">
+ <p>Dúvidas? Leia a Ãntegra dos <span ng-click="hide()">Termos de Uso</span> ou fale conosco por meio do <span ui-sref="contato">formulário de contato</span>.</p>
+ </div>
+ </div>
+ </div>
+ </Slide>
+ </div>
+ </CarouselStyled>
+ )
+ }
+}
+
+export default TermsCarousel;
diff --git a/src/Components/ExpansionPanels.js b/src/Components/ExpansionPanels.js
new file mode 100644
index 0000000000000000000000000000000000000000..415e8a0e0fdb9f77f8078a02051552a12fffba78
--- /dev/null
+++ b/src/Components/ExpansionPanels.js
@@ -0,0 +1,520 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
+
+
+import React, {Component} from 'react';
+import ExpansionPanel from '@material-ui/core/ExpansionPanel';
+import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
+import Typography from '@material-ui/core/Typography';
+import { Link } from 'react-router-dom'
+import Grid from '@material-ui/core/Grid';
+import AddIcon from '@material-ui/icons/Add';
+import RemoveIcon from '@material-ui/icons/Remove';
+
+import styled from 'styled-components';
+import { makeStyles } from '@material-ui/styles';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+
+
+
+const ExpansionPanelTeste = styled(ExpansionPanel)`
+
+ .MuiExpansionPanel-root:expanded{
+ background-color: black !important;
+ }
+
+`
+const ExpansionPanelSummaryColorido = styled(ExpansionPanelSummary)`
+
+
+ background-color:#e5e5e5 !important;
+
+ .MuiExpansionPanel-root {
+ background-color: #00BCD4 !important;
+ }
+
+
+`
+const ExpansionPanelDetailsColorido = styled(ExpansionPanelDetails)`
+
+ background-color: #fff;
+ font-size: 15px;
+`
+
+
+const TypographyColorido = styled(Typography)`
+
+ color: #666 !important;
+ font-size: 16px !important;
+ font-weight: 400 !important;
+`
+
+const AColorido = styled.a`
+ color: #00BCD4;
+ text-decoration:none;
+
+`
+
+
+
+export default function SimpleExpansionPanel() {
+
+
+ return (
+ <div >
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon=<ExpandMoreIcon/>
+ aria-controls="panel1a-content"
+ id="panel1a-header"
+ >
+ <TypographyColorido >1. CaracterÃsticas da <strong>Plataforma Integrada de RED do MEC</strong></TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido >
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> é um é sÃtio (website) em formato de plataforma
+ interativa colaborativa para propiciar a formação de uma rede de pessoas interessadas em usar, criar e compartilhar recursos e materiais educacionais. Seu objetivo é reunir e disponibilizar conteúdos do acervo do MEC, antes distribuÃdos em diferentes portais (Portal do Professor, Banco Internacional de Objetos Educacionais, DomÃnio Público e TV Escola), conteúdo de organizações parceiras, bem como fomentar espaços de participação, criação e compartilhamento de conhecimento entre usuários para temas relacionados à educação básica brasileira. A <strong>Plataforma Integrada de RED do MEC</strong> foi criada em software livre, cujas informações para desenvolvedores estão disponÃveis em <AColorido href="https://gitlab.c3sl.ufpr.br/portalmec" target="_blank">gitlab.c3sl.ufpr.br/portalmec</AColorido>.</p>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> funciona ao mesmo tempo como repositório e referatório:</p>
+ <ul>
+ <li>
+ <p>Repositório: sÃtio na web que armazena conteúdos diversos (texto, áudio, vÃdeo, multimÃdia, etc.). Ou seja, um repositório efetivamente guarda uma cópia do recurso educacional. Todos os conteúdos depositados na <strong>Plataforma Integrada de RED do MEC</strong> têm uma licença livre e são considerados Recursos Educacionais Abertos. (Veja a seção 4, “Licença de uso do conteúdoâ€).</p>
+ </li>
+ <li>
+ <p>Referatório: sÃtio na web que indica ou aponta para conteúdos diversos em sites externos, sem armazená-los. Nesse caso, o conteúdo não está armazenado na <strong>Plataforma Integrada de RED do MEC</strong>, que somente indica a localização do recurso através de um link. Os conteúdos referenciados podem ser fechados ou abertos. (Veja a seção 4 “Licença de uso do conteúdoâ€).</p>
+ </li>
+ </ul>
+ <p>No que se refere ao Repositório, a <strong>Plataforma Integrada de RED do MEC</strong> disponibiliza recursos educacionais digitais e materiais de formação de seu acervo e também permite que usuários (pessoas fÃsicas) depositem (publiquem, façam upload) seus recursos e materiais para serem armazenados, desde que façam seu cadastro, disponibilizem as informações necessárias no momento da publicação e respeitem as regras estabelecidas neste Termo.</p>
+ <p>Os usuários terão acesso a uma variedade de recursos on-line. Para além, mediante cadastro, terão a sua disposição um maior número de funcionalidades, incluindo ferramentas de comunicação e interação, mecanismos de consulta, poderão fazer upload e download de recursos educacionais digitais. Poderão utilizar serviços relacionados à criação, à consulta e ao acompanhamento de coleções de recursos educacionais digitais de outros usuários, dentre outras funcionalidades. Professores cadastrados e identificados poderão ainda fazer upload de RED.</p>
+ <p>No que se refere ao Referatório, a <strong>Plataforma Integrada de RED do MEC</strong> indica e organiza links externos para recursos e materiais de terceiros. Os recursos serão disponibilizados mediante a adesão aos critérios especÃficos levantados pelo MEC. Para mais informações, utilize a página de <AColorido href="contato">Contato</AColorido> da plataforma.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>A Plataforma MEC RED reúne e disponibiliza conteúdos do acervo do MEC que antes estavam distribuÃdos em diferentes portais.</p>
+ <p>Esses conteúdos podem estar armazenados na própria Plataforma, ou podem estar em sites externos, sendo indicados pela Plataforma e acessados por meio dela. </p>
+ <p>Além disso, a Plataforma propicia a formação de uma rede interessada em usar, criar e compartilhar recursos e materiais educacionais.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel2a-content"
+ id="panel2a-header"
+ >
+ <TypographyColorido >2. Cadastro e segurança</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div>
+ <p>A realização de cadastro pode ser exigida como condição para a utilização de determinados ambientes, recursos ou ferramentas. O cadastramento de um usuário só será finalizado ao serem preenchidos todos os campos indicados como obrigatórios. Para o registro de sua conta, o usuário deverá indicar uma senha e uma identificação, tornando-se responsável por mantê-las em sigilo, assumindo a total responsabilidade pelas atividades que se realizam por meio dela. O usuário compromete-se igualmente em sair ("deslogar") de sua conta ao final de cada sessão.</p>
+ <p>Além das informações básicas, aos professores que quiserem ter a sua identidade verificada - o que o permitirá depositar recursos na plataforma (fazer upload) - será necessário identificar a escola da rede em que atua. A mesma informação será verificada a partir dos dados do Censo Escolar.</p>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> não se responsabiliza pelas informações inseridas por seus usuários. Os usuários garantem e respondem, em qualquer caso, pela veracidade, exatidão e autenticidade dos dados pessoais cadastrados. A <strong>Plataforma Integrada de RED do MEC</strong> se reserva o direito de conferir a identificação de seus usuários, bem como de solicitar dados adicionais e documentos que julgue pertinentes, a fim de verificar os dados pessoais informados caso julgue necessário.</p>
+ <p>Para acessar sua conta, o usuário deverá identificar-se por meio de e-mail e senha. O usuário compromete-se a não informar a terceiros sua senha, responsabilizando-se integral e exclusivamente pelo uso que dela seja feito e pelas operações efetuadas em sua conta.</p>
+ <p>O usuário compromete-se a notificar a <strong>Plataforma Integrada de RED do MEC</strong>, por meio da funcionalidade “Contatoâ€, sobre qualquer uso não autorizado de sua conta, assim como sobre o seu acesso por terceiros não autorizados.</p>
+ <p>Contas de usuários com informações consideradas inadequadas pela <strong>Plataforma Integrada de RED do MEC</strong>, conforme as cláusulas destes Termos de Uso, poderão ser desativadas, removidas ou ter seu conteúdo bloqueado por decisão do Ministério da Educação. O usuário será notificado através do seu e-mail de cadastro.</p>
+ <p>A criação de conta ou a disponibilização de conteúdo na <strong>Plataforma Integrada de RED do MEC</strong> não geram nenhum direito de suporte técnico ou de indenização por dificuldades técnicas ou falhas nos sistemas. O cancelamento, a suspensão, a perda de dados armazenados, a indisponibilidade ou outra situação adversa que afete o acesso, os dados ou o conteúdo do usuário não ensejarão qualquer tipo de reparação, compensação ou outra obrigação.</p>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> não se responsabiliza por qualquer dano, prejuÃzo ou perda no equipamento do usuário causado por falhas no sistema, no servidor ou na internet decorrentes de condutas de terceiros, de vÃrus por acesso, da utilização ou navegação na internet ou da transferência de dados.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Para utilizar determinados recursos e ferramentas, o usuário precisa efetuar o cadastro no sistema, informando um e-mail válido e cadastrando uma senha.</p>
+ <p>O usuário é o único responsável pelas informações que fornece. E a Plataforma MEC RED se reserva o direito de conferir a veracidade desses dados, caso julgue necessário.</p>
+ <p>Se houver qualquer tipo de acesso e uso não autorizado em sua conta, o usuário compromete-se a notificar a Plataforma por meio da funcionalidade “Reportarâ€.</p>
+ <p>A criação de conta não gera direito à suporte técnico ou indenização por dificuldades técnicas ou falhas no sistema.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel3a-content"
+ id="panel3a-header"
+ >
+ <TypographyColorido >3. Publicações de usuários</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div>
+ <p>O conteúdo disponibilizado pelo usuário é de inteira responsabilidade do usuário, não sendo a <strong>Plataforma Integrada de RED do MEC</strong> responsável por quaisquer fatos decorrentes de sua utilização.</p>
+ <p>Os recursos publicados devem ter cunho educacional, mantendo-se dentro do assunto em que estão inseridos, em conformidade com estes Termos de Uso.</p>
+ <p>Todas as informações publicadas na <strong>Plataforma Integrada de RED do MEC</strong>, como os metadados (descritivos dos recursos), comentários e discussões inseridas são consideradas públicas, visÃveis por qualquer pessoa, sem nenhum tipo de confidencialidade. Não serão aceitos materiais que contenham vocabulário ofensivo ou desrespeitoso a terceiros, incluindo ofensas, calúnias, injúrias e difamações. Também não serão permitidos materiais que invadam a privacidade de terceiros, que sejam ameaçadoras, preconceituosas ou racistas.</p>
+ <p>Caso o usuário entenda que alguma postagem, material, notÃcia, comentário ou outro conteúdo disponibilizado na <strong>Plataforma Integrada de RED do MEC</strong> violem algum direito seu, a legislação aplicável ou as cláusulas deste Termos de Uso, deverá notificar a <strong>Plataforma Integrada de RED do MEC</strong> por meio da funcionalidade “Reportar†ou, quando não houver, através do formulário de Contato.</p>
+ <p>O spam (mensagens não solicitadas) ou o abuso em comentários poderão ser ativamente prevenidos através do bloqueio de palavras e expressões predeterminadas, ou excluÃdos posteriormente, sendo cabÃvel a remoção da conta do usuário, no caso de tentativas de violação sistemática e repetitiva destes Termos de Uso, incluindo a reintrodução de material que já tenha sido previamente bloqueado ou excluÃdo.</p>
+ <p>Conteúdos com informações consideradas inadequadas pela <strong>Plataforma Integrada de RED do MEC</strong>, conforme as cláusulas destes Termos de Uso, poderão ser removidos por decisão do Ministério da Educação e o usuário será notificado através do seu e-mail de cadastro.</p>
+ <h6 style={{fontSize:"18px",marginBlock:"10px"}} >3.1 É permitido ao usuário:</h6>
+ <ul>
+ <li>
+ <p>Depositar (publicar) recurso ou material de sua autoria ou de autoria coletiva, com anuência dos demais autores, que esteja em domÃnio público, ou para o qual há anuência dos autores originais, desde que os dados sejam corretamente preenchidos nos campos descritivos (metadados) indicados para preenchimento das informações sobre os recursos;</p>
+ </li>
+ <li>
+ <p>Nos comentários, contatos e comunicações, é fundamental ser cortês e tratar os demais usuários com respeito;</p>
+ </li>
+ <li>
+ <p>O usuário poderá sugerir links para outros sites, desde que tenham relação direta com o assunto abordado.</p>
+ </li>
+ </ul>
+ <h6 style={{fontSize:"18px",marginBlock: "10px"}}>3.2 É vedado ao usuário:</h6>
+ <ul>
+ <li>
+ <p>Transmitir, exibir, enviar, ou de qualquer outra forma, disponibilizar conteúdo que contenha material pornográfico e/ou atividades ilegais relativas a menores de 18 anos (consoante o <AColorido href="http://www.planalto.gov.br/ccivil_03/leis/L8069.htm" target="_blank">Estatuto da Criança e do Adolescente</AColorido>), que invada a privacidade de terceiros, que tenha cunho comercial, viole os <AColorido href="http://www.onu.org.br/img/2014/09/DUDH.pdf" target="_blank">Direitos Humanos</AColorido> ou seja ilegal, ofensivo, ameaçador, que incite a violência, seja vulgar, preconceituoso ou racista (como descrito nos artigos 138-140 do Código Penal Brasileiro), ou de qualquer forma seja contrário às cláusulas destes Termos de Uso;</p>
+ </li>
+ <li>
+ <p>Assumir a identidade de outra pessoa, fÃsica ou jurÃdica; forjar cabeçalhos, ou de qualquer outra forma manipular identificadores, a fim de disfarçar a origem de qualquer material contido na plataforma, com sentido de desmoralizar, desprestigiar ou se fazer passar pela <strong>Plataforma Integrada de RED do MEC</strong>;</p>
+ </li>
+ <li>
+ <p>Disponibilizar conteúdo em desconformidade com a <AColorido href="http://www.planalto.gov.br/ccivil_03/leis/L9610.htm" target="_blank">legislação de Direito Autoral</AColorido>, incluindo conteúdo que viole marca registrada, patente, segredo de negócio, direito autoral ou qualquer outro direito de terceiro; disponibilizar conteúdo com qualquer tipo de propaganda, material promocional, spam (mensagens não solicitadas), correntes ou esquemas de pirâmide;</p>
+ </li>
+ <li>
+ <p>Disponibilizar conteúdo que contenha vÃrus ou qualquer outro código, arquivo ou programa de computador, com o propósito de interromper, destruir ou limitar a funcionalidade de qualquer software, hardware ou equipamento de telecomunicações;</p>
+ </li>
+ <li>
+ <p>Interferir ou interromper os serviços, as redes ou os servidores conectados à plataforma de modo a dificultar a utilização e o aproveitamento dos serviços por outros usuários, bem como obter ou tentar obter acesso não autorizado à plataforma;</p>
+ </li>
+ <li>
+ <p>Pedir votos, mencionar número de candidato ou expressar qualquer outra manifestação que se caracterize como propaganda polÃtica ou que viole as normas eleitorais.</p>
+ </li>
+ </ul>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>O conteúdo disponibilizado pelo usuário é de sua inteira responsabilidade. Os recursos publicados tevem ter cunho educacional, em conformidade com estes Termos.</p>
+ <p>Todas informações publicadas na Plataforma MEC RED são cosideradas públicas, visÃveis por qualquer pessoa.</p>
+ <p>Não serão aceitos materiais com vocabulário ofensivo ou que invadam a privacidade de terceiros.</p>
+ <p>Caso o usuário entenda que algum conteúdo disponibilizado viole um direito ou as cláusulas deste Termo de Uso, deverá notificar a Plataforma por meio da funcionalidade “Reportarâ€.</p>
+ <p>O usuário poderá ter a sua conta removida em casos de violações sistemáticas destes Termos de Uso.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel4a-content"
+ id="panel4a-header"
+ >
+ <TypographyColorido >4. Licença de uso do conteúdo</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong>, entendida como obra intelectual em seu conjunto, é de titularidade do Ministério da Educação. Sua disponibilização ocorrerá de acordo com os termos da <AColorido href="https://creativecommons.org/licenses/by-sa/4.0/deed.pt_BR" target="_blank">Licença Pública Creative Commons do tipo CC BY-SA</AColorido>, exceto nos casos em que for indicado de outra forma.</p>
+ <p>A licença CC BY SA é uma licença aberta e permite que seja feita cópia, redistribuição, adaptação e criação de obras derivadas, inclusive uso comercial, desde que o autor seja referenciado e que a licença da obra derivada seja também CC BY SA, garantindo o constante caráter aberto das produções.</p>
+ <p>Aplica-se aos códigos de software desenvolvidos pela <strong>Plataforma Integrada de RED do MEC</strong> a <AColorido href="https://www.gnu.org/licenses/gpl.html" target="_blank">Licença Pública Geral Affero GNU GPL</AColorido> (veja a tradução livre <AColorido href="https://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">aqui</AColorido>), que visa garantir a liberdade de compartilhar e de modificar softwares livres.</p>
+ <p>O usuário que utilizar a <strong>Plataforma Integrada de RED do MEC</strong> como repositório, ou seja, para armazenamento de conteúdo, garante que detém todos os direitos e autorizações para a publicação do conteúdo e deverá escolher uma das licenças Creative Commons elencadas no formulário no momento de cadastro do material. As licenças Creative Commons relacionadas abaixo serão aceitas na <strong>Plataforma Integrada de RED do MEC</strong>, pois garantem o devido crédito pela criação original do usuário e permitem as seguintes ações de uso:</p>
+ <ul>
+ <li>
+ <p><strong>CC-BY</strong>: esta licença permite que outros distribuam, remixem, adaptem e criem a partir do seu trabalho, mesmo para fins comerciais, desde que lhe atribuam o devido crédito pela criação original.</p>
+ </li>
+ <li>
+ <p><strong>CC-BY-SA</strong>: esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho, mesmo para fins comerciais, desde que lhe atribuam o devido crédito e que licenciem as novas criações sob termos idênticos.</p>
+ </li>
+ <li>
+ <p><strong>CC-BY-NC</strong>: esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho para fins não comerciais e, embora os novos trabalhos tenham de lhe atribuir o devido crédito e não possam ser usados para fins comerciais, os usuários não têm de licenciar esses trabalhos derivados sob os mesmos termos.</p>
+ </li>
+ <li>
+ <p><strong>CC-BY-NC-SA</strong>: esta licença permite que outros remixem, adaptem e criem a partir do seu trabalho para fins não comerciais, desde que atribuam o devido crédito e que licenciem as novas criações sob termos idênticos.</p>
+ </li>
+ </ul>
+ <p>Cabe ao Usuário verificar a compatibilidade da licença do material obtido na <strong>Plataforma Integrada de RED do MEC</strong> para utilizar em outras produções. Para consultar a compatibilidade das licenças Creative Commons, há uma ferramenta disponÃvel no site <AColorido href="http://aberta.org.br/compatibilidade/" target="_blank">Iniciativa Educação Aberta</AColorido>.</p>
+ <p>O usuário da <strong>Plataforma Integrada de RED do MEC</strong> responde por todo o conteúdo publicado por meio de seu perfil, inclusive no que diz respeito à violação dos direitos autorais relacionados a tais postagens. Ao inserir um conteúdo de sua autoria para armazenamento, o usuário concorda e autoriza o licenciamento ao escolher uma das licenças abertas descritas no formulário de publicação, de forma a permitir não só o seu reconhecimento pleno de autoria, como também a possibilidade de replicação, reedição e reformulação de suas postagens por terceiros, com o objetivo de possibilitar o compartilhamento e a reutilização de conteúdo educacional.</p>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> poderá disponibilizar endereços eletrônicos de outros sÃtios externos, por meio de links, o que não significa que estes sejam de sua propriedade ou por ele operados. A presença de links para outros sites não implica relação de sociedade ou de supervisão da <strong>Plataforma Integrada de RED do MEC</strong> com esses sites e seus conteúdos. Os campos descritivos de cada recurso conterão informações especÃficas sobre as licenças dos mesmos. Cabe ao usuário verificar a licença de cada recurso.</p>
+ <p>É vedado o uso não autorizado da obra ou seu uso em desconformidade com a legislação autoral e com os termos da licença mencionada.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE.</p>
+ <p>A Plataforma MEC RED, por ser entendida como obra intelectual, possui uma licença aberta de uso que permite a reutilização e o compartilhamento do conteúdo, inclusive para uso comercial, desde que o autor seja referenciado. Além disso, no caso de obras derivadas, a licença deverá ser a mesma da obra original.</p>
+ <p>Os códigos de software desenvolvidos para a Plataforma, possuem uma licença pública, de software livre, que garante a liberdade de compartilhamento e modificação dos mesmos.</p>
+ <p>Os conteúdos publicados e armazenados na Plataforma pelos usuários, serão sempre abertos, sendo permitidas ações de edição e compartilhamento desde que o autor seja referenciado. Cabe ao usuário decidir se o recurso poderá ser utilizado somente para fins não comerciais e se os trabalhos derivados deverão ter os termos idênticos ao original, selecionando uma das opções de licença disponÃveis no momento de upload do recurso.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel5a-content"
+ id="panel5a-header"
+ >
+ <TypographyColorido >5. Práticas de uso e armazenamento</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div>
+ <p>A depender da capacidade de espaço no servidor, a <strong>Plataforma Integrada de RED do MEC</strong> poderá retirar conteúdos armazenados na plataforma, observados os critérios de antiguidade e do tamanho dos arquivos disponibilizados, mediante notificação e justificativa ao usuário.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>O usuário será notificado caso algum conteúdo tenha que ser retirado da Plataforma por falta de espaço no servidor.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel6a-content"
+ id="panel6a-header"
+ >
+ <TypographyColorido >6. Privacidade da informação</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> tomará todas as medidas possÃveis para manter a confidencialidade e a segurança de suas informações. No entanto, a <strong>Plataforma Integrada de RED do MEC</strong> não responderá por prejuÃzos que possam ser derivados da violação dessas medidas por parte de terceiros que subvertam os sistemas de segurança para acessar as informações de Usuários.</p>
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> solicitará alguns dados pessoais para seu cadastro. Além disso, dados sobre a interação dos usuários e seu comportamento na plataforma são coletados de maneira automática. Esses dados nunca serão vendidos, alugados, trocados ou fornecidos para fins comerciais. No entanto, o MEC poderá colaborar com instituições públicas parceiras, como universidades, para análise desses dados bem como de qualquer conteúdo da plataforma para para fins de pesquisa, divulgação e melhoria dos serviços. Dados pessoais que possam identificá-lo nunca serão compartilhados.</p>
+ <p>Dados que não identificam o usuário serão armazenados indefinidamente para fins de pesquisa.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Para manter a confidencialidade e a segurança dos dados, a Plataforma MEC RED tomará todas as medidas possÃveis.</p>
+ <p>Os dados sobre interação e comportamento dos usuários nunca serão comercializados, mas poderão ser analisados para fins de pesquisa, divulgação e melhorias, sem a identificação dos usuários.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel7a-content"
+ id="panel7a-header"
+ >
+ <TypographyColorido >7. Violação no sistema ou na base de dados</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>O responsável por qualquer intromissão, ou tentativa de intromissão, na <strong>Plataforma Integrada de RED do MEC</strong> ou por atividade que viole ou contrarie as disposições legais aplicáveis ou as cláusulas destes Termos de Uso estará sujeito à aplicação das sanções previstas neste instrumento, das ações legais pertinentes e indenizações por eventuais danos causados.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Serão aplicadas as sanções previstas ou as ações legais ao responsável por intromissão, ou tentativa de intromissão, na Plataforma MEC RED.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel8a-content"
+ id="panel8a-header"
+ >
+ <TypographyColorido >8. Sanções</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>Sem prejuÃzo de outras medidas, a <strong>Plataforma Integrada de RED do MEC</strong> poderá advertir, bloquear, desativar ou remover, temporária ou definitivamente, a conta e conteúdos disponibilizados por um usuário, em qualquer momento, e iniciar as ações legais cabÃveis caso:</p>
+ <ul>
+ <li>
+ <p>o usuário não cumprir qualquer dispositivo destes Termos de Uso;</p>
+ </li>
+ <li>
+ <p>o usuário praticar atos fraudulentos ou dolosos;</p>
+ </li>
+ <li>
+ <p>o MEC entender que as postagens, o conteúdo disponibilizado ou qualquer atitude do usuário tenham causado algum dano a terceiros ou à própria Plataforma, ou tenham a potencialidade de assim o fazer.</p>
+ </li>
+ </ul>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>No caso do usuário não cumprir qualquer item destes Termos, praticar atos fraudulentos ou dolosos ou causar dano a alguém ou à Plataforma MEC RED, sua conta poderá ser bloqueada, desativada ou removida, em caráter temporário ou definitivo.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel9a-content"
+ id="panel9a-header"
+ >
+ <TypographyColorido >9. Limitações de responsabilidade</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>Em nenhuma situação a <strong>Plataforma Integrada de RED do MEC</strong> e o Ministério da Educação serão responsáveis por quaisquer danos, prejuÃzos ou outro efeito, direto ou indireto, relacionados ao uso, por parte de seus usuários, leitores ou de qualquer outra pessoa, deste sÃtio, de seu conteúdo ou de qualquer outro website mencionado.</p>
+ <p>O usuário reconhece que será integralmente responsável pelos materiais enviados à <strong>Plataforma Integrada de RED do MEC</strong> e se compromete a responder por quaisquer reivindicações, demandas, penalidades e todos os danos, perdas e despesas, causados à <strong>Plataforma Integrada de RED do MEC</strong>.</p>
+ <p>Todo autor de conteúdo exibido na <strong>Plataforma Integrada de RED do MEC</strong> retém os seus direitos e responsabilidades autorais, nos termos da Lei n. 9.610/1998, sem prejuÃzo dos termos de licenciamento de livre uso, conforme exposto nestes Termos de Uso, no item “Licença de uso do conteúdoâ€.</p>
+ <p>Se o usuário verificar que qualquer comentário ou participação na <strong>Plataforma Integrada de RED do MEC</strong> infringem um direito de sua titularidade ou de um terceiro, deverá entrar em contato imediatamente na forma indicada neste mesmo documento, no item “Como reportar violaçõesâ€.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>A Plataforma MEC RED e o Ministério da Educação não serão responsáveis por danos, prejuÃzos ou outro efeito relacionados ao uso da Plataforma por parte de qualquer pessoa.</p>
+ <p>O usuário é integralmente responsável pelos materiais enviados e por qualquer conteúdo publicado, se comprometendo a responder por eles, quando necessário.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel10a-content"
+ id="panel10a-header"
+ >
+ <TypographyColorido >10.Inexistência de vÃnculo</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>A adesão a estes Termos de Uso pelo usuário não gera nenhum contrato, mandato, franquia ou vÃnculo de tipo trabalhista, societário, de parceria ou associativo entre a <strong>Plataforma Integrada de RED do MEC</strong> e o usuário.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Não há nenhum tipo de vÃnculo (trabalhista, parceria, etc) entre a Plataforma e o usuário.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel11a-content"
+ id="panel11a-header"
+ >
+ <TypographyColorido >11. Como reportar violações</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>Nem todo o conteúdo disponibilizado pelo usuário nas áreas de comentário e debates é lido pela administração da <strong>Plataforma Integrada de RED do MEC</strong>.</p>
+ <p>Se algum artigo, notÃcia, comentário ou outro conteúdo da <strong>Plataforma Integrada de RED do MEC</strong> violar qualquer direito do usuário, de terceiros ou a legislação aplicável, o usuário poderá usar a funcionalidade "Reportar" nas páginas que houver essa opção ou, quando não houver, entrar em contato com a administração da <strong>Plataforma Integrada de RED do MEC</strong> pelo formulário de “Contatoâ€, mencionando de forma especÃfica e detalhada a violação.</p>
+ <p>De posse das informações, a <strong>Plataforma Integrada de RED do MEC</strong> poderá analisar e resolver a questão tão breve quanto possÃvel. Caso a informação esteja incompleta, ou com detalhamento insuficiente, a <strong>Plataforma Integrada de RED do MEC</strong> poderá entrar em contato para solicitar a complementação, possivelmente atrasando a providência desejada.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>O usuário poderá reportar,
utilizando a funcionalidade “Reportar†ou pelo formulário de “Contatoâ€, qualquer tipo de conteúdo publicado na Plataforma MEC RED que viole os direitos dos usuários, de terceiros ou a legislação aplicável.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel12a-content"
+ id="panel12a-header"
+ >
+ <TypographyColorido >12. Modificações nos Termos de Uso</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> poderá alterar, a qualquer tempo, estes Termos de Uso, mediante declaração pública no site, visando seu aprimoramento e melhoria dos serviços prestados. Os novos Termos de Uso entrarão em vigor a partir de sua publicação na plataforma. Usuários cadastrados receberão notificação dessa alteração no e-mail de cadastro e haverá divulgação/chamada na página principal do Sistema. No prazo de 72 (setenta e duas) horas, contadas a partir da publicação das modificações, o usuário poderá comunicar-se com a <strong>Plataforma Integrada de RED do MEC</strong>, caso não concorde com os novos Termos de Uso. Nesse caso, a conta do usuário será desativada. Não havendo manifestações no prazo estipulado, entender-se-á que o Usuário aceitou tacitamente os novos Termos de Uso.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Com o objetivo de melhorar os serviços prestados, estes Termos podem ser alterados, a qualquer tempo. Caso ocorra, os usuários serão notificados e terão um perÃodo para se manifestar em relação à s alterações.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+ <ExpansionPanelTeste>
+ <ExpansionPanelSummaryColorido
+ expandIcon={<ExpandMoreIcon />}
+ aria-controls="panel13a-content"
+ id="panel13a-header"
+ >
+ <TypographyColorido >13. Foro</TypographyColorido>
+ </ExpansionPanelSummaryColorido>
+ <ExpansionPanelDetailsColorido>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={7}>
+ <div >
+ <p>Para dirimir dúvidas ou litÃgios referentes à interpretação e ao cumprimento destes Termos de Uso, as partes se submeterão ao Foro da Justiça Federal, Seção Judiciária do Distrito Federal.</p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={4}>
+ <div style={{color:"#00BCD4",fontSize:"18px"}}>
+ <p>BASICAMENTE,</p>
+ <p>Em caso de dúvidas ou litÃgios, é preciso recorrer ao Foro da Justiça Federal.</p>
+ </div>
+ </Grid>
+ </Grid>
+ </ExpansionPanelDetailsColorido>
+ </ExpansionPanelTeste>
+
+ </div>
+ );
+}
diff --git a/src/Components/Modal.js b/src/Components/Modal.js
new file mode 100644
index 0000000000000000000000000000000000000000..e87d1eb991836523dcf88a57df59ff3a63cd3993
--- /dev/null
+++ b/src/Components/Modal.js
@@ -0,0 +1,110 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
+
+import React from 'react';
+import { makeStyles } from '@material-ui/styles';
+import Modal from '@material-ui/core/Modal';
+import TermsCarousel from './Carousel';
+import Backdrop from '@material-ui/core/Backdrop';
+import Grid from '@material-ui/core/Grid';
+import Fade from '@material-ui/core/Fade';
+import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined';
+import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
+import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
+import styled from 'styled-components'
+
+/*Importação de imagens para o componente*/
+import Handshake from "../img/termos/handshake.svg"
+import Pessoa from "../img/termos/Pessoa.svg"
+import Email from "../img/termos/Email.svg"
+import Seguranca from "../img/termos/Seguranca.svg"
+import Aberto from "../img/termos/Aberto.png";
+import Fechado from "../img/termos/Fechado.png";
+import Arrow_down from "../img/termos/Arrow_down.svg";
+import Arrow_double from "../img/termos/Arrow_double.svg";
+import Arrow_O from "../img/termos/Arrow_O que é a plataforma.png";
+import Arrow_O_1 from "../img/termos/Arrow_O que é a plataforma-1.png";
+import Like from "../img/termos/Like.svg";
+import Unlike from "../img/termos/Unlike.svg";
+import Line from "../img/termos/Line.svg";
+import Entenda from "../img/termos/Entenda.svg";
+import V from "../img/termos/V.svg";
+import OrthogonalLineUp from "../img/termos/OrthogonalLineUp.png"
+import OrthogonalLineDown from "../img/termos/OrthogonalLineDown.png"
+
+
+const useStyles = makeStyles(theme => ({
+ modal: {
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center"
+ },
+ paper: {
+ border: '2px solid #000',
+ boxShadow: " 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)"
+ },
+ carousel: {
+ width: "750px",
+ height:"370px",
+
+ }
+}));
+
+
+
+export default function TransitionsModal() {
+ const classes = useStyles();
+ const [open, setOpen] = React.useState(false);
+
+ const handleOpen = () => {
+ setOpen(true);
+ };
+
+ const handleClose = () => {
+ setOpen(false);
+ };
+
+ return (
+
+ <div style={{display:"flex", justifyContent: "center"}}>
+ <link href="https://fonts.googleapis.com/css?family=Kalam|Pompiere|Roboto&display=swap" rel="stylesheet"/>
+
+ <button style = {{background: "none",border: "none", color:"#fff",verticalAlign:"center"}} type="button" onClick={handleOpen}>
+ <VisibilityOutlinedIcon style={{verticalAlign:"middle"}}/> <spam style={{verticalAlign: "middle",fontWeight: "600",fontSize:"14px"}}>VEJA A VERSÃO RESUMIDA</spam>
+ </button>
+ <Modal
+ aria-labelledby="transition-modal-title"
+ aria-describedby="transition-modal-description"
+ className={classes.modal}
+ open={open}
+ onClose={handleClose}
+ closeAfterTransition
+ BackdropComponent={Backdrop}
+ BackdropProps={{
+ timeout: 500,
+ }}
+ >
+ <Fade in={open}>
+ <div>
+ <TermsCarousel/>
+ </div>
+ </Fade>
+ </Modal>
+ </div>
+ );
+}
diff --git a/src/Pages/Teste.js b/src/Pages/Teste.js
new file mode 100644
index 0000000000000000000000000000000000000000..38f6b4023ae3c9d8978f40b06474c06cc0a4215d
--- /dev/null
+++ b/src/Pages/Teste.js
@@ -0,0 +1,676 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
+
+import React, {Component} from 'react';
+import styled from 'styled-components';
+import Grid from '@material-ui/core/Grid';
+/*Importação de imagens para o componente*/
+import Handshake from "../img/termos/handshake.svg"
+import Pessoa from "../img/termos/Pessoa.svg"
+import Email from "../img/termos/Email.svg"
+import Seguranca from "../img/termos/Seguranca.svg"
+import Aberto from "../img/termos/Aberto.png";
+import Fechado from "../img/termos/Fechado.png";
+import Arrow_down from "../img/termos/Arrow_down.svg";
+import Arrow_double from "../img/termos/Arrow_double.svg";
+import Arrow_O from "../img/termos/Arrow_O que é a plataforma.png";
+import Arrow_O_1 from "../img/termos/Arrow_O que é a plataforma-1.png";
+
+
+const Slide = styled.div`
+
+position: absolute;
+height: 500px;
+width: 1366px;
+
+h2{
+ font-family: "Pompiere", regular;
+ font-size: 44px;
+ line-height: 120%;
+ color: #FFFFFF;
+}
+
+h3{
+ font-family: "Roboto", regular;
+ font-size: 27px;
+ line-height: 120%;
+ color: #FFFFFF;
+}
+
+p{
+ font-family: "Roboto", regular;
+ font-size: 20px;
+ line-height: 120%;
+ color: #FFFFFF;
+ text-align: left;
+}
+
+.container{
+ position: absolute;
+ height: auto;
+ width: auto;
+ margin: 70px 180px 90px;
+}
+
+
+.tmpl1{
+ background-color: #00BCD4;
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+
+
+ .box-text{
+ position: relative;
+ float: left;
+ padding-right: 10px;
+ padding-left: 10px;
+ }
+
+ .box-image{
+ position: relative;
+ float: right;
+ }
+}
+
+.tmpl2{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #673AB7;
+
+ .title{
+ padding-bottom: 50px;
+ }
+
+ .images{
+ position: relative;
+ display: table-row;
+ }
+
+ .arrow{
+ display: table-row;
+ position: absolute;
+ margin-left: 15px;
+ margin-top: -15px;
+ }
+
+ .circle{
+ display: table-row;
+ position: absolute;
+ margin-top: -100px;
+ margin-left: 755px;
+ }
+
+ .box-text{
+ p{
+ font-size: 18px;
+ line-height: 25px;
+ }
+
+ position: relative;
+
+ }
+
+
+}
+
+.tmpl3{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #E81F4F;
+
+ .title{
+ position: relative;
+ padding-left: 10px;
+ h3{
+ line-height: 40px;
+ }
+ }
+
+ .box-text1{
+ .text{
+ padding-top: 20px;
+ }
+
+ .content{
+ display: table-row;
+
+ p{
+ display: table-cell;
+ font-size: 18px;
+ line-height: 25px;
+ vertical-align: middle;
+ }
+
+ img{
+ position: relative;
+ left: 0;
+ margin-right: 20px;
+ display: table-cell;
+ vertical-align: middle;
+ margin: 10px 20px 10px -10px;
+ }
+ }
+
+ }
+
+ .box-text2{
+ top: -50px;
+ .content{
+ p{
+ padding-bottom: 20px;
+ }
+
+ img{
+ margin-left: -65px;
+ margin-top: 25px;
+ }
+
+ .twoArrow{
+ margin-top: -5px;
+ }
+ }
+
+
+ }
+
+
+
+}
+
+.tmpl4{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #FF7F00;
+
+ h2{
+ padding-bottom: 20px;
+ }
+
+ p{
+ font-size: 20px;
+ line-height: 25px;
+ vertical-align: middle;
+ }
+
+ .box-images{
+ height: inherit;
+ display: table-row;
+ padding-top: 50px;
+ }
+
+ img{
+ display: table-cell;
+ vertical-align: middle;
+ top: 40px;
+ }
+
+
+}
+
+.tmpl5{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #1AB9DE;
+
+ .title{
+ display: table-row;
+ align-items: center;
+
+ img{
+ display: table-cell;
+ margin-right: 30px;
+ }
+
+ h2{
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+ }
+ }
+
+ .box-text {
+ margin-top: 20px;
+ p{
+ font-size: 17px;
+ font-weight: 15px;
+ }
+ }
+
+}
+
+.tmpl6{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #673AB7;
+
+ .box-text-1{
+ h3{
+ margin-bottom: 20px;
+ font-size: 27px;
+ }
+ p{
+ margin-bottom: 20px;
+ font-size: 18px;
+ }
+
+
+ .licences{
+ padding: 35px 150px 50px 35px;
+ margin-top: 50pz;
+ background-image: url("../../img/termos/Entenda.svg");
+ background-repeat: no-repeat;
+ background-size: cover;
+ p::before{
+ content: url(../../img/termos/V.svg);
+ }
+ p{
+ padding-left: 20px;
+ font-family: "Kalam", regular;
+ font-size: 24px;
+ white-space: nowrap;
+ }
+ .row{
+ padding-bottom: 5px;
+ }
+ }
+ }
+
+
+ .box-text-2{
+ background-image: url("../../img/termos/OrthogonalLineUp.png"),url("../../img/termos/OrthogonalLineDown.png");
+ background-repeat: no-repeat;
+ background-position: left top, right bottom;
+ padding-top: 30px;
+ padding-left: 50px;
+ p{
+ font-size: 15px;
+ padding-bottom: 15px;
+ }
+
+ .licenses_type{
+ margin-left: -20px;
+ font-size: 22px;
+ font-weight: bold;
+ text-align: right;
+ white-space: nowrap;
+ }
+ }
+
+}
+
+.tmpl7{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #E81F4F;
+
+ .title{
+ h2{
+ font-family: Roboto;
+ font-size: 44px;
+ }
+ }
+
+ .box-text{
+ margin-top: 20px;
+ p{
+ line-height: 20px;
+ font-family: "Roboto";
+ font-size: 18px;
+ }
+ }
+
+ .rodape{
+ margin-top: 40px;
+ p{
+ line-height: 20px;
+ font-family: "Pompiere", regular;
+ font-size: 28px;
+ text-align: center;
+ }
+ span{
+ text-decoration: underline;
+ font-family: "Pompiere", regular;
+ line-height: 20px;
+ font-size: 28px;
+ cursor: pointer;
+ }
+ }
+}
+
+`
+
+
+
+
+const Slide1 = styled.div`
+
+ background:#00BCD4;
+ height:500px;
+ width:1366px;
+
+`
+
+
+
+const Slide3 = styled.div`
+
+ background:#e81f4f;
+ height:500px;
+ width:1366px;
+
+
+ .tmpl3{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #E81F4F;
+
+ .title{
+ position: relative;
+ padding-left: 10px;
+ h3{
+ line-height: 40px;
+ }
+ }
+
+ .box-text1{
+ .text{
+ padding-top: 20px;
+ }
+
+ .content{
+ display: table-row;
+
+ p{
+ display: table-cell;
+ font-size: 18px;
+ line-height: 25px;
+ vertical-align: middle;
+ }
+
+ img{
+ position: relative;
+ left: 0;
+ margin-right: 20px;
+ display: table-cell;
+ vertical-align: middle;
+ margin: 10px 20px 10px -10px;
+ }
+ }
+
+ }
+
+ .box-text2{
+ top: -50px;
+ .content{
+ p{
+ padding-bottom: 20px;
+ }
+
+ img{
+ margin-left: -65px;
+ margin-top: 25px;
+ }
+
+ .twoArrow{
+ margin-top: -5px;
+ }
+ }
+ }
+ }
+`
+
+
+const Slide4 = styled.div`
+
+
+ background:#ff7f00;
+ height:500px;
+ width:1366px;
+
+ position: absolute;
+ height: 500px;
+ width: 1366px;
+
+ .container{
+ position: absolute;
+ height: auto;
+ width: auto;
+ margin: 70px 180px 90px;
+ }
+ .tmpl4{
+ height: inherit;
+ width: inherit;
+ display: flex;
+ align-items: center;
+ background-color: #FF7F00;
+
+ h2{
+ padding-bottom: 20px;
+ font-family: Pompiere,regular;
+ font-size: 44px;
+ line-height: 120%;
+ color:#fff;
+ margin-top: 20px;
+ margin-bottom: 10px
+ }
+
+ p{
+ font-size: 20px;
+ line-height: 25px;
+ vertical-align: middle;
+ font-size: 20px;
+ font-family: Roboto,regular;
+ color:#fff;
+ margin: 0 0 10px;
+ text-align: left;
+ line-height: 25px;
+ padding-right: 10px;
+ }
+
+ .box-images{
+ height: inherit;
+ display: table-row;
+ padding-top: 50px;
+ }
+
+ img{
+ display: table-cell;
+ vertical-align: middle;
+ top: 40px;
+ }
+
+
+ }
+
+`
+
+
+
+
+class Teste extends Component {
+ render() {
+ return (
+ <div>
+ <link href="https://fonts.googleapis.com/css?family=Kalam|Pompiere|Roboto&display=swap" rel="stylesheet"/>
+
+ <Slide>
+ <div class="tmpl1">
+ <div class="container">
+ <Grid container spacing={0}>
+ <Grid item xs={6} >
+ <div class="box-text">
+ <p>A Plataforma Integrada MEC RED é parte do Compromisso 6 do 3º Plano de Ação da Parceria para Governo Aberto (OGP-Brasil), que tem por objetivo “incorporar na polÃtica educacional o potencial da cultura digital, de modo a fomentar a autonomia para uso, reuso e adaptação de recursos educacionais digitais, valorizando a pluralidade e a diversidade da educação brasileiraâ€.</p>
+ </div>
+ </Grid>
+ <Grid item xs={6}>
+ <div class="box-image">
+ <img src={Handshake} alt="handshake"/>
+ </div>
+ </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+
+ <Slide>
+ <div class="tmpl2">
+ <div class="container">
+ <div class="title">
+ <h2>O que é a Plataforma Integrada MEC RED e como ela está organizada?</h2>
+ <div class="images">
+ <div class="arrow">
+ <img src={Arrow_O} alt="Arrow_O"/>
+ </div>
+ <div class="circle">
+ <img src={Arrow_O_1} alt="Arrow_O_1"/>
+ </div>
+ </div>
+ </div>
+ <div class="box-text col-md-6">
+ <p>Uma plataforma interativa, colaborativa e criada em software livre, que disponibiliza conteúdos do acervo do MEC e indica conteúdos de parceiros com o objetivo de formar uma rede ativa de educadores interessados em usar, criar e compartilhar recursos educacionais digitais.</p>
+ </div>
+ <div class="box-text col-md-6">
+ <p><strong>Repositório</strong> de recursos educacionais digitais que permite aos usuários cadastrados a publicação de seus materiais e <strong>Referatório</strong> que aponta links para conteúdos em sites externos.</p>
+ </div>
+ </div>
+ </div>
+ </Slide>
+
+ <Slide3>
+ <div class="tmpl3">
+ <div class="container">
+ <div class="title">
+ <h3>As recursos educacionais disponibilizados<br/> podem ser de dois tipos:</h3>
+ </div>
+ <Grid container spacing={5}>
+
+
+ <Grid class="text" item md={8}>
+ <div class="content">
+ <img src={Aberto} alt="Aberto "/>
+ <p><strong>Abertos</strong>: recursos sem nenhuma restrição de acesso e<br/> com flexibilidade quanto ao uso ou reuso.</p>
+ </div>
+ <div class="content">
+ <img src={Fechado} alt="Fechado"/>
+ <p><strong>Fechados</strong>: recursos com alguma restrição de acesso, uso<br/> ou reuso, como aqueles que, para acesso, há demanda de<br/> cadastro ou que têm licenças restritivas.</p>
+ </div>
+ </Grid>
+
+
+
+ <Grid item md={4}>
+ <div class="content">
+ <img src={Arrow_down}/>
+ <p>Como repositório, a Plataforma hospeda somente Recursos Educacionais Abertos (REA). Todo conteúdo inserido por usuários deve ser aberto.</p>
+ </div>
+ <div class="content">
+ <img class="twoArrow" src={Arrow_double}/>
+ <p>Como referatório, a Plataforma aponta links para parceiros, e<br/> esses recursos podem ser abertos ou fechados.</p>
+ </div>
+ </Grid>
+
+
+ </Grid>
+ </div>
+ </div>
+ </Slide3>
+
+ <Slide>
+ <div class="tmpl4">
+ <div class="container">
+ <Grid container spacing={5}>
+ <Grid item xs={6}>
+ <h2>Como se cadastrar?</h2>
+ <div>
+ <p>Para criar uma conta, o usuário deverá clicar no botão “Cadastre-se†na página inicial da Plataforma e fazer um cadastro utilizando um endereço de e-mail e criando uma senha.</p>
+ </div>
+ </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img src={Pessoa} alt="Pessoa" /> </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img src={Email} alt="Email" /> </Grid>
+ <Grid item xs={2} style={{alignSelf:"center"}}> <img src={Seguranca} alt="Seguranca" /> </Grid>
+ </Grid>
+ </div>
+ </div>
+ </Slide>
+
+ <div style={{background:"#00BCD4", height:"500px", width:"1366px"}}>
+ <h2>O que publicar?</h2>
+
+ <p>Conteúdos de cunho educacional e pertinentes ao assunto no qual estão inseridos, de autoria do usuário, de autoria coletiva (com consentimento dos demais autores) ou que estejam no domÃnio público. </p>
+
+ <h2>O que não publicar?</h2>
+
+ <p>Materiais ofensivos, pornográficos, relacionados a atividades ilegais, que invadam a privacidade de terceiros, que violem a legislação de Direito Autoral ou os Direitos Humanos. Propagandas, conteúdos com vÃrus, spam ou comentários abusivos.</p>
+ </div>
+
+ <div style={{background:"#673ab7", height:"500px", width:"1366px"}}>
+ <h3>Direitos do autor e licenças de uso</h3>
+
+ <p>Ao inserir um novo material de sua autoria no Repositório, o usuário deverá escolher um dos tipos de licença aberta disponÃveis na Plataforma:</p>
+
+ <p>CC-BY</p>
+
+ <p>CC-BY-SA</p>
+
+ <p>CC-BY-NC</p>
+
+ <p>CC-BY-NC-SA</p>
+
+ <p>CC-BY</p>
+
+ <p> significa que o autor permite que distribuam, remixem, adaptem e criem a partir do seu trabalho, desde que lhe atribuam o devido crédito pela criação original</p>
+
+ <p>NC</p>
+
+ <p> indica que as criações elaboradas a partir do trabalho do autor podem ser utilizadas somente para fins não comerciais (se não houver esta especificação, o novo recurso poderá ser utilizado para fins comerciais)</p>
+
+ <p>SA</p>
+
+ <p> quer dizer que as novas criações devem ser licenciadas sob termos idênticos aos do trabalho original</p>
+ </div>
+
+ <div style={{background:"#e81f4f", height:"500px", width:"1366px"}}>
+ <h2>Respeitamos<br/> a sua privacidade</h2>
+
+ <p>Além de solicitar alguns dados pessoais para o cadastro, a Plataforma coleta, de forma automática, os dados não pessoais relativos à interação dos usuários no sistema. Esses dados nunca serão fornecidos para fins comerciais, assim como nunca serão compartilhados quaisquer dados pessoais que possam identificar o usuário.</p>
+ <p>Os dados anônimos poderão ser utilizados para fins de melhoria da plataforma, transparência e para o uso em pesquisas.</p>
+
+ <p>Dúvidas? Leia a Ãntegra dos <span ng-click="hide()">Termos de Uso</span> ou fale conosco por meio do <span ui-sref="contato">formulário de contato</span>.</p>
+ </div>
+ </div>
+ );
+ }
+ }
+
+export default Teste;
diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js
new file mode 100644
index 0000000000000000000000000000000000000000..411fdd623c1f375c51d1107ec011ccf5f92211d0
--- /dev/null
+++ b/src/Pages/UserTerms.js
@@ -0,0 +1,301 @@
+/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
+Departamento de Informatica - Universidade Federal do Parana
+
+This file is part of Plataforma Integrada MEC.
+
+Plataforma Integrada MEC is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plataforma Integrada MEC is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
+import React, {Component} from 'react';
+import SimpleExpansionPanels from '../Components/ExpansionPanels'
+import Grid from '@material-ui/core/Grid';
+import Modal from '../Components/Modal'
+import styled from 'styled-components'
+
+/*Importação de imagens para a página*/
+import Busca from "../img/termos/Busca.png"
+import Banner1 from "../img/termos/banner.jpg";
+import Aberto from "../img/termos/Aberto.png";
+import CadeadoAberto from "../img/termos/AbertoG.svg";
+import Fechado from "../img/termos/Fechado.png";
+import CadeadoFechado from "../img/termos/FechadoG.svg";
+import Linha from "../img/termos/linha.svg";
+
+
+
+const BannerStyle=styled.div`
+ width: 100%;
+ background-image: url(${Banner1});
+ background-size: cover;
+ background-position: top center;
+ height: 370px;
+
+ verticalAlign: "middle"
+`
+
+const center={
+ width: "100%",
+ textAlign: "center"
+}
+const container={
+ paddingInline: "15px",
+ paddingBlock: "20px",
+ marginInline: "auto",
+ textAlign:"center",
+ width:"750px"
+
+}
+const secao2={
+ height: "100%",
+ alignItems: "center",
+ paddingBlock: "30px"
+}
+
+
+const AColorido = styled.a`
+
+ color: #00BCD4;
+ text-decoration:none;
+
+`
+const ImagemSeçao2 = styled.div`
+
+ font-family: Roboto, sans-serif;
+
+ @media (min-width:1450px) {
+ background-image: url(${Busca});
+ background-position: right;
+ background-size: contain;
+ background-repeat: no-repeat;
+ }
+ color: rgba(0,0,0,0.87);
+ height: auto;
+ align-items: center;
+ padding-block: 30px;
+ h3 {
+ line-height: 1.1;
+ text-align: center;
+ @media (min-width: 1000px) {
+ font-size: 30px;
+ }
+
+ @media (max-width: 1000px){
+ font-size: 20px;
+ }
+ margin-top: 20px;
+ margin-bottom: 10px;
+ font-weight: 100;
+ padding-bottom: 20px;
+
+ }
+
+ p {
+ line-height: 1.42857143;
+ padding-top: 20px;
+ font-size: 14px;
+ text-align: justify;
+ margin: 0 0 10px;
+ }
+}
+`
+const Secao3 = styled.div`
+ background-color: #FF7F00;
+ @media (min-width: 1000px) {
+ background-image: url(${CadeadoAberto}), url(${CadeadoFechado});
+ background-repeat: no-repeat;
+ background-position: bottom left, bottom right;
+ background-position-y: 120%, 120%;
+ height:340px;
+ padding-block:30px;
+ }
+
+ color: #fff;
+
+ text-align: left;
+
+ h3 {
+ font-family: 'Pompiere', cursive;
+ font-size: 46px;
+ padding-bottom: 20px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ width: 100%;
+ text-align: center !important;
+ font-weight: 500 ;
+
+ }
+
+ .aberto {
+ background-image: url(${Aberto}), url(${Linha});
+ }
+ .fechado {
+ background-image: url(${Fechado}), url(${Linha});
+ }
+
+ .caixa {
+ background-repeat: no-repeat;
+ background-size: 70px 70px, auto auto;
+ background-position: top left;
+ background-position-x: 0, 35px;
+ padding-left: 90px;
+ .texto{
+ background-image: url(${Linha});
+ background-position: top left;
+ background-repeat: repeat-x;
+ background-size: auto auto;
+ span {
+ font-size: 26px;
+ }
+ p {
+ text-align: left;
+ font-size: 15px;
+ margin: 0 0 10px;
+ }
+ }
+ }
+`
+
+const Secao4 = styled.div`
+ font-size: 15px;
+
+ .texto {
+ text-align: left;
+ padding-top: 20px;
+ padding-bottom: 20px;
+
+ a {
+ color:#00BCD4;
+ }
+
+ p {
+ font-family: 'Roboto', Bold;
+ }
+
+ }
+
+ .titulo {
+ text-align: center;
+ color: #666666;
+ h3 {
+ font-size: 30px;
+ height: 22px;
+ padding-bottom: 20px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ font-weight: 500;
+ line-height: 1.1;
+ }
+ p {
+ height: 18px;
+ line-height: 1.42857143;
+ margin: 0 0 10px;
+ }
+
+`
+
+
+class UserTerms extends Component {
+ render() {
+
+ return (
+ <div style={{color:"rgba(0,0,0,0.87"}} >
+ <link href="https://fonts.googleapis.com/css?family=Kalam|Pompiere|Roboto&display=swap" rel="stylesheet"/>
+
+ <BannerStyle>
+ <h2 style={{width: "100%",textAlign: "center",marginTop:"0px", paddingTop:"6rem",marginBottom:"16px",fontSize:"52px",fontFamily: "'Pompiere', cursive",color:"#fff",fontWeight:"500"}}>TERMOS DE USO</h2>
+ <Modal/>
+ </BannerStyle>
+
+ <ImagemSeçao2>
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={10}>
+ <div>
+ <h3><strong style={{fontWeight:"700"}}>Plataforma Integrada de Recursos Educacionais Digitais,</strong><br/>uma iniciativa do Ministério da Educação!</h3>
+
+ <p>A <strong>Plataforma Integrada de RED do MEC</strong> é parte do processo de implementação do Compromisso 6 do <AColorido href="http://www.governoaberto.cgu.gov.br/noticias/2017/3o-plano-de-acao-nacional-na-parceria-para-governo-aberto" target="_blank">3º Plano de Ação da Parceria Governo Aberto</AColorido> (OGP-Brasil), que tem por objetivo “incorporar na polÃtica educacional o potencial da cultura digital, de modo a fomentar a autonomia para uso, reuso e adaptação de recursos educacionais digitais, valorizando a pluralidade e a diversidade da educação brasileiraâ€.
+ </p>
+ <p>Seguindo o compromisso, a <strong>Plataforma Integrada de RED do MEC</strong> visa fortalecer a distribuição de recursos educacionais digitais para o ensino básico brasileiro. Há preferência pela disponibilização de Recursos Educacionais Abertos (REA), ou seja, recursos que “se situem no domiÌnio puÌblico ou que tenham sido divulgados sob licença aberta que permita acesso, uso, adaptação e redistribuição gratuita por terceiros, mediante nenhuma restrição ou poucas restrições.†<AColorido href="http://www.unesco.org/new/fileadmin/MULTIMEDIA/HQ/CI/CI/pdf/Events/Portuguese_Paris_OER_Declaration.pdf" target="_blank">(Declaração REA de Paris, 2012)</AColorido>.
+ </p>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ </Grid>
+ </ImagemSeçao2>
+
+ <Secao3 >
+ <Grid container spacing ={3}>
+ <h3>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h3>
+ <Grid item xs={12} md={1} ></Grid>
+ <Grid item xs={12} md={5} >
+ <div class="caixa aberto">
+ <div class ="texto">
+ <span>Abertos</span>
+ <p>De acordo com a Declaração de Paris, são recursos que, no mÃnimo, têm uma licença de uso mais flexÃvel, que garante livre redistribuição. Adicionalmente, um recurso aberto deve utilizar um formato aberto, um formato de arquivo que permite a fácil edição por terceiros. Nenhum controle sobre o acesso (como cadastro e senha) deve existir para acesso a recursos abertos. Em sua maioria, são recursos gratuitos.</p>
+ </div>
+ </div>
+ </Grid>
+
+ <Grid item xs={12} md={5}>
+ <div class="caixa fechado">
+ <div class ="texto">
+ <span>Fechados</span>
+ <p>São recursos que criam restrições no seu acesso, uso ou reuso. Como exemplo, podemos mencionar recursos que só são acessÃveis mediante cadastro ou que têm licenças restritivas (como “todos os direitos reservadosâ€, o sÃmbolo ©). Podem ser gratuitos ou pagos.</p>
+ </div>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1} ></Grid>
+ </Grid>
+ </Secao3>
+
+
+
+
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={10}>
+ <Secao4>
+ <div class="texto" style={{paddingTop:"70px"}}>
+ <p>O <a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2014/lei/l13005.htm" target="_blank">Plano Nacional de Educação</a> (2014-2024) enfatiza nas metas 5 e 7 a importância dos recursos educacionais abertos para fomentar a qualidade da educação baÌsica. A <a href="http://portal.mec.gov.br/index.php?option=com_docman&view=download&alias=35541-res-cne-ces-001-14032016-pdf&category_slug=marco-2016-pdf&Itemid=30192" target="_blank">Resolução CNE/CES nº 1</a>, de 11 de março de 2016, também destaca a importância dos recursos educacionais abertos para as instituições de educação superior e para as atividades de educação a distância.</p>
+ </div>
+ <div class="titulo">
+ <h3>TERMOS DE USO</h3>
+ <p>InÃcio da vigência: agosto de 2017</p>
+ </div>
+ <div class="texto" style={{paddingBottom:"40px"}}>
+ <p>Aqui estão os “Termos de Uso†da <strong>Plataforma Integrada de RED do MEC</strong>, isto é, as regras de funcionamento da Plataforma e seus serviços, e o que se espera de seus usuários. Por “usuárioâ€, entende-se qualquer pessoa que acesse o domÃnio portal.mec.gov.br, tanto para pesquisa (acesso) como para a inclusão de dados e informações (participação) mediante cadastro.</p>
+ <p>Fazem parte dos Termos de Uso as polÃticas de responsabilidade, de privacidade e confidencialidade, a licença de uso do conteúdo e as informações sobre como reportar violações.</p>
+ <p>Ao utilizar a <strong>Plataforma Integrada de RED do MEC</strong>, o usuário aceita todas as condições aqui estabelecidas. O uso da <strong>Plataforma Integrada de RED do MEC</strong> implica aceite das condições aqui elencadas.</p>
+ <p>Por “serviçoâ€, entende-se qualquer funcionalidade ou ferramenta que permita a interatividade com o usuário, como, por exemplo, usuário subir um recurso, postar um comentário, criar uma coleção ou enviar uma mensagem.</p>
+ <p>A aceitação destes "Termos de Uso" é indispensável à utilização da <strong>Plataforma Integrada de RED do MEC</strong>. Todos os usuários deverão ler, certificar-se de tê-los entendido e aceitar todas as condições neles estabelecidas. Dessa forma, deve ficar claro que a utilização desta "<strong>Plataforma Integrada de RED do MEC</strong>" implica aceitação completa deste documento intitulado Termos de Uso. Caso tenha dúvidas sobre os termos, utilize o formulário disponÃvel em “Contato†para saná-las.</p>
+ </div>
+ </Secao4>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ </Grid>
+
+
+ <Grid container spacing={3}>
+ <Grid item xs={12} md={1}></Grid>
+ <Grid item xs={12} md={10}>
+ <div style={{ marginBottom:"50px",paddingTop: "20px"}}>
+ <SimpleExpansionPanels/>
+ </div>
+ </Grid>
+ <Grid item xs={12} md={1}></Grid>
+ </Grid>
+ </div>
+ );
+ }
+ }
+
+export default UserTerms;
diff --git a/src/img/termos/Aberto.png b/src/img/termos/Aberto.png
new file mode 100644
index 0000000000000000000000000000000000000000..19a24901fec54f84f8b266f3caa0ca1ebd447055
Binary files /dev/null and b/src/img/termos/Aberto.png differ
diff --git a/src/img/termos/AbertoG.svg b/src/img/termos/AbertoG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..df4edae011516594338b05c4911f90e50bc48fc0
--- /dev/null
+++ b/src/img/termos/AbertoG.svg
@@ -0,0 +1,3 @@
+<svg width="226" height="233" viewBox="0 0 226 233" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M143.133 172.229V191.729C143.133 193.767 144.881 195.419 146.9 195.419C148.98 195.419 150.667 193.707 150.667 191.729V172.229C155.056 170.682 158.2 166.506 158.2 161.597C158.2 155.37 153.141 150.323 146.9 150.323C140.659 150.323 135.6 155.37 135.6 161.597C135.6 166.506 138.744 170.682 143.133 172.229ZM90.4 56.3703C90.4 37.691 75.1844 22.5484 56.5 22.5484C37.7775 22.5484 22.6 37.7075 22.6 56.3703V67.6452V86.4292C22.6 92.6096 17.5408 97.7097 11.3 97.7097C5.01567 97.7097 0 92.6592 0 86.4292V67.6452V56.3652C0 25.2294 25.2959 0 56.5 0C87.6406 0 113 25.2356 113 56.3652V112.742H203.334C215.863 112.742 226 122.869 226 135.362V210.38C226 222.954 215.852 233 203.334 233H90.4662C77.9368 233 67.8 222.873 67.8 210.38V135.362C67.8 122.81 77.9122 112.777 90.4 112.742V56.3703Z" fill="white" fill-opacity="0.1"/>
+</svg>
diff --git a/src/img/termos/Arrow_Direito do autor.png b/src/img/termos/Arrow_Direito do autor.png
new file mode 100644
index 0000000000000000000000000000000000000000..b619a21ad6cfd3e43416fdd2ab493d7e951eb01a
Binary files /dev/null and b/src/img/termos/Arrow_Direito do autor.png differ
diff --git "a/src/img/termos/Arrow_Direitos e Licen\303\247a1.png" "b/src/img/termos/Arrow_Direitos e Licen\303\247a1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..186ad4a6fa40f8cb51cc7aae3e9eca8f38d488e1
Binary files /dev/null and "b/src/img/termos/Arrow_Direitos e Licen\303\247a1.png" differ
diff --git "a/src/img/termos/Arrow_Direitos e Licen\303\247a2.png" "b/src/img/termos/Arrow_Direitos e Licen\303\247a2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..94b0cd52a490853e7c519e758427409f24a933fe
Binary files /dev/null and "b/src/img/termos/Arrow_Direitos e Licen\303\247a2.png" differ
diff --git "a/src/img/termos/Arrow_O que \303\251 a plataforma-1.png" "b/src/img/termos/Arrow_O que \303\251 a plataforma-1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..6d33a033c39e8326c9ccf13cfafb45852a209456
Binary files /dev/null and "b/src/img/termos/Arrow_O que \303\251 a plataforma-1.png" differ
diff --git "a/src/img/termos/Arrow_O que \303\251 a plataforma.png" "b/src/img/termos/Arrow_O que \303\251 a plataforma.png"
new file mode 100644
index 0000000000000000000000000000000000000000..3ac231385d7d571421aff6c7be3700ce814f0035
Binary files /dev/null and "b/src/img/termos/Arrow_O que \303\251 a plataforma.png" differ
diff --git a/src/img/termos/Arrow_aberto e fechado-1.png b/src/img/termos/Arrow_aberto e fechado-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f37ee4fd6cfe85f8758e958fdbb535ed7af03233
Binary files /dev/null and b/src/img/termos/Arrow_aberto e fechado-1.png differ
diff --git a/src/img/termos/Arrow_aberto e fechado.png b/src/img/termos/Arrow_aberto e fechado.png
new file mode 100644
index 0000000000000000000000000000000000000000..982373a6fc1d81baca9672da660afa68908c810d
Binary files /dev/null and b/src/img/termos/Arrow_aberto e fechado.png differ
diff --git a/src/img/termos/Arrow_double.svg b/src/img/termos/Arrow_double.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3ea95de834ea2f758fc7dcffb897b00f478957b5
--- /dev/null
+++ b/src/img/termos/Arrow_double.svg
@@ -0,0 +1,4 @@
+<svg width="74" height="84" viewBox="0 0 74 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.13646 74.69C5.85887 75.1674 6.02089 75.7795 6.49834 76.0571L14.2789 80.5807C14.7564 80.8583 15.3684 80.6962 15.646 80.2188C15.9236 79.7413 15.7616 79.1293 15.2841 78.8517L8.36809 74.8307L12.3891 67.9146C12.6667 67.4372 12.5046 66.8251 12.0272 66.5475C11.5497 66.2699 10.9376 66.4319 10.66 66.9094L6.13646 74.69ZM69.348 40.4352C54.9449 52.8517 39.2878 61.3041 27.2207 66.6534C21.1897 69.3269 16.062 71.2225 12.4455 72.4487C10.6374 73.0617 9.2076 73.5072 8.23206 73.7989C7.74431 73.9448 7.37018 74.0521 7.11916 74.1227C6.99365 74.158 6.89893 74.1841 6.83619 74.2013C6.80481 74.2098 6.78144 74.2161 6.7662 74.2202C6.75859 74.2223 6.753 74.2238 6.74947 74.2247C6.74771 74.2252 6.74646 74.2255 6.74572 74.2257C6.74536 74.2258 6.74519 74.2258 6.74501 74.2259C6.74498 74.2259 6.74507 74.2259 7.00096 75.1926C7.25686 76.1593 7.25721 76.1592 7.25769 76.1591C7.25803 76.159 7.25864 76.1588 7.25931 76.1586C7.26064 76.1583 7.2625 76.1578 7.26487 76.1571C7.2696 76.1559 7.2764 76.1541 7.28523 76.1517C7.3029 76.1469 7.32873 76.14 7.36257 76.1307C7.43026 76.1123 7.53 76.0848 7.6606 76.0481C7.92179 75.9746 8.30644 75.8642 8.80502 75.7151C9.80214 75.417 11.2551 74.9641 13.0877 74.3427C16.7525 73.1002 21.9373 71.1832 28.0312 68.4818C40.2142 63.0811 56.057 54.5335 70.6539 41.95L69.348 40.4352Z" fill="white"/>
+<path d="M2.37639 9.41044C1.94427 9.75438 1.87278 10.3835 2.21671 10.8156L7.82143 17.8574C8.16536 18.2896 8.79448 18.361 9.2266 18.0171C9.65872 17.6732 9.73021 17.0441 9.38627 16.6119L4.40431 10.3525L10.6637 5.37058C11.0958 5.02665 11.1673 4.39753 10.8234 3.96541C10.4794 3.53329 9.85033 3.4618 9.41821 3.80573L2.37639 9.41044ZM69.6718 34.4529C58.4905 24.2881 41.7993 17.9882 28.0123 14.2281C21.1005 12.3431 14.8816 11.0868 10.3901 10.3016C8.14382 9.90885 6.32822 9.63373 5.07241 9.45658C4.44448 9.368 3.9564 9.3039 3.62432 9.26183C3.45828 9.2408 3.33122 9.22527 3.24518 9.21494C3.20215 9.20978 3.16938 9.20592 3.1471 9.20332C3.13597 9.20202 3.12746 9.20103 3.12161 9.20036C3.11868 9.20002 3.11642 9.19976 3.11482 9.19958C3.11402 9.19949 3.11333 9.19941 3.11293 9.19936C3.11241 9.1993 3.11205 9.19926 2.99914 10.1929C2.88623 11.1865 2.8862 11.1865 2.88635 11.1865C2.88662 11.1865 2.88693 11.1866 2.88747 11.1866C2.88856 11.1867 2.89031 11.1869 2.89272 11.1872C2.89755 11.1878 2.90502 11.1886 2.91512 11.1898C2.93531 11.1922 2.96599 11.1958 3.00689 11.2007C3.08868 11.2105 3.21138 11.2255 3.37298 11.246C3.69617 11.2869 4.17489 11.3498 4.79305 11.437C6.02943 11.6114 7.82321 11.8831 10.0457 12.2717C14.4916 13.0489 20.6478 14.2927 27.486 16.1576C41.199 19.8975 57.5077 26.0976 68.3264 35.9328L69.6718 34.4529Z" fill="white"/>
+</svg>
diff --git a/src/img/termos/Arrow_down.svg b/src/img/termos/Arrow_down.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c80b648c00e34c51fba3f45f3b69f3bdb2ce8cea
--- /dev/null
+++ b/src/img/termos/Arrow_down.svg
@@ -0,0 +1,3 @@
+<svg width="82" height="56" viewBox="0 0 82 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.09395 47.5336C4.83636 48.0221 5.02358 48.627 5.51211 48.8846L13.4733 53.0822C13.9618 53.3398 14.5667 53.1526 14.8242 52.664C15.0818 52.1755 14.8946 51.5706 14.4061 51.313L7.3295 47.5818L11.0607 40.5052C11.3183 40.0167 11.1311 39.4119 10.6425 39.1543C10.154 38.8967 9.54915 39.0839 9.29156 39.5724L5.09395 47.5336ZM72.1729 0.407605C59.7897 17.2486 43.1744 28.9133 29.6213 36.3738C22.8496 40.1014 16.8552 42.7724 12.5568 44.5104C10.4079 45.3792 8.68389 46.0145 7.49969 46.4318C6.90762 46.6405 6.45058 46.7946 6.14295 46.8961C5.98914 46.9468 5.87269 46.9844 5.7954 47.0091C5.75676 47.0215 5.72791 47.0306 5.70907 47.0365C5.69965 47.0395 5.69274 47.0416 5.68835 47.043C5.68616 47.0437 5.6846 47.0442 5.68368 47.0444C5.68322 47.0446 5.683 47.0447 5.68277 47.0447C5.68272 47.0447 5.68283 47.0447 5.97852 48C6.27421 48.9553 6.27464 48.9551 6.27522 48.955C6.27563 48.9548 6.27638 48.9546 6.2772 48.9544C6.27884 48.9538 6.28111 48.9531 6.28401 48.9522C6.28983 48.9504 6.29818 48.9478 6.30905 48.9444C6.33077 48.9376 6.36254 48.9275 6.40412 48.9142C6.4873 48.8876 6.60974 48.8481 6.76966 48.7953C7.08947 48.6898 7.55919 48.5314 8.16438 48.3181C9.37471 47.8917 11.1272 47.2457 13.3065 46.3645C17.6644 44.6025 23.7324 41.8984 30.5857 38.1259C44.2826 30.5863 61.1674 18.7511 73.7842 1.59239L72.1729 0.407605Z" fill="white" fill-opacity="0.5"/>
+</svg>
diff --git a/src/img/termos/Busca.png b/src/img/termos/Busca.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe890fff35d904df257a79e40e7f0446eeaf626f
Binary files /dev/null and b/src/img/termos/Busca.png differ
diff --git a/src/img/termos/Compromisso.png b/src/img/termos/Compromisso.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0f5e6cb58f96699621b9e0a7365ef35e9bd9ee0
Binary files /dev/null and b/src/img/termos/Compromisso.png differ
diff --git a/src/img/termos/Email.svg b/src/img/termos/Email.svg
new file mode 100644
index 0000000000000000000000000000000000000000..47e2d5273159b35ad6fe963bd847f415eb1e25f8
--- /dev/null
+++ b/src/img/termos/Email.svg
@@ -0,0 +1,4 @@
+<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M90.4533 42.3498C90.4533 39.0223 87.7391 36.2998 84.4217 36.2998H36.1684C32.851 36.2998 30.1367 39.0223 30.1367 42.3498V78.6498C30.1367 81.9773 32.851 84.6998 36.1684 84.6998H84.4217C87.7391 84.6998 90.4533 81.9773 90.4533 78.6498V42.3498ZM84.4217 42.3498L60.295 57.4748L36.1684 42.3498H84.4217ZM84.4217 78.6498H36.1684V48.3998L60.295 63.5248L84.4217 48.3998V78.6498Z" fill="white"/>
+<path d="M119.526 60.5C119.526 93.3646 92.9896 120 60.2632 120C27.5367 120 1 93.3646 1 60.5C1 27.6354 27.5367 1 60.2632 1C92.9896 1 119.526 27.6354 119.526 60.5Z" stroke="white" stroke-width="2"/>
+</svg>
diff --git a/src/img/termos/Entenda.svg b/src/img/termos/Entenda.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a8ab4f3992fcaace79769e0d696a902d98b43a11
--- /dev/null
+++ b/src/img/termos/Entenda.svg
@@ -0,0 +1,5 @@
+<svg width="567" height="191" viewBox="0 0 567 191" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M298.801 157.8C298.895 158.714 298.472 159.516 297.533 160.205C296.609 160.875 295.517 161.276 294.259 161.405C293.017 161.533 291.874 161.512 290.828 161.341C290.665 162.125 290.614 162.818 290.677 163.422C290.737 164.008 290.965 164.446 291.361 164.736C291.774 165.025 292.403 165.125 293.248 165.038C294.11 164.949 294.974 164.712 295.841 164.326C296.723 163.922 297.207 163.715 297.293 163.706C297.741 163.66 297.983 163.809 298.019 164.154C298.067 164.62 297.593 165.183 296.598 165.843C295.602 166.486 294.603 166.859 293.603 166.962C292.258 167.101 291.123 166.817 290.196 166.111C289.268 165.388 288.74 164.414 288.614 163.19C288.488 161.966 288.684 160.656 289.202 159.261C289.718 157.849 290.447 156.632 291.387 155.612C292.327 154.591 293.306 154.028 294.323 153.923C295.34 153.818 296.313 154.206 297.24 155.086C298.184 155.965 298.705 156.869 298.801 157.8ZM294.663 155.953C294.025 156.019 293.396 156.424 292.776 157.167C292.154 157.894 291.652 158.773 291.271 159.806C291.976 159.89 292.769 159.886 293.648 159.796C294.528 159.705 295.281 159.488 295.907 159.144C296.532 158.784 296.821 158.37 296.773 157.905C296.725 157.439 296.46 156.988 295.979 156.549C295.516 156.109 295.077 155.91 294.663 155.953ZM303.075 161.437C304.441 158.456 305.57 156.231 306.464 154.762C307.374 153.274 308.156 152.496 308.811 152.429C309.484 152.359 310.15 152.648 310.809 153.294C311.485 153.939 311.864 154.658 311.946 155.451C312.074 156.692 311.946 158.239 311.562 160.091C310.869 163.508 310.109 165.259 309.281 165.345C308.902 165.384 308.686 165.145 308.632 164.627C308.595 164.265 308.7 163.514 308.949 162.373C309.212 161.213 309.444 160.083 309.644 158.982C309.86 157.862 309.94 157.035 309.885 156.5C309.828 155.948 309.7 155.552 309.501 155.311C309.319 155.069 309.142 154.956 308.969 154.974C308.814 154.99 308.656 155.059 308.494 155.18C308.332 155.301 308.152 155.494 307.953 155.758C307.771 156.021 307.597 156.283 307.432 156.544C307.266 156.788 307.058 157.14 306.81 157.601C306.578 158.061 306.384 158.456 306.226 158.786C306.067 159.098 305.835 159.558 305.532 160.164C305.228 160.77 304.997 161.23 304.838 161.543C304.678 161.855 304.469 162.278 304.21 162.81C303.952 163.342 303.742 163.755 303.58 164.051C303.436 164.344 303.269 164.667 303.079 165.017C302.714 165.7 302.402 166.054 302.143 166.081C301.902 166.106 301.598 165.946 301.231 165.6C300.862 165.237 300.663 164.909 300.633 164.616C300.624 164.53 300.66 164.291 300.742 163.899C300.966 162.865 301.201 161.595 301.447 160.089C301.69 158.565 301.732 156.862 301.573 154.979C301.495 153.715 301.611 153.067 301.921 153.035C302.301 152.996 302.7 153.155 303.121 153.512C303.541 153.87 303.776 154.29 303.826 154.773C303.874 155.238 303.821 156.167 303.669 157.559C303.532 158.933 303.334 160.225 303.075 161.437ZM317.425 161.891C317.459 162.218 317.665 162.363 318.045 162.323C318.7 162.256 319.474 161.993 320.368 161.535C321.277 161.058 321.784 160.814 321.887 160.803C322.197 160.771 322.369 160.919 322.403 161.247C322.455 161.747 321.997 162.377 321.03 163.139C320.081 163.9 319.183 164.323 318.338 164.41C317.511 164.496 316.798 164.343 316.2 163.951C315.6 163.543 315.276 163.097 315.226 162.614C315.176 162.131 315.216 161.509 315.347 160.746C315.475 159.966 315.666 158.944 315.919 157.681C316.188 156.399 316.392 155.341 316.533 154.507C315.742 154.781 315.209 154.931 314.933 154.96C314.657 154.988 314.367 154.879 314.062 154.631C313.774 154.365 313.616 154.103 313.589 153.844C313.546 153.43 314.626 152.918 316.829 152.307C316.991 150.844 317.016 149.561 316.902 148.458C316.849 147.94 316.994 147.664 317.339 147.628C317.632 147.598 318.014 147.75 318.484 148.085C318.952 148.403 319.211 148.794 319.259 149.26C319.307 149.725 319.245 150.56 319.072 151.762C320.046 151.575 320.826 151.451 321.413 151.39C322.447 151.283 322.988 151.454 323.034 151.902C323.06 152.161 322.798 152.406 322.247 152.637C321.713 152.866 320.568 153.255 318.812 153.802C318.591 155.201 318.295 156.809 317.925 158.624C317.552 160.423 317.386 161.511 317.425 161.891ZM334.236 154.145C334.33 155.059 333.907 155.86 332.968 156.55C332.044 157.22 330.952 157.62 329.694 157.75C328.452 157.878 327.309 157.857 326.263 157.686C326.1 158.469 326.049 159.163 326.112 159.766C326.172 160.352 326.4 160.791 326.796 161.081C327.209 161.369 327.838 161.47 328.683 161.383C329.545 161.294 330.409 161.057 331.276 160.671C332.158 160.266 332.642 160.06 332.728 160.051C333.176 160.005 333.418 160.154 333.454 160.499C333.502 160.964 333.028 161.527 332.033 162.187C331.037 162.83 330.038 163.203 329.038 163.307C327.693 163.445 326.558 163.162 325.631 162.456C324.703 161.732 324.175 160.759 324.049 159.535C323.923 158.31 324.119 157.001 324.637 155.606C325.153 154.193 325.882 152.977 326.822 151.956C327.762 150.936 328.741 150.373 329.758 150.268C330.775 150.163 331.748 150.551 332.675 151.431C333.619 152.309 334.14 153.214 334.236 154.145ZM330.098 152.298C329.46 152.363 328.831 152.768 328.211 153.512C327.589 154.238 327.087 155.118 326.706 156.15C327.411 156.234 328.204 156.231 329.083 156.14C329.963 156.049 330.716 155.832 331.342 155.489C331.967 155.128 332.256 154.715 332.208 154.25C332.16 153.784 331.895 153.332 331.414 152.894C330.951 152.454 330.512 152.255 330.098 152.298ZM338.51 157.781C339.876 154.8 341.005 152.575 341.899 151.106C342.809 149.619 343.591 148.841 344.246 148.773C344.919 148.704 345.585 148.992 346.244 149.639C346.92 150.284 347.299 151.002 347.381 151.796C347.509 153.037 347.381 154.584 346.997 156.435C346.304 159.853 345.544 161.604 344.716 161.689C344.337 161.728 344.121 161.489 344.067 160.972C344.03 160.61 344.135 159.858 344.384 158.718C344.647 157.558 344.879 156.427 345.079 155.326C345.295 154.206 345.375 153.379 345.32 152.845C345.263 152.293 345.135 151.897 344.936 151.656C344.754 151.413 344.577 151.301 344.404 151.318C344.249 151.334 344.091 151.403 343.929 151.524C343.767 151.646 343.587 151.838 343.388 152.103C343.206 152.366 343.032 152.628 342.867 152.888C342.701 153.132 342.493 153.485 342.245 153.946C342.013 154.405 341.819 154.8 341.661 155.13C341.502 155.443 341.27 155.902 340.967 156.509C340.663 157.115 340.432 157.574 340.273 157.887C340.113 158.2 339.904 158.622 339.645 159.154C339.387 159.686 339.177 160.1 339.015 160.395C338.871 160.689 338.704 161.011 338.514 161.362C338.149 162.044 337.837 162.399 337.578 162.426C337.337 162.45 337.033 162.29 336.666 161.945C336.297 161.582 336.098 161.254 336.068 160.961C336.059 160.875 336.095 160.636 336.177 160.244C336.401 159.21 336.636 157.94 336.882 156.433C337.125 154.91 337.167 153.206 337.008 151.323C336.93 150.059 337.046 149.411 337.356 149.379C337.736 149.34 338.135 149.5 338.556 149.857C338.976 150.214 339.211 150.634 339.261 151.117C339.309 151.583 339.256 152.512 339.104 153.904C338.967 155.277 338.769 156.57 338.51 157.781ZM359.229 139.909C359.505 139.881 359.868 140.104 360.318 140.581C360.783 141.038 361.039 141.491 361.085 141.939C361.132 142.388 361.048 143.686 360.834 145.834C360.618 147.964 360.341 150.18 360.003 152.48C359.281 157.643 358.722 160.244 358.325 160.285C358.084 160.31 357.802 160.191 357.478 159.928C357.17 159.646 357.005 159.393 356.982 159.169C356.959 158.945 356.973 158.491 357.024 157.806C355.512 159.704 354.127 160.718 352.868 160.848C352.11 160.927 351.384 160.653 350.693 160.027C350.018 159.4 349.642 158.715 349.566 157.974C349.456 156.905 349.609 155.608 350.027 154.084C350.46 152.541 351.158 151.11 352.12 149.791C353.081 148.472 354.174 147.749 355.398 147.623C356.623 147.497 357.552 148.141 358.186 149.557C358.688 145.811 358.873 142.873 358.74 140.744C358.687 140.226 358.85 139.948 359.229 139.909ZM357.694 152.901C357.598 151.97 357.353 151.202 356.96 150.598C356.584 149.992 356.172 149.712 355.723 149.759C354.982 149.835 354.27 150.37 353.589 151.364C352.907 152.358 352.395 153.474 352.052 154.712C351.725 155.93 351.606 156.971 351.695 157.833C351.727 158.143 351.865 158.382 352.108 158.548C352.352 158.715 352.629 158.782 352.939 158.75C353.612 158.681 354.467 158.104 355.505 157.021C356.561 155.937 357.28 154.712 357.662 153.349L357.708 153.03L357.694 152.901ZM368.693 146.251C369.468 146.171 370.225 146.494 370.962 147.22C371.697 147.928 372.098 148.601 372.163 149.239C372.227 149.86 372.078 150.52 371.714 151.22C371.948 151.457 372.074 151.67 372.094 151.86C372.144 152.343 372.117 153.182 372.014 154.377C371.928 155.571 371.878 156.352 371.863 156.719C371.866 157.085 371.862 157.382 371.851 157.609C371.838 157.82 371.816 158.031 371.785 158.243C371.761 158.681 371.628 158.913 371.387 158.938C371.076 158.97 370.79 158.729 370.528 158.216C370.281 157.684 370.096 156.989 369.973 156.13C368.639 158.237 367.318 159.358 366.007 159.493C365.214 159.575 364.395 159.319 363.55 158.727C362.72 158.116 362.268 157.448 362.193 156.724C362.086 155.689 362.334 154.374 362.936 152.779C363.536 151.166 364.379 149.702 365.463 148.388C366.547 147.074 367.624 146.362 368.693 146.251ZM370.352 150.681C370.186 149.077 369.785 148.308 369.147 148.374C368.474 148.443 367.74 149.007 366.943 150.065C366.144 151.106 365.496 152.262 365 153.533C364.504 154.804 364.292 155.793 364.365 156.5C364.396 156.793 364.541 157.022 364.802 157.186C365.061 157.334 365.355 157.391 365.682 157.357C366.493 157.273 367.35 156.636 368.256 155.445C369.159 154.236 369.728 152.827 369.963 151.217C369.988 150.953 370.118 150.783 370.354 150.706L370.352 150.681ZM391.196 143.93C391.972 143.85 392.728 144.173 393.465 144.898C394.201 145.606 394.601 146.28 394.667 146.918C394.731 147.538 394.581 148.198 394.218 148.898C394.452 149.135 394.578 149.349 394.598 149.539C394.647 150.021 394.621 150.86 394.518 152.056C394.432 153.25 394.381 154.03 394.367 154.398C394.37 154.763 394.366 155.06 394.354 155.288C394.341 155.498 394.319 155.71 394.289 155.922C394.265 156.36 394.132 156.592 393.89 156.616C393.58 156.648 393.294 156.408 393.032 155.895C392.785 155.363 392.6 154.667 392.477 153.809C391.143 155.915 389.821 157.036 388.511 157.171C387.718 157.253 386.898 156.998 386.053 156.406C385.223 155.794 384.771 155.126 384.696 154.402C384.59 153.368 384.837 152.053 385.44 150.457C386.04 148.844 386.882 147.381 387.966 146.067C389.051 144.752 390.127 144.04 391.196 143.93ZM392.855 148.359C392.69 146.756 392.288 145.987 391.65 146.053C390.978 146.122 390.243 146.686 389.446 147.744C388.648 148.784 388 149.94 387.504 151.211C387.008 152.482 386.796 153.471 386.869 154.178C386.899 154.471 387.045 154.7 387.306 154.865C387.565 155.012 387.858 155.069 388.186 155.035C388.996 154.952 389.854 154.314 390.759 153.123C391.663 151.915 392.232 150.506 392.466 148.896C392.491 148.632 392.622 148.462 392.858 148.385L392.855 148.359ZM403.837 142.626C404.423 142.565 405.008 142.836 405.593 143.438C406.176 144.023 406.493 144.556 406.542 145.039C406.573 145.332 406.45 145.493 406.174 145.521C405.984 145.541 405.676 145.425 405.249 145.172C404.821 144.903 404.4 144.79 403.986 144.832C403.572 144.875 402.942 145.184 402.095 145.759C401.265 146.333 400.878 146.887 400.933 147.421C400.974 147.818 401.838 148.417 403.523 149.219C404.166 149.536 404.76 149.971 405.305 150.525C405.865 151.06 406.181 151.672 406.252 152.361C406.322 153.034 405.916 153.747 405.035 154.5C404.17 155.234 403.108 155.666 401.849 155.795C400.608 155.923 399.473 155.736 398.446 155.232C397.435 154.726 396.902 154.206 396.847 153.671C396.824 153.447 396.858 153.27 396.949 153.138C397.055 152.988 397.195 152.904 397.367 152.886C397.54 152.868 397.793 152.955 398.126 153.147C399.127 153.724 400.127 153.96 401.127 153.857C402.144 153.752 402.865 153.565 403.29 153.294C403.714 153.007 403.906 152.673 403.867 152.294C403.826 151.897 403.533 151.509 402.989 151.13C402.442 150.733 401.85 150.394 401.211 150.111C400.589 149.827 400.002 149.46 399.451 149.012C398.899 148.563 398.597 148.08 398.543 147.563C398.449 146.649 399.067 145.627 400.396 144.497C401.742 143.347 402.888 142.724 403.837 142.626ZM425.229 140.419C425.815 140.359 426.401 140.629 426.986 141.231C427.569 141.816 427.885 142.349 427.935 142.832C427.965 143.125 427.842 143.286 427.566 143.315C427.377 143.334 427.068 143.218 426.642 142.966C426.213 142.696 425.792 142.583 425.378 142.625C424.964 142.668 424.334 142.977 423.487 143.552C422.658 144.126 422.271 144.68 422.326 145.214C422.367 145.611 423.23 146.21 424.916 147.012C425.558 147.329 426.152 147.765 426.697 148.318C427.258 148.853 427.574 149.465 427.645 150.155C427.714 150.827 427.308 151.54 426.428 152.293C425.562 153.027 424.5 153.459 423.242 153.589C422 153.717 420.866 153.529 419.838 153.025C418.827 152.519 418.295 151.999 418.239 151.465C418.216 151.241 418.25 151.063 418.341 150.931C418.448 150.781 418.587 150.697 418.76 150.679C418.932 150.661 419.185 150.749 419.518 150.941C420.519 151.517 421.519 151.754 422.519 151.65C423.536 151.546 424.258 151.358 424.683 151.088C425.106 150.8 425.298 150.466 425.259 150.087C425.218 149.691 424.926 149.302 424.381 148.923C423.835 148.526 423.242 148.187 422.603 147.904C421.981 147.62 421.395 147.253 420.843 146.805C420.291 146.356 419.989 145.874 419.936 145.356C419.841 144.443 420.459 143.42 421.789 142.29C423.134 141.141 424.281 140.517 425.229 140.419ZM431.776 136.032C431.74 135.687 431.844 135.346 432.088 135.007C432.332 134.668 432.592 134.484 432.868 134.456C433.161 134.426 433.542 134.743 434.012 135.409C434.479 136.058 434.737 136.615 434.785 137.081C434.803 137.253 434.741 137.417 434.6 137.57C434.459 137.724 434.303 137.81 434.13 137.828C433.717 137.871 433.225 137.669 432.656 137.222C432.105 136.774 431.811 136.377 431.776 136.032ZM432.025 139.718C432.353 139.684 432.684 139.851 433.018 140.217C433.352 140.583 433.538 140.956 433.577 141.335C433.616 141.715 433.484 142.878 433.179 144.827C432.873 146.758 432.462 148.935 431.945 151.358C431.741 152.25 431.415 152.719 430.966 152.766C430.725 152.79 430.508 152.717 430.316 152.545C430.123 152.356 430.013 152.141 429.988 151.899C429.962 151.641 429.981 151.238 430.047 150.691C430.128 150.125 430.243 149.381 430.392 148.46C430.556 147.519 430.678 146.757 430.757 146.174C430.853 145.589 430.943 144.935 431.025 144.212C431.106 143.472 431.167 142.882 431.208 142.442C431.266 141.983 431.331 141.523 431.406 141.063C431.56 140.193 431.767 139.745 432.025 139.718ZM445.851 144.199C445.922 144.889 445.702 145.704 445.189 146.646C444.832 147.746 444.488 149.314 444.158 151.352C443.827 153.373 443.523 154.825 443.248 155.707C442.706 157.54 441.684 158.534 440.184 158.689C438.96 158.815 437.891 158.586 436.977 158C436.081 157.431 435.6 156.818 435.532 156.163C435.504 155.887 435.562 155.602 435.706 155.309C435.832 155.017 435.982 154.862 436.154 154.844C436.344 154.825 436.564 154.933 436.815 155.168C437.066 155.404 437.301 155.658 437.521 155.932C437.76 156.221 438.091 156.474 438.514 156.692C438.955 156.908 439.365 156.996 439.744 156.957C440.124 156.918 440.402 156.828 440.579 156.688C440.758 156.565 440.92 156.365 441.066 156.089C441.214 155.83 441.334 155.564 441.428 155.293C441.524 155.04 441.617 154.673 441.707 154.193C441.816 153.729 441.897 153.328 441.949 152.992C442.001 152.655 442.075 152.186 442.17 151.584C442.263 150.964 442.342 150.468 442.408 150.095C441.166 151.234 440.123 151.847 439.278 151.934C438.433 152.021 437.666 151.761 436.976 151.152C436.284 150.527 435.892 149.766 435.799 148.869C435.705 147.955 435.917 146.714 436.435 145.144C436.969 143.573 437.753 142.133 438.786 140.824C439.818 139.515 440.886 138.804 441.99 138.69C442.697 138.617 443.319 138.823 443.857 139.308C444.741 140.105 445.266 141.314 445.433 142.935C445.455 143.142 445.461 143.289 445.453 143.377C445.69 143.649 445.823 143.923 445.851 144.199ZM437.921 148.912C437.951 149.205 438.071 149.436 438.28 149.606C438.488 149.759 438.738 149.821 439.031 149.79C439.893 149.701 440.858 149.088 441.925 147.95C442.991 146.794 443.695 145.51 444.037 144.099C443.945 143.882 443.849 143.543 443.75 143.083C443.65 142.623 443.56 142.257 443.48 141.987C443.4 141.716 443.259 141.452 443.058 141.194C442.855 140.918 442.616 140.795 442.34 140.823C441.668 140.893 440.959 141.454 440.214 142.506C439.469 143.559 438.881 144.709 438.452 145.955C438.023 147.202 437.846 148.187 437.921 148.912ZM451.853 132.55C452.188 135.791 451.949 140.067 451.138 145.379C450.639 148.985 450.217 150.806 449.872 150.841C449.631 150.866 449.327 150.706 448.96 150.36C448.61 150.013 448.425 149.736 448.404 149.529C448.382 149.322 448.522 148.227 448.823 146.245C449.124 144.262 449.379 141.84 449.589 138.978C449.797 136.099 449.785 133.53 449.552 131.271C449.527 131.03 449.544 130.854 449.602 130.743C449.66 130.632 449.802 130.566 450.026 130.542C450.25 130.519 450.595 130.736 451.06 131.194C451.541 131.632 451.805 132.084 451.853 132.55ZM460.5 136.781C461.276 136.701 462.033 137.023 462.77 137.749C463.505 138.457 463.905 139.13 463.971 139.768C464.035 140.389 463.885 141.049 463.522 141.749C463.756 141.986 463.882 142.199 463.902 142.389C463.952 142.872 463.925 143.711 463.822 144.907C463.736 146.1 463.686 146.881 463.671 147.248C463.674 147.614 463.67 147.911 463.658 148.138C463.645 148.349 463.624 148.56 463.593 148.773C463.569 149.211 463.436 149.442 463.194 149.467C462.884 149.499 462.598 149.259 462.336 148.745C462.089 148.213 461.904 147.518 461.781 146.659C460.447 148.766 459.125 149.887 457.815 150.022C457.022 150.104 456.203 149.849 455.357 149.256C454.527 148.645 454.075 147.977 454.001 147.253C453.894 146.218 454.142 144.903 454.744 143.308C455.344 141.695 456.186 140.231 457.27 138.917C458.355 137.603 459.431 136.891 460.5 136.781ZM462.16 141.21C461.994 139.606 461.592 138.837 460.954 138.903C460.282 138.973 459.547 139.536 458.75 140.594C457.952 141.635 457.304 142.791 456.808 144.062C456.312 145.333 456.1 146.322 456.173 147.029C456.203 147.322 456.349 147.551 456.61 147.716C456.869 147.863 457.162 147.92 457.49 147.886C458.3 147.803 459.158 147.165 460.063 145.974C460.967 144.766 461.536 143.356 461.771 141.746C461.796 141.482 461.926 141.312 462.162 141.236L462.16 141.21ZM473.141 135.477C473.727 135.416 474.312 135.687 474.897 136.289C475.48 136.873 475.797 137.407 475.847 137.89C475.877 138.183 475.754 138.344 475.478 138.372C475.288 138.392 474.98 138.275 474.553 138.023C474.125 137.754 473.704 137.64 473.29 137.683C472.876 137.726 472.246 138.035 471.399 138.61C470.569 139.183 470.182 139.737 470.237 140.272C470.278 140.668 471.142 141.268 472.828 142.07C473.47 142.387 474.064 142.822 474.609 143.376C475.169 143.91 475.485 144.522 475.556 145.212C475.626 145.885 475.22 146.597 474.339 147.35C473.474 148.084 472.412 148.516 471.154 148.646C469.912 148.774 468.778 148.586 467.75 148.082C466.739 147.577 466.206 147.057 466.151 146.522C466.128 146.298 466.162 146.12 466.253 145.989C466.359 145.838 466.499 145.754 466.671 145.737C466.844 145.719 467.097 145.806 467.43 145.998C468.431 146.574 469.431 146.811 470.431 146.708C471.448 146.603 472.169 146.415 472.595 146.145C473.018 145.857 473.21 145.524 473.171 145.145C473.13 144.748 472.837 144.36 472.293 143.98C471.747 143.584 471.154 143.244 470.515 142.962C469.893 142.677 469.306 142.311 468.755 141.862C468.203 141.414 467.901 140.931 467.847 140.414C467.753 139.5 468.371 138.478 469.7 137.347C471.046 136.198 472.192 135.574 473.141 135.477Z" fill="#FF7F00"/>
+<path d="M561.837 93.3732C561.762 92.8259 561.258 92.4426 560.711 92.5169L551.793 93.7288C551.246 93.8032 550.862 94.3071 550.937 94.8544C551.011 95.4016 551.515 95.785 552.062 95.7106L559.989 94.6334L561.067 102.561C561.141 103.108 561.645 103.491 562.192 103.417C562.74 103.342 563.123 102.838 563.048 102.291L561.837 93.3732ZM489.058 138.663C512.25 133.621 530.388 122.488 542.72 112.628C548.888 107.696 553.61 103.078 556.793 99.689C558.385 97.9942 559.593 96.606 560.405 95.6388C560.811 95.1552 561.118 94.7767 561.324 94.5177C561.428 94.3882 561.506 94.2886 561.559 94.2206C561.585 94.1866 561.605 94.1605 561.619 94.1425C561.626 94.1335 561.631 94.1266 561.635 94.1217C561.637 94.1193 561.638 94.1173 561.64 94.1159C561.64 94.1152 561.641 94.1146 561.641 94.1142C561.641 94.1137 561.642 94.1133 560.846 93.5078C560.05 92.9024 560.05 92.9022 560.05 92.9022C560.05 92.9024 560.05 92.9025 560.049 92.9028C560.049 92.9035 560.048 92.9047 560.047 92.9064C560.044 92.9098 560.04 92.9152 560.034 92.9227C560.023 92.9377 560.005 92.9608 559.981 92.9917C559.933 93.0537 559.859 93.1472 559.761 93.2704C559.564 93.517 559.268 93.8826 558.873 94.353C558.083 95.294 556.9 96.6541 555.336 98.3197C552.206 101.651 547.553 106.203 541.471 111.066C529.303 120.794 511.441 131.75 488.633 136.708L489.058 138.663Z" fill="#FF7F00"/>
+<path d="M243.263 12.5109C63.0135 17.1558 1 40.2855 1 71.4239C1 107.141 111.951 136.096 248.816 136.096C385.682 136.096 496.633 107.141 496.633 71.4239C496.633 43.0906 403.289 -3.90268 181.574 1.41531" stroke="#FF7F00" stroke-width="2"/>
+</svg>
diff --git a/src/img/termos/Eye.svg b/src/img/termos/Eye.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e4d5b65a86d947aeead97d9a442af8c1c84281d9
--- /dev/null
+++ b/src/img/termos/Eye.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4Z" fill="white"/>
+<path d="M12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z" fill="white"/>
+</svg>
diff --git a/src/img/termos/Fechado.png b/src/img/termos/Fechado.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9be6bacb60f006e2447cf4e062f7437f5a06c2e
Binary files /dev/null and b/src/img/termos/Fechado.png differ
diff --git a/src/img/termos/FechadoG.svg b/src/img/termos/FechadoG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..93086e81d57f17fe1be785b10ae846dd259309fe
--- /dev/null
+++ b/src/img/termos/FechadoG.svg
@@ -0,0 +1,3 @@
+<svg width="152" height="235" viewBox="0 0 152 235" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.381 173.708V193.375C72.381 195.43 74.0597 197.097 76 197.097C77.9987 197.097 79.619 195.369 79.619 193.375V173.708C83.8359 172.147 86.8571 167.935 86.8571 162.984C86.8571 156.704 81.9962 151.613 76 151.613C70.0038 151.613 65.1429 156.704 65.1429 162.984C65.1429 167.935 68.1641 172.147 72.381 173.708ZM130.286 64.4355V56.849C130.286 25.4522 105.92 0 76 0C46.0188 0 21.7143 25.446 21.7143 56.849V113.71C9.71594 113.745 0 123.865 0 136.523V212.186C0 224.786 9.73951 235 21.7779 235H130.222C142.25 235 152 224.867 152 212.186V136.523C152 123.946 142.295 113.746 130.286 113.71H119.298H43.6275C43.496 112.466 43.4286 111.203 43.4286 109.923V56.8508C43.4286 37.9806 58.0113 22.7419 76 22.7419C93.9521 22.7419 108.571 38.013 108.571 56.8508V64.4355V84.3268C108.571 92.1812 113.391 98.5484 119.429 98.5484C125.425 98.5484 130.286 92.1186 130.286 84.3268V64.4355Z" fill="white" fill-opacity="0.1"/>
+</svg>
diff --git a/src/img/termos/Like.svg b/src/img/termos/Like.svg
new file mode 100644
index 0000000000000000000000000000000000000000..70c43a8d788fa3c5b45ef129c632e559f8bd60c6
--- /dev/null
+++ b/src/img/termos/Like.svg
@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.2493 61.2111H52.4994C54.9202 61.2111 56.991 59.7537 57.866 57.655L66.6744 37.1057C66.9369 36.4353 67.0827 35.7357 67.0827 34.9779V29.1483C67.0827 25.942 64.4577 23.3187 61.2494 23.3187H42.8452L45.616 9.99801L45.7035 9.06527C45.7035 7.8702 45.2077 6.76258 44.4202 5.97558L41.3285 2.91504L22.1077 22.1236C21.0577 23.1729 20.416 24.6303 20.416 26.2335V55.3815C20.416 58.5878 23.041 61.2111 26.2493 61.2111ZM26.2493 26.2335L38.9077 13.5832L34.9993 29.1483H61.2494V34.9779L52.4994 55.3815H26.2493V26.2335Z" fill="white"/>
+<path d="M14.5827 26.2334H2.91602V61.211H14.5827V26.2334Z" fill="white"/>
+</svg>
diff --git a/src/img/termos/Line.svg b/src/img/termos/Line.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0148a325ae67011959a16419a44e592435f608da
--- /dev/null
+++ b/src/img/termos/Line.svg
@@ -0,0 +1,3 @@
+<svg width="373" height="1" viewBox="0 0 373 1" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line y1="0.5" x2="373" y2="0.5" stroke="white"/>
+</svg>
diff --git a/src/img/termos/Mail.png b/src/img/termos/Mail.png
new file mode 100644
index 0000000000000000000000000000000000000000..6680bf9c8367aee25e5a30082754de5fe91131ee
Binary files /dev/null and b/src/img/termos/Mail.png differ
diff --git a/src/img/termos/Negativo.png b/src/img/termos/Negativo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9a6636b649a991dc2ab8ee22b09a1e6a5332f92
Binary files /dev/null and b/src/img/termos/Negativo.png differ
diff --git a/src/img/termos/OrthogonalLineDown.png b/src/img/termos/OrthogonalLineDown.png
new file mode 100644
index 0000000000000000000000000000000000000000..94b0cd52a490853e7c519e758427409f24a933fe
Binary files /dev/null and b/src/img/termos/OrthogonalLineDown.png differ
diff --git a/src/img/termos/OrthogonalLineUp.png b/src/img/termos/OrthogonalLineUp.png
new file mode 100644
index 0000000000000000000000000000000000000000..186ad4a6fa40f8cb51cc7aae3e9eca8f38d488e1
Binary files /dev/null and b/src/img/termos/OrthogonalLineUp.png differ
diff --git a/src/img/termos/Pessoa.svg b/src/img/termos/Pessoa.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a1689484f454a0997bba38c75ae9c9f3b5433118
--- /dev/null
+++ b/src/img/termos/Pessoa.svg
@@ -0,0 +1,4 @@
+<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.2634 39.3259C64.1303 39.3259 67.2941 42.5022 67.2941 46.3842C67.2941 50.2663 64.1303 53.4426 60.2634 53.4426C56.3965 53.4426 53.2327 50.2663 53.2327 46.3842C53.2327 42.5022 56.3965 39.3259 60.2634 39.3259ZM60.2634 74.6176C69.7549 74.6176 80.6525 79.1702 81.3555 81.6759H39.1713C39.9799 79.1349 50.8071 74.6176 60.2634 74.6176ZM60.2634 32.2676C52.4945 32.2676 46.202 38.5848 46.202 46.3842C46.202 54.1837 52.4945 60.5009 60.2634 60.5009C68.0324 60.5009 74.3248 54.1837 74.3248 46.3842C74.3248 38.5848 68.0324 32.2676 60.2634 32.2676ZM60.2634 67.5592C50.8774 67.5592 32.1406 72.2883 32.1406 81.6759V88.7342H88.3862V81.6759C88.3862 72.2883 69.6494 67.5592 60.2634 67.5592Z" fill="white"/>
+<path d="M119.526 60.5C119.526 93.3646 92.9896 120 60.2632 120C27.5367 120 1 93.3646 1 60.5C1 27.6354 27.5367 1 60.2632 1C92.9896 1 119.526 27.6354 119.526 60.5Z" stroke="white" stroke-width="2"/>
+</svg>
diff --git a/src/img/termos/Positivo.png b/src/img/termos/Positivo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0bdca3410b25e2ba1cb98df22b6c59095a51b84
Binary files /dev/null and b/src/img/termos/Positivo.png differ
diff --git a/src/img/termos/Seguranca.svg b/src/img/termos/Seguranca.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1c04356e86f6dd07fc612e317989189baafd07bf
--- /dev/null
+++ b/src/img/termos/Seguranca.svg
@@ -0,0 +1,4 @@
+<svg width="121" height="117" viewBox="0 0 121 117" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M78.3896 46.4647H75.3738V40.6567C75.3738 32.6417 68.6183 26.1367 60.2946 26.1367C51.9709 26.1367 45.2155 32.6417 45.2155 40.6567V46.4647H42.1996C38.8822 46.4647 36.168 49.0783 36.168 52.2727V81.3127C36.168 84.5071 38.8822 87.1207 42.1996 87.1207H78.3896C81.707 87.1207 84.4213 84.5071 84.4213 81.3127V52.2727C84.4213 49.0783 81.707 46.4647 78.3896 46.4647ZM51.2471 40.6567C51.2471 35.8361 55.2883 31.9447 60.2946 31.9447C65.3009 31.9447 69.3421 35.8361 69.3421 40.6567V46.4647H51.2471V40.6567ZM78.3896 81.3127H42.1996V52.2727H78.3896V81.3127ZM60.2946 72.6007C63.612 72.6007 66.3263 69.9871 66.3263 66.7927C66.3263 63.5983 63.612 60.9847 60.2946 60.9847C56.9772 60.9847 54.263 63.5983 54.263 66.7927C54.263 69.9871 56.9772 72.6007 60.2946 72.6007Z" fill="white"/>
+<path d="M119.526 58.08C119.526 89.5699 93.0284 115.16 60.2632 115.16C27.4979 115.16 1 89.5699 1 58.08C1 26.59 27.4979 1 60.2632 1C93.0284 1 119.526 26.59 119.526 58.08Z" stroke="white" stroke-width="2"/>
+</svg>
diff --git a/src/img/termos/Senha.png b/src/img/termos/Senha.png
new file mode 100644
index 0000000000000000000000000000000000000000..13464a963cc3c26e6cf0ca88a2a5e5dfd580d66c
Binary files /dev/null and b/src/img/termos/Senha.png differ
diff --git a/src/img/termos/Unlike.svg b/src/img/termos/Unlike.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ac315504f7117365da402002842227f22e7688bc
--- /dev/null
+++ b/src/img/termos/Unlike.svg
@@ -0,0 +1,4 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M43.7493 8.74512H17.4993C15.0785 8.74512 13.0077 10.2025 12.1327 12.3012L3.32435 32.8505C3.06185 33.5209 2.91602 34.2205 2.91602 34.9783V40.8079C2.91602 44.0142 5.54102 46.6376 8.74935 46.6376H27.1535L24.3827 59.9582L24.2952 60.8909C24.2952 62.086 24.791 63.1936 25.5785 63.9806L28.6702 67.0412L47.891 47.8326C48.941 46.7833 49.5827 45.3259 49.5827 43.7228V14.5747C49.5827 11.3684 46.9577 8.74512 43.7493 8.74512ZM43.7493 43.7228L31.091 56.373L34.9993 40.8079H8.74935V34.9783L17.4993 14.5747H43.7493V43.7228Z" fill="white"/>
+<path d="M67.0827 8.74512H55.416V43.7228H67.0827V8.74512Z" fill="white"/>
+</svg>
diff --git "a/src/img/termos/Usu\303\241rio.png" "b/src/img/termos/Usu\303\241rio.png"
new file mode 100644
index 0000000000000000000000000000000000000000..dd013be6fdddb3c890094d2981d7065bfdb8050e
Binary files /dev/null and "b/src/img/termos/Usu\303\241rio.png" differ
diff --git a/src/img/termos/V.svg b/src/img/termos/V.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0c53ce7cb8115b3b3fd45f16f0da038eef5d2021
--- /dev/null
+++ b/src/img/termos/V.svg
@@ -0,0 +1,26 @@
+<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.77286 6.00984V6.04716C6.88006 6.38308 6.62992 6.38308 6.48698 6.38308C5.9867 6.49505 5.48641 6.64434 5.02186 6.94294C4.80745 7.05491 4.59305 7.12956 4.27143 7.16688C4.55731 6.83096 4.91466 6.79364 5.1648 6.53237C4.70025 6.68167 4.27143 6.90561 3.87835 7.16688C3.87835 7.16688 3.84262 7.16688 3.84262 7.2042C3.84262 7.2042 3.84262 7.2042 3.80688 7.2042C3.73541 7.27885 3.66395 7.31618 3.59248 7.39082C3.59248 7.42815 3.55674 7.46547 3.52101 7.5028C3.44954 7.54012 3.37807 7.61477 3.3066 7.68942C2.59191 8.36125 1.98442 9.14505 1.48413 10.0035C1.48413 10.1155 1.48413 10.1901 1.4484 10.2648C1.23399 10.3767 1.26972 10.6007 1.16252 10.75C0.983846 10.9739 0.840907 11.1979 0.733703 11.4965C0.48356 12.131 0.340622 12.7655 0.233418 13.4C0.0904792 14.4077 -0.0524595 15.4155 0.0190099 16.4232C0.304887 17.2444 0.590765 18.0282 0.912377 18.812C1.23399 19.5584 1.5556 20.2676 1.94868 20.9394C2.3775 21.4246 2.84205 21.8725 3.34233 22.2831C3.66395 22.5817 3.98556 22.8803 4.37864 23.2162C4.05703 23.2535 3.91409 23.1042 3.73541 22.9923C3.48527 22.8056 3.19939 22.619 2.91352 22.4324C2.98499 22.507 3.02072 22.619 3.09219 22.6937C3.4138 22.9176 3.73541 23.1415 4.09276 23.3282C4.30717 23.4401 4.55731 23.5521 4.80746 23.6641C5.62935 23.8507 6.48698 23.9254 7.30888 24C11.8472 22.8803 16.2068 19.2225 15.9924 14.781C15.9567 15.1169 15.8852 15.4528 15.8852 15.7514C15.8852 15.8634 15.8495 16.05 15.6708 16.0873C15.5993 15.938 15.6351 15.7514 15.6708 15.6021C15.6708 14.9676 15.7065 14.3331 15.5279 13.7359V13.7732C15.5279 13.4746 15.5636 13.1387 15.5636 12.8401C15.5636 12.7655 15.5636 12.6908 15.5636 12.6535C15.3134 12.019 14.9918 11.3845 14.563 10.7873C12.8478 8.32392 9.77457 5.82322 6.77286 6.00984ZM13.9198 10.3767C14.8132 12.0563 15.2777 14.0345 14.7774 15.938C14.3486 17.5429 13.4552 19.0732 12.2045 20.1183C11.5613 21.0887 10.8466 22.2084 9.73884 22.6563C9.02415 22.9549 8.27372 22.8803 7.52329 22.6563C5.48641 22.8056 3.44954 21.8725 2.3775 19.6331C2.34176 19.5958 2.34176 19.5211 2.34176 19.4838C0.733703 17.0951 0.697969 13.4746 2.3775 10.9739C3.44954 9.369 5.02186 8.24928 6.84433 7.72674C6.84433 7.61477 6.9158 7.5028 7.023 7.46547C8.20225 6.94294 9.98898 7.2042 11.204 7.98801C12.3475 8.47322 13.3123 9.2197 13.9198 10.3767Z" fill="white"/>
+<path d="M2.34118 19.4834C2.26972 19.3714 2.19825 19.2221 2.12678 19.1102C1.62649 18.4383 1.30488 17.6545 1.019 16.8707C0.947533 16.6468 1.12621 16.4975 1.05474 16.2735C0.947533 15.9376 0.911798 15.5644 0.840329 15.2285C0.625921 14.3327 0.768859 13.4742 0.983267 12.6531C1.30488 11.5334 1.98384 10.7123 2.69853 9.89114C3.19882 9.29395 3.73484 8.77142 4.4138 8.4355C4.48526 8.39818 4.521 8.39818 4.59247 8.36085C4.37806 8.21156 4.19939 8.39818 4.05645 8.51015C3.55616 8.88339 3.09161 9.29395 2.69853 9.74184C2.59133 9.85381 2.48412 9.96578 2.37692 10.0778C2.26972 9.96578 2.34118 9.89114 2.37692 9.81649C3.05588 8.84606 3.84204 8.02494 4.94982 7.53972C5.23569 7.42775 5.4501 7.20381 5.73598 7.09184C6.59361 6.79324 7.45124 6.90522 8.34461 7.05451C8.52328 7.09184 8.80916 7.27846 8.84489 7.01719C8.88063 6.75592 8.55902 6.75592 8.38034 6.75592C8.09447 6.7186 7.80859 6.75592 7.45124 6.7186C7.88006 6.45733 8.48755 6.49465 10.2385 6.86789C9.13077 6.27071 7.91579 5.93479 6.73655 6.04676V6.08409C6.87949 6.38268 6.62934 6.38268 6.48641 6.38268C5.98612 6.49465 5.48584 6.64395 5.02128 6.94254C4.80688 7.05451 4.59247 7.12916 4.27086 7.16648C4.55673 6.83057 4.91408 6.79324 5.16422 6.53198C4.69967 6.68127 4.27086 6.90522 3.87778 7.16648C3.87778 7.16648 3.84204 7.16648 3.84204 7.20381C3.84204 7.20381 3.84204 7.20381 3.80631 7.20381C3.73484 7.27846 3.66337 7.31578 3.5919 7.39043C3.5919 7.42775 3.55616 7.46508 3.52043 7.5024C3.44896 7.53972 3.37749 7.61437 3.30602 7.68902C2.59133 8.36085 1.98384 9.14466 1.48355 10.0031C1.48355 10.1151 1.48355 10.1897 1.44782 10.2644C1.7337 9.66719 2.12678 9.14466 2.6628 8.73409C1.87663 9.89114 1.34061 11.1975 0.69739 12.4292C0.69739 11.832 1.019 11.3468 1.16194 10.7869C0.983267 11.0109 0.876064 11.2348 0.76886 11.5334C0.518717 12.1679 0.375778 12.8024 0.268574 13.4369C0.125635 14.4447 -0.0173032 15.4524 0.0541661 16.4602C0.304309 17.2066 0.554452 17.9158 0.840329 18.625C1.37635 19.5581 1.80516 20.4165 2.48412 21.2003C2.12678 20.9017 1.76943 20.4538 1.44782 20.0433C1.59076 20.3792 1.76943 20.6778 1.9481 21.0137C2.37692 21.4989 2.84147 21.9468 3.34176 22.3573C3.66337 22.6559 3.98498 22.9545 4.37806 23.2904C4.05645 23.3278 3.91351 23.1785 3.73484 23.0665C3.48469 22.8052 3.19882 22.6186 2.91294 22.432C2.98441 22.5066 3.02014 22.6186 3.09161 22.6933C3.41322 22.9172 3.73484 23.1412 4.09218 23.3278C4.30659 23.4397 4.55673 23.5517 4.80688 23.6637C5.12849 23.7383 5.48584 23.7757 5.80745 23.8503C5.30716 23.6637 4.84261 23.4397 4.4138 23.0665C4.37806 23.0292 4.30659 22.9545 4.34233 22.8799C4.37806 22.8426 4.44953 22.8426 4.521 22.8426C4.34233 22.6933 4.16365 22.544 3.98498 22.432C3.44896 22.1334 3.23455 21.5735 2.80574 21.1257C3.12735 21.163 3.30602 21.3496 3.52043 21.5735C3.6991 21.7602 3.87778 22.0588 4.19939 22.0214C4.05645 21.9468 3.91351 21.8348 3.94924 21.6482C3.37749 21.275 2.91294 20.7524 2.51986 20.1926C2.44839 20.0806 2.30545 19.9686 2.34118 19.7073L2.37692 19.7447C2.37692 19.7073 2.34118 19.67 2.34118 19.6327C2.34118 19.5581 2.34118 19.5207 2.34118 19.4834ZM2.73427 20.6778C2.05531 20.2672 1.76943 19.5581 1.55502 18.8116C1.9481 19.4461 2.34118 20.0806 2.73427 20.6778ZM1.26914 18.7742C0.76886 18.289 0.232839 16.4602 0.340043 15.6017C0.554451 16.6841 0.947533 17.6919 1.26914 18.7742Z" fill="white"/>
+<path d="M13.8119 9.77973C14.3122 10.4516 14.5624 11.2354 14.7053 12.2058C14.8482 11.7952 14.6338 11.534 14.7053 11.2354C15.0984 11.8325 15.2413 12.5044 15.3843 13.1762C15.42 13.3628 15.42 13.5121 15.4915 13.6987C15.4915 13.6987 15.4915 13.6987 15.4915 13.6614C15.4915 13.6614 15.4915 13.6614 15.4915 13.6987C15.4557 14.1466 15.3128 14.6318 15.42 15.0424C15.5272 15.4903 15.4915 15.9009 15.4557 16.3487C15.3843 16.9833 15.1699 17.5431 14.8482 18.103C14.6696 18.4016 14.5266 18.6628 14.3837 18.9988C14.4194 18.9988 14.5266 18.9241 14.5266 19.0361C14.5266 19.148 14.4909 19.26 14.3122 19.2973C14.348 19.1854 14.348 19.1107 14.3837 18.9988C13.8477 19.5586 13.4546 20.2678 12.8471 20.7903C12.8114 20.753 12.8114 20.753 12.7756 20.753C12.7756 20.641 12.8471 20.6037 12.8828 20.529C12.454 20.9396 12.0967 21.3875 11.5964 21.7234C11.1318 22.022 10.7388 22.4326 10.0955 22.4699C9.98833 22.5445 9.84539 22.6192 9.70245 22.6565C9.2379 22.8804 8.73761 22.8804 8.23733 22.8431C8.45173 22.9178 8.70188 22.9551 8.91628 23.0297C8.88055 23.1417 8.77335 23.2164 8.70188 23.2164C8.3088 23.1417 7.98718 23.291 7.66557 23.4776C7.5941 23.515 7.52263 23.515 7.45116 23.515C7.12955 23.403 6.80794 23.5523 6.48633 23.5896C6.665 23.5896 6.80794 23.5896 6.98661 23.7389C6.87941 23.8135 6.80794 23.8509 6.70074 23.8882C6.87941 23.8882 7.05808 23.9255 7.20102 23.9255C7.73704 23.7762 8.3088 23.6269 8.84482 23.403C8.88055 23.3657 8.91629 23.3657 8.98775 23.3657C9.05922 23.3283 9.13069 23.3283 9.20216 23.291C12.99 21.7234 16.1347 18.5135 15.956 14.7438C15.9203 15.0797 15.8488 15.4156 15.8488 15.7142C15.8488 15.8262 15.8131 16.0128 15.6344 16.0502C15.5629 15.9009 15.5987 15.7142 15.6344 15.5649C15.6344 14.9304 15.6701 14.2959 15.4915 13.6987C15.4915 13.4002 15.5272 13.0642 15.5272 12.7656C15.5272 12.691 15.5272 12.6163 15.5272 12.579C15.2771 11.9445 14.9554 11.31 14.5266 10.7128C14.2765 10.3769 14.0263 10.041 13.7405 9.70508C13.7405 9.70508 13.7762 9.7424 13.8119 9.77973Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.44769 10.2647C1.73357 9.66747 2.12665 9.14494 2.66267 8.73438C1.87651 9.89142 1.34049 11.1978 0.697266 12.4294C0.697266 11.8323 1.01888 11.3471 1.16182 10.7872C1.26902 10.6006 1.26902 10.3766 1.44769 10.2647Z" fill="white"/>
+<path d="M2.41239 19.7082L2.37666 19.6709C2.30519 19.9322 2.44813 20.0441 2.55533 20.1561C2.94841 20.7533 3.41296 21.2385 3.98472 21.6117C3.3415 21.1639 2.84121 20.5294 2.41239 19.7082Z" fill="white"/>
+<path d="M10.7037 7.09269C10.668 7.13001 10.5965 7.09269 10.5608 7.05536C10.525 7.01804 10.4536 6.98072 10.4893 6.94339C10.4178 6.90607 10.3463 6.86874 10.2749 6.83142C8.48815 6.45818 7.91639 6.42086 7.48758 6.68213C7.80919 6.68213 8.1308 6.68213 8.41668 6.71945C8.59535 6.71945 8.91696 6.71945 8.88123 6.98072C8.84549 7.24198 8.55962 7.05536 8.38094 7.01804C7.52331 6.86874 6.66568 6.75677 5.77231 7.05536C5.4507 7.16734 5.23629 7.39128 4.98615 7.50325C3.87837 7.98846 3.09221 8.80959 2.41325 9.78002C2.37752 9.85466 2.30605 9.92931 2.41325 10.0413C2.55619 9.96664 2.6634 9.85466 2.73487 9.70537C3.12795 9.22016 3.5925 8.84692 4.09278 8.47368C4.23572 8.3617 4.41439 8.17508 4.6288 8.32438C4.73601 8.13776 4.87895 8.02579 5.20056 7.98846C4.98615 8.13776 4.77174 8.13776 4.6288 8.32438C4.55733 8.3617 4.5216 8.3617 4.45013 8.39903C3.77117 8.73494 3.23515 9.2948 2.73487 9.85466C2.02017 10.6758 1.30548 11.5342 1.0196 12.6166C0.769459 13.4751 0.62652 14.3335 0.840928 15.192C0.912398 15.5279 0.948132 15.9011 1.05534 16.2371C1.12681 16.461 0.948132 16.6103 1.0196 16.8342C1.30548 17.6554 1.62709 18.4019 2.12738 19.0737C0.733724 16.7223 0.769459 13.3631 2.37752 10.9744C3.44956 9.36945 5.02188 8.24973 6.84435 7.7272C6.84435 7.61522 6.91582 7.50325 7.02303 7.46593C8.1308 6.98072 9.77459 7.16734 10.9538 7.83917C10.9896 7.83917 11.0253 7.83917 11.0253 7.80184C11.1325 7.61522 11.2755 7.7272 11.3469 7.80184C11.6328 8.02579 11.9187 8.21241 12.1688 8.43635C12.2403 8.511 12.3118 8.58565 12.3475 8.6603C12.955 9.07086 13.4553 9.63072 13.8483 10.3772C14.7417 12.0568 15.2063 14.035 14.706 15.9385C14.3486 17.5434 13.4553 19.0737 12.2046 20.1188C11.6328 20.9772 10.9896 21.9476 10.1319 22.4702C10.7752 22.4328 11.1682 22.0223 11.6328 21.7237C12.1331 21.4251 12.4904 20.9399 12.9192 20.5293C12.8835 20.604 12.7763 20.6413 12.812 20.7533C12.812 20.7533 12.8478 20.7906 12.8835 20.7906C13.491 20.2681 13.8841 19.5589 14.4201 18.999C14.563 18.7004 14.706 18.4019 14.8847 18.1033C15.1705 17.5434 15.4207 16.9835 15.4921 16.349C15.5279 15.9012 15.5636 15.4906 15.4564 15.0427C15.3492 14.6321 15.4921 14.1469 15.5279 13.699C15.4564 13.5497 15.4564 13.3631 15.4207 13.1765C15.2777 12.5047 15.1348 11.8328 14.7417 11.2357C14.6345 11.5342 14.8489 11.7955 14.7417 12.2061C14.5988 11.2357 14.3486 10.4518 13.8483 9.78002C13.8126 9.74269 13.8126 9.70537 13.7769 9.66804C12.8835 8.69762 11.8472 7.80184 10.7037 7.09269ZM5.95099 7.87649C5.91525 7.91382 5.84378 7.91382 5.80805 7.91382C5.73658 7.91382 5.66511 7.95114 5.59364 7.87649C5.73658 7.76452 5.87952 7.76452 6.02245 7.76452C6.09392 7.83917 5.98672 7.83917 5.95099 7.87649Z" fill="white"/>
+<path d="M13.2051 16.8709C13.2051 16.8335 13.2051 16.7962 13.2408 16.7589C13.2765 16.7216 13.3123 16.7216 13.3123 16.7962C13.3123 16.8335 13.3123 16.8709 13.2765 16.9082C13.2051 16.9082 13.2051 16.9082 13.2051 16.8709Z" fill="white"/>
+<path d="M7.6654 22.6938C7.59393 22.6938 7.55819 22.6938 7.48672 22.6565C6.23601 22.7311 4.9853 22.3952 3.98473 21.6114C3.94899 21.8353 4.09193 21.91 4.23487 21.9846C4.23487 21.9846 4.23487 21.9846 4.27061 21.9846C4.59222 22.3952 5.12824 22.4699 5.48558 22.8431C5.05677 22.5818 4.44928 22.6192 4.27061 21.9846C3.94899 21.9846 3.80605 21.7234 3.59165 21.5368C3.37724 21.3128 3.19857 21.1262 2.87695 21.0889C3.27003 21.4994 3.52018 22.0966 4.0562 22.3952C4.23487 22.5072 4.41354 22.6565 4.59222 22.8058H4.55648C4.80663 22.9177 5.05677 22.9924 5.27118 23.179C5.48558 23.1417 5.69999 23.291 5.87866 23.3656C6.09307 23.4776 6.34322 23.5896 6.55762 23.5896C6.87924 23.5522 7.16511 23.403 7.52246 23.5149C7.59393 23.5149 7.6654 23.5149 7.73687 23.4776C8.05848 23.291 8.38009 23.1417 8.77317 23.2163C8.84464 23.2163 8.95185 23.1417 8.98758 23.0297C8.73744 22.9551 8.52303 22.9177 8.27289 22.8431C8.05848 22.8058 7.84407 22.7684 7.6654 22.6938Z" fill="white"/>
+<path d="M6.55927 23.5895C6.30913 23.5895 6.09472 23.4775 5.88031 23.3655C5.63017 23.4402 5.4515 23.3282 5.23709 23.1789C4.95121 23.1416 4.7368 22.9923 4.5224 22.8057C4.45093 22.8057 4.37946 22.8057 4.34372 22.843C4.30799 22.9176 4.37946 22.955 4.41519 23.0296C4.84401 23.3655 5.30856 23.6268 5.80884 23.8134C6.13046 23.8507 6.45207 23.8881 6.77368 23.9254C6.88088 23.8881 6.95235 23.8134 7.05956 23.7761C6.88088 23.5895 6.70221 23.5895 6.55927 23.5895Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.339994 15.6025C0.554402 16.6849 0.947483 17.6927 1.2691 18.7751C0.76881 18.2899 0.23279 16.461 0.339994 15.6025Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.948422 18.812C1.1271 19.2226 1.30577 19.5959 1.48444 19.9691C1.80605 20.417 2.1634 20.8275 2.52075 21.1261C1.87752 20.3797 1.41297 19.4839 0.876953 18.5508C0.912688 18.6628 0.912688 18.7374 0.948422 18.812Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.55469 18.8115C1.94777 19.4087 2.34085 20.0432 2.73393 20.6777C2.05497 20.2672 1.7691 19.558 1.55469 18.8115Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.384 19.0361C14.4197 19.0361 14.5269 18.9614 14.5269 19.0734C14.5269 19.1854 14.4912 19.2974 14.3125 19.3347C14.3482 19.2227 14.3482 19.1107 14.384 19.0361Z" fill="white"/>
+<path d="M12.2052 8.43586C11.9551 8.21191 11.6335 8.02529 11.3833 7.80135C11.2761 7.7267 11.1689 7.61473 11.0617 7.80135C11.026 7.876 10.9902 7.876 10.9902 7.876C11.0617 7.91332 11.1689 7.98797 11.2404 8.02529C11.3118 8.06262 11.3833 8.06262 11.4548 8.09994C11.4905 8.09994 11.4905 8.13726 11.5263 8.13726C11.8479 8.28656 12.1695 8.47318 12.4554 8.6598C12.3482 8.58515 12.2767 8.5105 12.2052 8.43586Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.23633 22.0215C4.55794 22.432 5.09396 22.5067 5.45131 22.8799C5.02249 22.6187 4.415 22.656 4.23633 22.0215Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.23618 23.216C4.9503 23.1787 4.70016 23.0294 4.52148 22.8428C4.77163 22.9174 5.0575 22.9921 5.23618 23.216Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.59375 7.87564C5.73669 7.76367 5.87963 7.76367 6.02257 7.76367C6.09404 7.87564 5.98683 7.87564 5.9511 7.87564C5.91536 7.91297 5.84389 7.91297 5.80816 7.91297C5.73669 7.91297 5.66522 7.95029 5.59375 7.87564Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.62891 8.3242C4.73611 8.13758 4.87905 8.02561 5.20066 7.98828C4.98625 8.1749 4.73611 8.1749 4.62891 8.3242Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.8444 23.3654C5.59425 23.44 5.41558 23.328 5.20117 23.1787C5.45131 23.1414 5.66572 23.2907 5.8444 23.3654Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2414 16.8711C13.2057 16.9084 13.1699 16.9084 13.1699 16.8338C13.1699 16.7964 13.1699 16.7591 13.2057 16.7218C13.2414 16.6845 13.2771 16.6845 13.2771 16.7591C13.2771 16.7964 13.2771 16.8338 13.2414 16.8711Z" fill="white"/>
+<path d="M2.34256 19.4838C2.27109 19.3718 2.16388 19.2225 2.09241 19.0732C1.94948 19.0359 1.87801 19.3718 1.98521 19.4464C2.16388 19.6331 2.37829 19.8197 2.5927 20.0063C2.52123 19.8943 2.44976 19.745 2.37829 19.5957C2.34256 19.5584 2.34256 19.5211 2.34256 19.4838Z" fill="white"/>
+<path d="M7.95174 6.42061C4.80709 6.7192 1.98405 9.70512 0.554661 12.4671C0.518926 12.5044 0.590396 12.6164 0.62613 12.5417C2.37713 10.265 4.3068 7.91357 7.12984 7.05512C10.4174 6.08469 13.6335 8.69737 14.6341 11.8699C15.6704 15.0424 14.6699 18.8868 12.1327 21.0143C11.7753 21.3129 11.3823 21.5741 10.9534 21.7608C10.5961 22.134 10.203 22.4699 9.73847 22.6565C9.63127 22.6939 9.52406 22.7312 9.41686 22.7685C10.346 22.6565 11.3108 22.2833 12.2042 21.6488C15.0272 19.596 15.9563 15.453 15.1701 12.1312C14.384 8.80934 11.3108 6.04737 7.95174 6.42061Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.02392 23.0668C8.27349 23.0668 7.63027 23.0668 6.91557 22.8801C6.12941 22.6562 5.41472 22.171 4.77149 21.6485C3.52078 20.6407 2.73462 19.2597 1.62684 18.14C1.51964 18.028 1.44817 18.2146 1.48391 18.3266C2.16286 19.7823 3.44931 21.0513 4.66429 22.0217C5.8078 22.9548 7.63027 23.9252 9.05965 23.2534C9.13112 23.1787 9.09539 23.0668 9.02392 23.0668Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9964 0.0412816C17.955 0 17.8722 0 17.7479 0C17.4579 0.412816 16.9607 0.536661 16.5464 0.784351C15.0135 1.81639 13.8121 3.42638 12.6935 4.91252C11.5335 6.43994 10.4149 8.0912 9.6277 9.90759L9.13055 10.9396C8.42625 13.2101 7.43195 15.1504 6.93479 17.6273C6.39621 15.3568 5.77477 12.8799 5.1119 10.8984L4.69761 9.82503C4.15902 8.75171 3.78616 7.51326 3.16472 6.5225C2.91614 6.0684 2.54328 5.53174 2.04612 5.32533C1.83898 6.10968 2.37756 6.89403 2.709 7.6371C3.04043 8.42145 3.45472 9.20581 3.62044 9.94888L3.95188 10.8984C4.73904 13.2101 5.44334 16.4301 6.06478 19.0721C6.14763 19.5262 6.18906 20.1042 6.39621 20.3931C6.64479 20.8059 7.43195 21.0949 7.88767 20.9711C8.50911 20.8472 8.88197 19.2372 9.00626 18.6593C9.25484 17.5447 9.37913 16.6365 9.58627 15.8109C10.0834 13.9532 10.7877 12.3845 11.5335 10.8984C11.5749 10.8571 11.5749 10.7332 11.6577 10.7332L12.1963 9.6599C12.4035 9.12324 12.7349 8.71043 12.9835 8.21505C13.2735 7.67838 13.3563 7.10044 13.6464 6.60506C13.8535 6.19225 14.2264 5.77943 14.5164 5.32533C15.4692 3.71535 16.5464 2.27049 17.5821 0.825633C17.7064 0.619225 18.0379 0.454098 17.9964 0.0412816Z" fill="white"/>
+</svg>
diff --git a/src/img/termos/add-icon.svg b/src/img/termos/add-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..08cc2308c8d2bf5941b219611b338947d6ac0df3
--- /dev/null
+++ b/src/img/termos/add-icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+ <path d="M0 0h24v24H0z" fill="none"/>
+</svg>
diff --git a/src/img/termos/banner.jpg b/src/img/termos/banner.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..131a7907dd2e5839b1bfc913854b378a7546d7a0
Binary files /dev/null and b/src/img/termos/banner.jpg differ
diff --git a/src/img/termos/handshake.svg b/src/img/termos/handshake.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7bde658e631f91995a5aed3591aa46b202295bb2
--- /dev/null
+++ b/src/img/termos/handshake.svg
@@ -0,0 +1,14 @@
+<svg width="236" height="179" viewBox="0 0 236 179" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M167.815 25.0125C167.815 25.0125 70.3541 -9.26785 68.9849 60.7128C68.9849 60.7128 68.7345 75.7231 79.161 74.5914C92.0435 73.2249 101.367 66.7126 101.367 55.1239C101.367 43.5352 120.797 51.8784 120.797 51.8784L186.926 109.843L204.577 81.061" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M32.8828 86.666C32.8828 86.666 109.208 169.629 122.624 167.312C136.039 164.995 133.279 154.8 133.279 154.8L106.433 132.572" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M157.5 84.0771C157.5 84.0771 193.398 109.379 191.549 118.651C189.701 127.923 177.671 130.234 170.744 125.137C163.818 120.039 127.723 93.6428 127.723 93.6428" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M117.537 114.957C117.537 114.957 158.241 147.401 166.105 144.62C175.002 141.476 176.127 130.934 169.195 125.82C162.264 120.706 127.713 93.6055 127.713 93.6055" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M117.537 114.957C117.537 114.957 156.706 141.311 156.616 149.654C156.515 159.107 146.919 163.575 139.855 158.654C132.79 153.732 106.434 132.572 106.434 132.572" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M185.722 2.01043L162.527 16.4248L210.805 94.4066L233.999 79.9922L185.722 2.01043Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M2.0007 79.9816L25.1953 94.396L73.4726 16.4142L50.278 1.99984L2.0007 79.9816Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M57.1547 103.426L57.1506 103.423C51.5036 98.8576 43.232 99.7433 38.6754 105.401L30.5923 115.438C26.0358 121.095 26.9198 129.383 32.5668 133.948L32.5709 133.951C38.2179 138.517 46.4895 137.631 51.0461 131.973L59.1291 121.937C63.6857 116.279 62.8017 107.991 57.1547 103.426Z" fill="#1AB9DE" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M76.2726 136.557C80.1935 131.688 79.4338 124.557 74.5757 120.63C69.7176 116.702 62.6008 117.465 58.6798 122.334L50.8611 132.042C46.9401 136.911 47.6999 144.041 52.558 147.969C57.4161 151.896 64.5329 151.134 68.4538 146.265L76.2726 136.557Z" fill="#1AB9DE" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M94.3195 153.237C98.2404 148.369 97.4807 141.238 92.6226 137.311C87.7645 133.383 80.6476 134.146 76.7267 139.014L68.9079 148.723C64.987 153.591 65.7468 160.722 70.6049 164.65C75.463 168.577 82.5798 167.814 86.5007 162.946L94.3195 153.237Z" fill="#1AB9DE" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M110.877 163.334C114.192 159.218 113.549 153.189 109.44 149.868C105.332 146.547 99.3147 147.191 95.9999 151.307L89.3855 159.52C86.0707 163.636 86.7138 169.665 90.8219 172.986C94.9301 176.308 100.948 175.663 104.262 171.547L110.877 163.334Z" fill="#1AB9DE" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M71.6484 24.2119L81.606 28.3382" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+</svg>
diff --git a/src/img/termos/linha.svg b/src/img/termos/linha.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f3f795e05a10b7bb7f4d60dce50f819fabdfcfe8
--- /dev/null
+++ b/src/img/termos/linha.svg
@@ -0,0 +1,3 @@
+<svg width="438" height="1" viewBox="0 0 438 1" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line y1="-0.5" x2="438" y2="-0.5" transform="translate(0 1)" stroke="white"/>
+</svg>
diff --git a/src/img/termos/remove-icon.svg b/src/img/termos/remove-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ab7f7ba90e3edc9505e12915fb5c351210a2073f
--- /dev/null
+++ b/src/img/termos/remove-icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path d="M19 13H5v-2h14v2z"/>
+ <path d="M0 0h24v24H0z" fill="none"/>
+</svg>