page2_all.html

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
   <title>User Details</title>
   <meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width=device-width;">
   <link rel = "stylesheet" 
         href = "./bower_components/bootstrap/dist/css/bootstrap.min.css" />
   <link rel="stylesheet" type="text/css" href="mycss.css">
</head>

<body>
<script>
function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}
</script>
<h1>User Details</h1>
<table class="table-fill" id="some-table">
<thead>
<tr>
<th class="text-left">Name</th>
<th class="text-left">Handle</th>
<th class="text-left">No. of commits</th>
<th class="text-left">Repository</th>
</tr>
</thead>
<tbody class="table-hover">
</tbody>
</table>
<script src = "./fetch_all.js" ></script>
</body>
</html>