<!DOCTYPE html> <html> <head>
<title>Astronomical Data</title> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <script src="js/main.js"></script> <script src="js/debounce.js"></script> <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </html>
<div class=“space-above”></div> <div class=“container-fluid”>
<div class="col-md-3"> <div class="input-group"> <span class="input-group-addon">Search</span> <input type="text" id="search-box" class="form-control" placeholder="Search" aria-describedby="basic-addon1"> </div> <div class="space-above"></div> <div id="categories" class="list-group"></div> </div> <div class="col-md-3"> <div id="topics" class="list-group initially-hidden"></div> </div> <div class="col-md-6"> <div id="topic" class="panel panel-default initially-hidden"> <div class="panel-heading"> <h3 id="topic-title" class="panel-title"></h3> </div> <div id="topic-body" class="panel-body"> </div> </div> </div>
</div>