{"size": 1526, "ext": "js", "max_stars_repo_path": "frontend/components/Footer.js", "max_stars_repo_name": "mezgoodle/meziblog", "max_stars_repo_stars_event_min_datetime": "2022-03-02T10:24:55.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-02T10:24:55.000Z", "max_issues_repo_path": "frontend/components/Footer.js", "max_issues_repo_name": "mezgoodle/meziblog", "max_issues_repo_issues_event_min_datetime": "2022-02-28T14:53:19.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-17T12:27:26.000Z", "max_forks_repo_path": "frontend/components/Footer.js", "max_forks_repo_name": "mezgoodle/meziblog", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 28.2592592593, "max_line_length": 76, "alphanum_fraction": 0.4901703801}
export default function Footer() {
  return (
    <footer className="bg-light text-center mt-auto">
      <div className="container p-4">
        <section className="mb-4">
          <a
            className="btn btn-primary btn-floating m-1"
            style={{ backgroundColor: "#3b5998" }}
            href="https://www.facebook.com/profile.php?id=100005721694357"
            role="button"
          >
            <i className="fab fa-facebook-f"></i>
          </a>

          <a
            className="btn btn-primary btn-floating m-1"
            style={{ backgroundColor: "#ac2bac" }}
            href="https://www.instagram.com/sylvenis/"
            role="button"
          >
            <i className="fab fa-instagram"></i>
          </a>

          <a
            className="btn btn-primary btn-floating m-1"
            style={{ backgroundColor: "#333333" }}
            href="https://github.com/mezgoodle"
            role="button"
          >
            <i className="fab fa-github"></i>
          </a>
        </section>

        <section className="mb-4">
          <p>
            It is a test blog application on Next.js + FastAPI. You can find
            code on my GitHub page.
          </p>
        </section>
      </div>

      <div
        className="text-center p-3"
        style={{ backgroundColor: "rgba(0, 0, 0, 0.2)" }}
      >
        © 2022 Copyright:
        <a className="text-dark" href="https://github.com/mezgoodle">
          mezgoodle
        </a>
      </div>
    </footer>
  );
}
