import React from 'react';

const NavBar = () => {
  return (
  <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Khubox</a>
    <ul class="navbar-nav px-3">
      <li class="nav-item text-nowrap">
        <a class="nav-link" href="#">Sign out</a>
      </li>
    </ul>
  </nav>
  );
}

function App() {
  return (
    <div className="App">
      <NavBar />
    </div>
  );
}

export default App;