{"size": 1047, "ext": "js", "max_stars_repo_path": "src/navi.js", "max_stars_repo_name": "parkar2312/my-website", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/navi.js", "max_issues_repo_name": "parkar2312/my-website", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/navi.js", "max_forks_repo_name": "parkar2312/my-website", "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": 20.94, "max_line_length": 78, "alphanum_fraction": 0.5787965616}
import React from 'react';
import {Navbar, Nav} from 'react-bootstrap';
import {NavLink} from 'react-router-dom';
import './navi.css';

function Nav1() {
  return (
      <div >
   <Navbar ml="auto" bg="primary" variant="dark" expand="lg" >
  <Navbar.Brand href="#home">
    <div className="ulli">
<ul className="ul1">
  <li>P</li>
  <li>A</li>
  <li>R</li>
  <li>I</li>
  <li>M</li> 
  <li>A</li>
  <li>L</li>
</ul>
<ul className="ul1">
  <li>C</li>
  <li>H</li>
  <li>A</li>
  <li>N</li>
  <li>D</li>
  <li>R</li>
  <li>A</li>
  <li>K</li>
  <li>A</li>
  <li>R</li> 
</ul>
</div>
  </Navbar.Brand>
  <Navbar.Toggle aria-controls="basic-navbar-nav" />
  <Navbar.Collapse id="basic-navbar-nav">
    <Nav className="nav-1" variant="pills"  >
      <Nav.Link ml="auto" className="link-1"  href='/'><a>Home</a></Nav.Link>
      <Nav.Link className="link-1"  href='/aboutme'>Skills</Nav.Link>
      <Nav.Link className="link-1"  href='/myprojects'>Applications</Nav.Link>
    </Nav>

  </Navbar.Collapse>
</Navbar>
</div>
  );
}

export default Nav1;
