{"size": 1284, "ext": "js", "max_stars_repo_path": "src/components/Footer.js", "max_stars_repo_name": "chris-hammond/tech-connect-frontend", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Footer.js", "max_issues_repo_name": "chris-hammond/tech-connect-frontend", "max_issues_repo_issues_event_min_datetime": "2019-02-26T00:41:11.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T10:03:54.000Z", "max_forks_repo_path": "src/components/Footer.js", "max_forks_repo_name": "chris-hammond/tech-connect-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 63, "max_forks_count": null, "avg_line_length": 32.9230769231, "max_line_length": 111, "alphanum_fraction": 0.5319314642}
import React from 'react'
import { Link, withPrefix } from 'gatsby'


const Footer = class extends React.Component {
  render() {
    return (
      <footer className="footer has-background-white has-text-black-ter">
        <div className="content has-text-centered">
          <Link to="/">
            <img
              src={withPrefix('img/atom.svg')}
              alt="Logo"
              style={{ width:"240px","height":"70px" }}
            />
          </Link>
        </div>
        <div className="content has-text-centered has-text-black-ter">
          <div className="container has-text-black-ter" >
            <div className="columns">
              <div className="column is-one-third">
                <Link to="/create-project"><button className="button is-white">Create A Project</button></Link>
              </div>
              <div className="column is-one-third">
              <Link to="/projects"><button className="button is-white">View All Projects</button></Link>
              </div>
              <div className="column is-one-third">
              <Link to="/about"><button className="button is-white">About Us</button></Link>
              </div>
            </div>
          </div>
        </div>
      </footer>
    )
  }
}

export default Footer
