<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<nav class="navbar navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand">MY SITE</a>
</div>
</div>
</nav>
</div>
</div>
<div class="row site-content">
<div class="col-sm-2">
<div class="main-nav">
<div class="navbar">
<div class="navbar-collapse collapse">
<ul class="nav nav-stacked">
<li><a>Link 1</a></li>
<li><a>Link 2</a></li>
<li><a>Link 3</a></li>
<li><a>Link 4</a></li>
<li><a>Link 5</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-10 body-content">
<table>
<tbody>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
<tr><td>Another table row</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
body {
background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHfbqo87j6WnICpnQPS7YHMfE4BY8SA7eiTq3JslXw_tYY3Pl8t1dKYcE");
background-size: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
}
.navbar-fixed-top {
background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHfbqo87j6WnICpnQPS7YHMfE4BY8SA7eiTq3JslXw_tYY3Pl8t1dKYcE");
background-size: 100%;
border-bottom: 1px solid blue;
padding: 20px;
position: fixed;
}
.navbar-brand {
font-size: 80px;
}
.main-nav {
position: fixed;
}
.site-content {
margin-top: 100px;
}
td {
line-height: 30px;
}