Trying to fix the merge errors

src/Components/EcFooter.js

@@ -19,6 +19,7 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
 import React, {Component} from 'react';
 import {Row, Col, Container} from 'react-grid-system';
 import eduConectada from '../img/educa-conectada.png';
+import { Link } from '@material-ui/core';
 
 const blueFooter={
   backgroundColor: "#00bcd4",
@@ -44,20 +45,20 @@ class EcFooter extends Component{
         <Col md={4} sm={5} xs={5}>
           <h4>Sobre</h4>
           <ul style={listStyle}>
-          <li> <a href="#sobre">Sobre a Plataforma</a> </li>
-          <li> <a href="#parceiros">Portais Parceiros</a> </li>
-          <li> <a href="#termos-de-uso">Termos de Uso</a> </li>
-          <li> <a href="#contato">Contato</a> </li>
+          <li> <a href="/sobre">Sobre a Plataforma</a> </li>
+          <Link> <a ref="ref" href="/sobre">Portais Parceiros</a> </Link>
+          <li> <a href="/termos">Termos de Uso</a> </li>
+          <li> <a href="/contato">Contato</a> </li>
           </ul>
         </Col>
         <Col md={4} sm={5} xs={5}>
           <h4>Ajuda</h4>
           <ul style={listStyle}>
-          <li>    <a href="#ajuda">Central de Ajuda</a> </li>
-          <li>    <a href="#publicar">Publicando Recursos</a> </li>
-          <li>    <a href="#busca">Encontrando Recursos</a> </li>
-          <li>    <a href="#rede">Participando da Rede</a> </li>
-          <li>    <a href="#conta">Gerenciando a Conta</a> </li>
+          <li>    <a href="/ajuda">Central de Ajuda</a> </li>
+          <li>    <a href="/publicando-recurso">Publicando Recursos</a> </li>
+          <li>    <a href="/encontrando-recurso">Encontrando Recursos</a> </li>
+          <li>    <a href="/participando-da-rede">Participando da Rede</a> </li>
+          <li>    <a href="/gerenciando-conta">Gerenciando a Conta</a> </li>
           </ul>
         </Col>
         <Col md={4} sm={12} xs={12}>

src/Components/MenuBar.js

@@ -102,7 +102,7 @@ export default function MenuBar(props){
 
   const menuSobre = [
     { name: "Sobre a Plataforma", href: "sobre" },
-    { name: "Portais Parceiros", href: "" },
+    { name: "Portais Parceiros", href: "sobre#parceiros" },
     { name: "Termos de Uso", href: "termos" },
     { name: "Contato", href: "contato" }
   ]

src/Pages/AboutPage.js

@@ -47,8 +47,6 @@ import Impulsiona from "../img/logo_parceiros/impulsiona.png";
 import InstPeninsula from "../img/logo_parceiros/inst-peninsula.png";
 import Telefonica from "../img/logo_parceiros/telefonica.png";
 
-
-
 const Secao1 = styled.div`
   height: 600px;
   background-color: #333;
@@ -575,6 +573,8 @@ const Secao8 = styled.div`
 
 export default function AboutPage(props) {
 
+  const ref = React.createRef();
+
   return (
     <>
 
@@ -660,7 +660,7 @@ export default function AboutPage(props) {
       </Secao3>
 
       <Secao4>
-        <div className="container">
+        <div ref={ref} className="container">
           <div className="container-secao">
             <div className="conteudo-secao">
               <div>