{"size": 816, "ext": "js", "max_stars_repo_path": "src/components/Header.js", "max_stars_repo_name": "sguitjens/homework20", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Header.js", "max_issues_repo_name": "sguitjens/homework20", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Header.js", "max_forks_repo_name": "sguitjens/homework20", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 31.3846153846, "max_line_length": 100, "alphanum_fraction": 0.5759803922}
import React from "react";
// import { Link } from "react-router-dom";
import Nav from "../components/Nav"

function Header() {
  return (
    <div className="container-fluid bg-dark">
      <div className="row justify-content-between align-items-center">
        <div className="col-sm-5">
          <div className="row">
            <div className="col-sm-2 visible-md-* visible-lg-*"></div>
            <div className="col-md-8 text-center text-white h3">
              Sydney Guitjens
            </div>
          </div>
        </div>
        <div className="col-sm-5 justify-content-end text-lg-right text-md-center">
        {/* <div className="col-md-5 justify-content-end text-lg-right text-md-center navlinks"> */}
        <Nav></Nav>
          </div>
      </div>
    </div>
  );
}

export default Header;