From 3874a9fd343db0a51a7e0345e4c33dbf06f5ce09 Mon Sep 17 00:00:00 2001
From: Riba <mrp19@inf.ufpr.br>
Date: Wed, 30 Oct 2019 12:00:49 -0300
Subject: [PATCH] Changed colors on links, and texts. Fixing identation

---
 src/Components/ExpansionPanels.js | 46 ++++++++++----------
 src/Pages/UserTerms.js            | 72 +++++++++++++------------------
 2 files changed, 55 insertions(+), 63 deletions(-)

diff --git a/src/Components/ExpansionPanels.js b/src/Components/ExpansionPanels.js
index 75786564..613c8d62 100644
--- a/src/Components/ExpansionPanels.js
+++ b/src/Components/ExpansionPanels.js
@@ -32,7 +32,7 @@ export default function CustomizedExpansionPanels() {
             <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 <a href="https://gitlab.c3sl.ufpr.br/portalmec" target="_blank">gitlab.c3sl.ufpr.br/portalmec</a>.</p>
+                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 <a style={{color:"#00BCD4"}} href="https://gitlab.c3sl.ufpr.br/portalmec" target="_blank">gitlab.c3sl.ufpr.br/portalmec</a>.</p>
                 <p>A <strong>Plataforma Integrada de RED do MEC</strong> funciona ao mesmo tempo como repositório e referatório:</p>
                 <ul>
                   <li>
@@ -44,15 +44,17 @@ export default function CustomizedExpansionPanels() {
                 </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 <a href="contato">Contato</a> da plataforma.</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 <a style={{color:"#00BCD4"}} href="contato">Contato</a> da plataforma.</p>
               </div>
             </Grid>
             <Grid item  xs={12} md={1}></Grid>
             <Grid item xs={12} md={4}>
-              <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 style={{color:"#00BCD4"}}>
+                <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>
         </MuiExpansionPanelDetails>
@@ -77,7 +79,7 @@ export default function CustomizedExpansionPanels() {
             </Grid>
             <Grid item xs={12} md={1}></Grid>
             <Grid item xs={12} md={4}>
-              <div>
+              <div style={{color:"#00BCD4"}}>
                 <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>
@@ -117,13 +119,13 @@ export default function CustomizedExpansionPanels() {
                 <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 <a href="http://www.planalto.gov.br/ccivil_03/leis/L8069.htm" target="_blank">Estatuto da Criança e do Adolescente</a>), que invada a privacidade de terceiros, que tenha cunho comercial, viole os <a href="http://www.onu.org.br/img/2014/09/DUDH.pdf" target="_blank">Direitos Humanos</a> 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>
+                    <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 <a style={{color:"#00BCD4"}} href="http://www.planalto.gov.br/ccivil_03/leis/L8069.htm" target="_blank">Estatuto da Criança e do Adolescente</a>), que invada a privacidade de terceiros, que tenha cunho comercial, viole os <a style={{color:"#00BCD4"}} href="http://www.onu.org.br/img/2014/09/DUDH.pdf" target="_blank">Direitos Humanos</a> 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 <a href="http://www.planalto.gov.br/ccivil_03/leis/L9610.htm" target="_blank">legislação de Direito Autoral</a>, 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>
+                    <p>Disponibilizar conteúdo em desconformidade com a <a style={{color:"#00BCD4"}} href="http://www.planalto.gov.br/ccivil_03/leis/L9610.htm" target="_blank">legislação de Direito Autoral</a>, 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>
@@ -139,7 +141,7 @@ export default function CustomizedExpansionPanels() {
             </Grid>
             <Grid item xs={12} md={1}></Grid>
             <Grid item xs={12} md={4}>
-              <div>
+              <div style={{color:"#00BCD4"}}>
                 <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>
@@ -159,9 +161,9 @@ export default function CustomizedExpansionPanels() {
           <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 <a 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</a>, exceto nos casos em que for indicado de outra forma.</p>
+                <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 <a style={{color:"#00BCD4"}} 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</a>, 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 <a href="https://www.gnu.org/licenses/gpl.html" target="_blank">Licença Pública Geral Affero GNU GPL</a> (veja a tradução livre <a href="https://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">aqui</a>), que visa garantir a liberdade de compartilhar e de modificar softwares livres.</p>
+                <p>Aplica-se aos códigos de software desenvolvidos pela <strong>Plataforma Integrada de RED do MEC</strong> a <a style={{color:"#00BCD4"}} href="https://www.gnu.org/licenses/gpl.html" target="_blank">Licença Pública Geral Affero GNU GPL</a> (veja a tradução livre <a style={{color:"#00BCD4"}} href="https://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">aqui</a>), 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>
@@ -177,7 +179,7 @@ export default function CustomizedExpansionPanels() {
                     <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 <a href="http://aberta.org.br/compatibilidade/" target="_blank">Iniciativa Educação Aberta</a>.</p>
+                <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 <a style={{color:"#00BCD4"}} href="http://aberta.org.br/compatibilidade/" target="_blank">Iniciativa Educação Aberta</a>.</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>
@@ -185,7 +187,7 @@ export default function CustomizedExpansionPanels() {
             </Grid>
             <Grid item xs={12} md={1}></Grid>
             <Grid item xs={12} md={4}>
-              <div>
+              <div style={{color:"#00BCD4"}}>
                 <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>
@@ -231,7 +233,7 @@ export default function CustomizedExpansionPanels() {
             </Grid>
             <Grid item xs={12} md={1}></Grid>
             <Grid item xs={12} md={4}>
-              <div  >
+              <div style={{color:"#00BCD4"}}>
                 <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>
@@ -253,7 +255,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <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>
@@ -285,7 +287,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <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>
@@ -309,7 +311,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <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>
@@ -331,7 +333,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <p>BASICAMENTE,</p>
               <p>Não há nenhum tipo de vínculo (trabalhista, parceria, etc) entre a Plataforma e o usuário.</p>
             </div>
@@ -354,7 +356,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <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>
@@ -375,7 +377,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div  >
+            <div style={{color:"#00BCD4"}}>
               <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>
@@ -396,7 +398,7 @@ export default function CustomizedExpansionPanels() {
           </Grid>
           <Grid item xs={12} md={1}></Grid>
           <Grid item xs={12} md={4}>
-            <div>
+            <div style={{color:"#00BCD4"}}>
               <p>BASICAMENTE,</p>
               <p>Em caso de dúvidas ou litígios, é preciso recorrer ao Foro da Justiça Federal.</p>
             </div>
diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js
index 88812dfd..8c438b98 100644
--- a/src/Pages/UserTerms.js
+++ b/src/Pages/UserTerms.js
@@ -69,52 +69,44 @@ class UserTerms extends Component {
 
           <div style= {secao2}>
             <Grid container spacing={3}>
-              <Grid item xs={2}></Grid>
-              <Grid item xs={8}>
+              <Grid item xs={12} md={1}></Grid>
+              <Grid item xs={12} md={10}>
                 <div>
                   <h3 style= {{textAlign: "center",fontWeight: "100",fontFamily:"'Roboto', sans-serif",fontSize:"30px"}}><strong style={{fontWeight:"700"}}>Plataforma Integrada de Recursos Educacionais Digitais,</strong><br/>uma iniciativa do Ministério da Educação!</h3>
 
-                  <p style={{textAlign:"justify"}}>A <strong>Plataforma Integrada de RED do MEC</strong> é parte do processo de implementação do Compromisso 6 do <a 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</a> (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 style={{textAlign:"justify"}}>A <strong>Plataforma Integrada de RED do MEC</strong> é parte do processo de implementação do Compromisso 6 do <a style={{color:"#00BCD4",textDecoration:"none"}} 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</a> (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 style={{textAlign:"justify"}}>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 domínio pú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.” <a style={{color:"#00BCD4"}} 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)</a>.
+                  <p style={{textAlign:"justify"}}>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 domínio pú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.” <a style={{color:"#00BCD4",textDecoration:"none"}}  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)</a>.
                   </p>
                 </div>
               </Grid>
-              <Grid item xs={2}></Grid>
+              <Grid item xs={12} md={1}></Grid>
             </Grid>
           </div>
 
           <div style = {{background: "#ff7f00"}} >
             <h1 style = {center}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
             <Grid container spacing ={3}>
-              <Grid item xs={6} >
+              <Grid item xs={12} md={1} ></Grid>
+              <Grid item xs={12} md={5} >
                 <h2>Abertos</h2>
-                  <spam >
-                  De acordo com a Declaração de Paris, são recursos que, no mínimo,<br/>
-                  têm uma licença de uso mais flexível, que garante livre<br/>
-                  redistribuição. Adicionalmente, um recurso aberto deve utilizar um<br/>
-                  formato aberto, um formato de arquivo que permite a fácil edição por<br/>
-                  terceiros. Nenhum controle sobre o acesso (como cadastro e senha)<br/>
-                  deve existir para acesso a recursos abertos. Em sua maioria, são<br/>
-                  recursos gratuitos.
-                </spam>
+                <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>
+
               </Grid>
-              <Grid item xs={6}>
+              <Grid item xs={12} md={5}>
                 <h2>Fechados</h2>
-                  <spam>
-                    São recursos que criam restrições no seu acesso, uso ou reuso.<br/>
-                    Como exemplo, podemos mencionar recursos que só são acessíveis<br/>
-                    mediante cadastro ou que têm licenças restritivas (como “todos os<br/>
-                    direitos reservados”, o símbolo ©). Podem ser gratuitos ou pagos.<br/>
-                  </spam>
-                </Grid>
+                <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>
+
+              </Grid>
+              <Grid item xs={12} md={1} ></Grid>
             </Grid>
           </div>
-
+          <Grid container spacing={3}>
+          <Grid item xs={12} md={1}></Grid>
+          <Grid item xs={12} md={10}>
           <div>
             <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 básica. A<br/>
-               <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" traget="_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
+              O <a style={{color:"#00BCD4",textDecoration:"none"}} 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 básica. A <a style={{color:"#00BCD4",textDecoration:"none"}} 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" traget="_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>
 
@@ -123,28 +115,26 @@ class UserTerms extends Component {
 
             <h4 style ={center}>Início da vigência: agosto de 2017</h4>
 
-            <spam>
-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.
-
-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.
-
-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.
-
-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.
-
-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.
-
-            </spam>
+            <div>
+              <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>
 
           </div>
+          </Grid>
+          <Grid item xs={12} md={1}></Grid>
+          </Grid>
           <Grid container spacing={3}>
-          <Grid item xs={2}></Grid>
-          <Grid item xs={8}>
+          <Grid item xs={12} md={2}></Grid>
+          <Grid item xs={12} md={8}>
           <div style={{verticalAlign: "middle"}}>
             <ExpansionPanels/>
           </div>
           </Grid>
-          <Grid item xs={2}></Grid>
+          <Grid item xs={12} md={2}></Grid>
           </Grid>
         </div>
       );
-- 
GitLab