<!DOCTYPE html>
<html>
  <head>
    <link href="css/boostrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet"  type="text/css">
    <title>Ping Pong</title/
  </head>
  <body>
    <div class"jumbotron" id="banner" role="banner">
      <h1>Ping Pong</h1>
    </div>

</html>

<!DOCTYPE html>
<html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet"  type="text/css">
    <title>Ping Pong</title/
  </head>
  <body>
    <div class="jumbotron jumbotronBackground" id="banner">
      <h1>Ping Pong</h1>
    </div>
    <div class="row">
      <div class="container-fluid">
        <div class="col-md-2">
        </div>
        <div class="col-md-9">
        </div>
      </div>
    </div>

</html>

Add the grid layout for sidebar and main body of the page
Add the grid layout for sidebar and main body of the page
