49 lines
2.0 KiB
JavaScript
49 lines
2.0 KiB
JavaScript
import React from 'react'
|
|
import { NavLink, withRouter } from 'react-router-dom'
|
|
|
|
const Footer = () => {
|
|
return (
|
|
<footer>
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col l6 s12">
|
|
<h5 className="white-text">Footer Content</h5>
|
|
<p className="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
|
|
</div>
|
|
<div className="col l4 offset-l2 s12">
|
|
<h5 className="white-text">Links</h5>
|
|
<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>
|
|
</div>
|
|
<div className="footer-copyright">
|
|
<div className="container">
|
|
© 2014 Copyright Text
|
|
<a className="grey-text text-lighten-4 right" href="#!">More Links</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|
|
|
|
export default Footer
|