Pagina Termos-layout-fazendo

src/App.js

@@ -23,6 +23,7 @@ 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 ResourcePage from './Pages/ResourcePage';
 import {BrowserRouter, Switch, Route} from 'react-router-dom';
 import { Store } from './Store'
@@ -66,6 +67,7 @@ export default function App(){
         <Route path="/busca" component={Search} />
         <Route path="/usuario" component={UserPage} />
         <Route path="/recurso" component={ResourcePage}/>
+      	<Route path="/termos" component={UserTerms}/>	
       </Switch>
       <EcFooter/>
       <GNUAGPLfooter/>

src/Pages/UserTerms.js

+/*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 ExpansionPanels from '../Components/ExpansionPanels'
+
+
+
+const bannerStyle={
+  width: "100%",
+  //backgroundImage: `url(${banner})`,
+  //backgroundSize: "cover",
+  textAlign: "center",
+  backgroundColor: "blue"
+}
+const center={
+  with: "100%",
+  textAlign: "center"
+}
+
+class UserTerms extends Component {
+    render() {
+      return (
+        <div>
+          <h1> Página visulizar Termos</h1>
+
+          <div style = {bannerStyle}>
+            <h1> Termos de Uso</h1>
+            <h3 style = {{color: "red"}}> Veja a versão resumida</h3>
+          </div>
+
+          <div style = {{with: "100%",textAlign: "center"}}>
+            <h1>Plataforma Integrada de Recursos Educacionais Digitais,</h1>
+            <h2>uma iniciativa do Ministério da Educação!</h2>
+
+          </div>
+
+          <div style = {center}>
+            <spam>A Plataforma Integrada de RED do MEC é parte do processo de implementação do Compromisso 6
+             do 3º Plano de Ação da Parceria 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”.
+            </spam>
+
+          </div>
+
+          <div>
+            <ExpansionPanels/>
+          </div>
+
+
+
+
+
+
+
+
+        </div>
+      );
+    }
+  }
+
+export default UserTerms;