diff --git a/swarmlab/index-test.html b/swarmlab/index-test.html
new file mode 100644
index 0000000..dc4a3dd
--- /dev/null
+++ b/swarmlab/index-test.html
@@ -0,0 +1,370 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>Swarmlab.io</title>
+
+  <!-- Bootstrap core CSS -->
+  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+  <!-- Custom styles for this template -->
+  <link href="css/scrolling-nav.css" rel="stylesheet">
+
+</head>
+
+<body id="page-top">
+
+
+  <!-- Navigation -->
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
+    <div class="container">
+      <a class="navbar-brand js-scroll-trigger" href="#page-top">Swarmlab.io</a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarResponsive">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#about">About</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#services">Services</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#labrooms">Labrooms</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#faq">FAQ</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="https://api-client.swarmlab.io:8088/" target="_blank">Login</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+
+  <header class="bg-primary text-white">
+    <div class="container text-center">
+      <h1>Welcome to Swarmlab.io</h1>
+      <p class="lead">
+Swarmlab is a powerful collaboration tool that connects tutors and students in a unique all-in-one environment that gets work done fast and easily
+      <h2> Ready-to-Use Virtual Labs one click away. </h2>
+      </p>
+    </div>
+  </header>
+
+
+
+
+
+  <section id="labrooms">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 mx-auto">
+          <h2>Available Swarmlab Labrooms</h2>
+          <p class="lead">
+          </p>
+          <p class="lead">
+          </p>
+
+                <!-- Search functionality -->
+                <nav class="navbar navbar-light justify-content-center mt-4">
+                    <form class="form-inline">
+                        <button type="button" class="btn btn-primary btn-lg mr-3" id="btnSort">Sort</button>
+                        <input class="form-control form-control-lg mr-sm-2" type="search" placeholder="Search: case-sensitive." aria-label="Search" id="search">
+                        <!-- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> -->
+                    </form>
+                </nav>
+
+                <!-- Cards -->
+                <div class="layout-margin-8 mt-4">
+
+                    <div class="card-deck">
+                <!-- Mpi -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>mpi</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+                                        <ul>
+                                          <li>
+                                                MPICH is a high performance and widely portable implementation of the Message Passing Interface (MPI) standard.
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/swarmlab/examples-mpi" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- Mpi -->
+
+                <!-- OpenJDK -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>Open JDK</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+                                        <ul>
+                                          <li>
+                                                OpenJDK (Open Java Development Kit) is a free and open-source implementation of the Java Platform, Standard Edition (Java SE)
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/swarmlab/examples-mpi2" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- OpenJDK -->
+
+
+                        </div>
+                    </div>
+
+
+                <!-- Cards 2 -->
+                <div class="layout-margin-8 mt-4">
+                    <div class="card-deck">
+
+
+                <!-- OS2 -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>Linux Networking/Admin/Devel</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+
+					This is designed to help you with:
+
+                                        <ul>
+                                          <li>
+    						Linux Networking
+                                          </li>
+                                          <li>
+    						Build network on top of OS
+                                          </li>
+                                          <li>
+    						Essentials of Linux System Administration
+                                          </li>
+                                          <li>
+    						Learn to orchestrate a lot of linux machines with ansible
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/labs/examples-os2" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- OS2 -->
+
+                <!-- R -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>R Project for Statistical Computing</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+                                        <ul>
+                                          <li>
+					One of the powerful choices for statistical analysis. <br>
+					R helps you to get big picture of your data by calculating statistical parameters like mean, standard deviation, correlation etc
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/labs/examples-r" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- R -->
+
+
+
+		    </div>
+		</div>
+                <!-- Cards 2 -->
+                <!-- Cards 3 -->
+                <div class="layout-margin-8 mt-4">
+                    <div class="card-deck">
+
+
+                <!-- nodejs -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>Node.js</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+
+					Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.<br>
+
+					This Labroom is designed to help you devel:
+
+                                        <ul>
+                                          <li>
+    						 Web Applications and APIs with express
+                                          </li>
+                                          <li>
+						WebSocket Client & Server Implementation for Node
+                                          </li>
+                                          <li>
+    						Learn How to providing a bi-directional communication channel between a client and a server.
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/labs/examples-nodejs" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- nodejs -->
+
+                <!-- python -->
+                        <div class="card card-shadow text-center">
+                            <div class="card-body">
+                                <h4 class="card-title"><b>python, scipy</b></h4>
+                                <p class="card-text"></p>
+                                <div class="dropdown-divider"></div>
+                                <p class="card-text">
+                                <small class="text-muted">
+
+
+					<b>This Labroom provides  a Python-based ecosystem of open-source software for mathematics, science, engineering and Web development</b>
+
+                                        <ul>
+                                          <li>
+
+
+						    NumPy
+                                          </li>
+                                          <li>
+						    SciPy library
+                                          </li>
+                                          <li>
+						    Matplotlib
+                                          </li>
+                                          <li>
+						    IPython
+                                          </li>
+                                          <li>
+						    SymPy
+                                          </li>
+                                          <li>
+						    pandas
+
+
+                                          </li>
+                                          <li>
+						Spyder scientific environment.
+
+
+                                          </li>
+                                        </ul>
+                                </small></p>
+                                <a href="https://git.swarmlab.io:3000/labs/examples-scipy" target="_blank">
+                                    <button type="button" class="btn btn-outline-primary">More Info</button>
+                                </a>
+                            </div>
+                         </div>
+                <!-- nodejs -->
+
+
+		    </div>
+		</div>
+                <!-- Cards 2 -->
+
+                </div>
+
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+
+
+
+
+
+
+
+
+
+
+
+  <!-- Footer -->
+  <footer class="py-5 bg-dark">
+    <div class="container">
+	    <!-- 
+      <p class="m-0 text-center text-white">Copyright &copy; swarmlab.io 2020</p>
+	    -->
+    </div>
+    <!-- /.container -->
+  </footer>
+
+  <!-- Bootstrap core JavaScript -->
+  <script src="vendor/jquery/jquery.min.js"></script>
+  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+  <!-- Plugin JavaScript -->
+  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
+
+  <!-- Custom JavaScript for this theme -->
+  <script src="js/scrolling-nav.js"></script>
+
+<script>
+$('#search').on('keyup keypress', function(e) {
+  var keyCode = e.keyCode || e.which;
+  if (keyCode === 13) { 
+    e.preventDefault();
+    return false;
+  }
+});
+
+$('#search').keyup(function (){
+
+    $('.card').removeClass('d-none');
+
+    var filter = $(this).val(); // get the value of the input, which we filter on
+
+    $('.card-deck').find('.card .card-body h4:not(:contains("'+filter+'"))').parent().parent().addClass('d-none');
+
+})
+
+
+
+$('#btnSort').click(function (){
+
+    $('.card-deck .card').sort(function(a,b) {
+
+        return $(a).find(".card-title").text() > $(b).find(".card-title").text() ? 1 : -1;
+
+    }).appendTo(".card-deck");
+
+})
+</script>
+
+
+
+
+
+</body>
+
+</html>
