{"size": 390, "ext": "js", "max_stars_repo_path": "client/src/components/Header/Header.js", "max_stars_repo_name": "gfellouris/RoadTripHero", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/Header/Header.js", "max_issues_repo_name": "gfellouris/RoadTripHero", "max_issues_repo_issues_event_min_datetime": "2020-09-07T07:01:58.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T17:34:10.000Z", "max_forks_repo_path": "client/src/components/Header/Header.js", "max_forks_repo_name": "gfellouris/RoadTripHero2", "max_forks_repo_forks_event_min_datetime": "2019-09-12T03:28:19.000Z", "max_forks_repo_forks_event_max_datetime": "2019-09-12T03:28:19.000Z"}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": 1, "avg_line_length": 20.5263157895, "max_line_length": 55, "alphanum_fraction": 0.5820512821}

import React from 'react';
import { Jumbotron, Container } from 'reactstrap';
import './header.css'

const Header = (props) => {
  return (
    <div>
      <Jumbotron fluid>
        <Container fluid>
          <h1 className="display-3">Road Trip Hero</h1>
          <p className="lead">Be Your Own Hero</p>
        </Container>
      </Jumbotron>
    </div>
  );
};

export default Header;