Links to the footer, including social icons

This commit is contained in:
Luis Fernando Molina committed 2018-09-05 08:05:43 +02:00
1 parent 1a362a94f6
commit b25e20846c
2 files changed
+20 -15

No files matched your search

+20 -5
View File
@@ -1,4 +1,5 @@
import React from 'react'
import { NavLink, withRouter } from 'react-router-dom'
const Footer = () => {
return (
@@ -11,11 +12,25 @@ const Footer = () => {
</div>
<div className="col l4 offset-l2 s12">
<h5 className="white-text">Links</h5>
<ul>
<li><a className="grey-text text-lighten-3" href="#!">Link 1</a></li>
<li><a className="grey-text text-lighten-3" href="#!">Link 2</a></li>
<li><a className="grey-text text-lighten-3" href="#!">Link 3</a></li>
<li><a className="grey-text text-lighten-3" href="#!">Link 4</a></li>
<ul className="right hide-on-med-and-down">
<li><NavLink exact to="/">Home</NavLink></li>
<li><NavLink to='/profile'>Profile</NavLink></li>
<li><NavLink to='/browse'>Browse</NavLink></li>
<li><NavLink to='/search'>Search</NavLink></li>
<li><NavLink to='/contact'>Contact</NavLink></li>
<li><NavLink to='/about'>About</NavLink></li>
<li><a href="http://modules.advancedalgos.net">Modules</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
<i className="fab fa-youtube"></i>
</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
<i className="fab fa-facebook"></i>
</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
<i className="fab fa-twitter"></i>
</a></li>
</ul>
</div>
</div>
-10
View File
@@ -34,16 +34,6 @@ const Navbar = (props) => {
<li><NavLink to='/about'>About</NavLink></li>
<li><a href="http://modules.advancedalgos.net">Modules</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
<i className="fab fa-youtube"></i>
</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
<i className="fab fa-facebook"></i>
</a></li>
<li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
<i className="fab fa-twitter"></i>
</a></li>
</ul>
<ul className="sidenav grey lighten-2" id="mobile-menu">
<li><NavLink exact to="/">Home</NavLink></li>