diff --git a/navbar-template.html b/navbar-template.html
index 509b6af5d..87bbe96e8 100644
--- a/navbar-template.html
+++ b/navbar-template.html
@@ -8,7 +8,7 @@
     </button>
 
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav ml-auto">
+        <ul class="nav navbar-nav ml-auto">
             <li class="nav-item">
                 <a class="nav-link" href="/getting-started.html">Getting Started</a>
             </li>
@@ -33,4 +33,16 @@
         </ul>
 
     </div>
-</nav>
\ No newline at end of file
+</nav>
+<script>
+$(document).ready(function ($) {
+    var url = window.location.href;
+    var activePage = url;
+    $('.nav a').each(function () {
+        var linkPage = this.href;
+        if (activePage == linkPage) {
+            $(this).closest("li").addClass("active");
+        }
+    });
+});
+</script>
\ No newline at end of file