Top menu fixed

2021-09-12 11:00:38 -04:00
parent 772efda7fc
commit 4c2816d783
3 changed files with 36 additions and 11 deletions
@@ -42,7 +42,25 @@

 </head>
 <body>
-
+<?php
+    $currentPage  = isset($page)? $page: 'home';
+    $homeClass=$aboutClass=$serviceClass=$contactClass='';
+    switch ($currentPage){
+        case 'home':
+            $homeClass =" class='active' ";
+            break;
+        case 'about':
+            $aboutClass =" class='active' ";
+            break;
+        case 'services':
+            $serviceClass =" class='active' ";
+            break;
+        case 'contact':
+            $contactClass =" class='active' ";
+            break;
+        default:
+    }
+?>

 <!-- Container -->
 <div id="container">
@@ -62,10 +80,10 @@
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
-                        <li><a class="active" href="/">Home</a></li>
-                        <li><a href="/about">About Us</a></li>
-                        <li><a href="/services">Services</a></li>
-                        <li><a href="/contact">Contact Us</a></li>
+                        <li><a <?=$homeClass?> href="/">Home</a></li>
+                        <li><a <?=$aboutClass?> href="/about">About Us</a></li>
+                        <li><a <?=$serviceClass?> href="/services">Services</a></li>
+                        <li><a <?=$contactClass?> href="/contact">Contact Us</a></li>
                    </ul>
                </div>
            </div>