diff --git a/client/catalog/index.html b/client/catalog/index.html
index 61e4215..bd2e933 100644
--- a/client/catalog/index.html
+++ b/client/catalog/index.html
@@ -24,6 +24,7 @@
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 <script src="../ndn-js/build/ndn.min.js"></script>
 <script src="js/autocomplete.js"></script>
+<script src="js/treeExplorer.js"></script>
 <script src="js/catalog.js"></script>
 
 </head>
@@ -82,6 +83,13 @@
           </div>
         </div>
 
+        <div class="panel panel-info">
+          <div class="panel-heading">Tree Based Search<a data-toggle="collapse" class="collapsed" data-target="#treeSearch" href="#treeSearch"></a></div>
+          <div class="panel-body collapse" id="treeSearch">
+            <div></div>
+          </div>
+        </div>
+
         <div id="results" class="panel panel-default hidden">
           <div class="panel-body">
             <nav class="navbar navbar-inverse col-md-12 resultMenu hidden">