diff --git a/src/Components/EcFooter.js b/src/Components/EcFooter.js index 29d075706fac3c7dd8716f149083e0297439ced1..8082a8dbfbaeb12122d28afe9aa284c2854bbc8f 100644 --- a/src/Components/EcFooter.js +++ b/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 styled from 'styled-components'; const blueFooter={ backgroundColor: "#00bcd4", @@ -26,7 +27,7 @@ const blueFooter={ display: "block", paddingTop: "2em", paddingBottom: "2em", - verticalAlign: "bottom" + verticalAlign: "bottom", } const listStyle={ listStyleType: "none", @@ -34,6 +35,10 @@ const listStyle={ padding: "0", lineHeight: "1.6", } +const WhiteLink = styled.a` + text-decoration: none; + color: white; +` class EcFooter extends Component{ render(){ @@ -44,20 +49,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> <WhiteLink href="#sobre">Sobre a Plataforma</WhiteLink> </li> + <li> <WhiteLink href="#parceiros">Portais Parceiros</WhiteLink> </li> + <li> <WhiteLink href="#termos-de-uso">Termos de Uso</WhiteLink> </li> + <li> <WhiteLink href="#contato">Contato</WhiteLink> </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> <WhiteLink href="#ajuda">Central de Ajuda</WhiteLink> </li> + <li> <WhiteLink href="#publicar">Publicando Recursos</WhiteLink> </li> + <li> <WhiteLink href="#busca">Encontrando Recursos</WhiteLink> </li> + <li> <WhiteLink href="#rede">Participando da Rede</WhiteLink> </li> + <li> <WhiteLink href="#conta">Gerenciando a Conta</WhiteLink> </li> </ul> </Col> <Col md={4} sm={12} xs={12}>