diff --git a/app/Config/Routes.php b/app/Config/Routes.php
index fc4914a..c89045d 100644
--- a/app/Config/Routes.php
+++ b/app/Config/Routes.php
@@ -6,3 +6,6 @@ use CodeIgniter\Router\RouteCollection;
  * @var RouteCollection $routes
  */
 $routes->get('/', 'Home::index');
+$routes->get('/portfolio', 'Portfolio::index');
+$routes->get('/about', 'About::index');
+$routes->get('/services', 'Services::index');
diff --git a/app/Views/welcome_message.php b/app/Views/welcome_message.php
index 35ab071..a059ef7 100644
--- a/app/Views/welcome_message.php
+++ b/app/Views/welcome_message.php
@@ -119,7 +119,7 @@
                         <div class="py-10 pr-35 module-logo flex navbar-brand-plain">
                             <a class="navbar-brand flex p-0 relative" href="./index-start-hub-8.html" rel="home">
 										<span class="navbar-brand-inner post-rel">
-											<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
+											<img src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
 										</span>
                             </a>
                         </div>
@@ -127,15 +127,17 @@
                             <div class="navbar-collapse inline-flex p-0 lqd-submenu-default-style" id="main-header-collapse" aria-expanded="false" role="navigation">
                                 <ul id="primary-nav" class="link-13 link-font-medium link-leading-2em link-black-80 main-nav flex reset-ul inline-ul lqd-menu-counter-right lqd-menu-items-inline main-nav-hover-fill" data-submenu-options='{"toggleType": "fade", "handler": "mouse-in-out"}' data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
                                     <li>
-                                        <a href="./page-start-hub-8-services.html" class="py-15 pr-60">
-                                            Services
-                                            <span class="link-icon inline-flex hide-if-empty right-icon">
-														<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
-													</span>
-                                        </a>
+                                            <a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/services'; ?>" class="py-15 pr-60">Services</a>
+<!--                                            <span class="link-icon inline-flex hide-if-empty right-icon">-->
+<!--														<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>-->
+<!--													</span>-->
                                     </li>
                                     <li>
-                                        <a href="./page-start-hub-8-projects.html" class="py-15 pr-60">For Business</a>
+                                        <a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/about'; ?>" class="py-15 pr-60">About Me</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/portfolio'; ?>">Portfolio</a>
+
                                     </li>
                                     <li>
                                         <a href="#solutions" class="py-15 pr-60">
@@ -146,7 +148,7 @@
                                         </a>
                                     </li>
                                     <li>
-                                        <a href="./page-start-hub-8-contact.html" class="py-15 pr-60">
+                                        <a href="#contact-modal" class="py-15 pr-60">
                                             Contact
                                             <span class="link-badge text-badge">NEW</span>
                                         </a>
@@ -219,15 +221,15 @@
                     </button>
                     <a class="navbar-brand flex relative" href="./index-start-hub-8.html">
 								<span class="navbar-brand-inner">
-									<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Starthub Eight">
+									<img class="logo-default" src="./assets/images/demo/start-hub-8/tokslaw-logo-.svg" alt="Tokslaw">
 								</span>
                     </a>
                 </div>
                 <div class="lqd-mobile-sec-nav w-full absolute z-10">
                     <div class="mobile-navbar-collapse navbar-collapse collapse w-full" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
-                        <ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav"data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
+                        <ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav" data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
                             <li class="is-active">
-                                <a href="./page-start-hub-8-services.html" class="py-15 pr-60">
+                                <a href="/" class="py-15 pr-60">
                                     Services
                                     <span class="link-icon inline-flex hide-if-empty right-icon">
 												<i class="lqd-icn-ess icon-ion-ios-arrow-down"></i>
@@ -235,7 +237,7 @@
                                 </a>
                             </li>
                             <li>
-                                <a href="./page-start-hub-8-projects.html" class="py-15 pr-60">For Business</a>
+                                <a href="./page-start-hub-8-projects.html" class="py-15 pr-60">Projects</a>
                             </li>
                             <li>
                                 <a href="#solutions" class="py-15 pr-60">
@@ -1308,219 +1310,6 @@
                                         <?php
                                     }
                                     ?>
-
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-green-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Blog data. Blog data. Blog data.Blog data. Blog data. Blog data.-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-green-600 text-18">Daniel Sans, </h3>-->
-<!--                                                                <h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-orange-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-orange-600 text-18">ritamjahed</h3>-->
-<!--                                                                <h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-blue-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                I'm early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.-->
-<!--                                                                <br>-->
-<!--                                                                Thank you LiquidThemes!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-blue-600 text-18">myadesigns</h3>-->
-<!--                                                                <h4 class="font-weight-light text-blue-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-yellow-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-yellow-600 text-18">leandroMariotto</h3>-->
-<!--                                                                <h4 class="font-weight-light text-yellow-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-green-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-green-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Bring your ideas to life an intuitive Enterprise Architect. Full Stack Engineer, and Security Lover. Customize your site and see the changes instantly.-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-1.png" alt="Daniel Sans">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-green-600 text-18">Daniel Sans, </h3>-->
-<!--                                                                <h4 class="font-weight-light text-green-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-orange-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-orange-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Incredible theme and fantastic support! Every time I had a question, they got back to you so quickly and fixed your problem! Im so impressed! Thank you guys again for your precious help! Your customer support is amazing!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-2.png" alt="ritamjahed">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-orange-600 text-18">ritamjahed</h3>-->
-<!--                                                                <h4 class="font-weight-light text-orange-600 text-16">Envato CEO</h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-blue-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                I' m early on in the process of building my website; however, I'm already impressed by customer support's response time. Great customer support ratings is something I consider before purchasing a theme.-->
-<!--                                                                <br>-->
-<!--                                                                Thank you LiquidThemes!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-3.png" alt="myadesigns">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-blue-600 text-18">myadesigns</h3>-->
-<!--                                                                <h4 class="font-weight-light text-blue-600 text-16">Envato CEO </h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
-<!--                                    <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">-->
-<!--                                        <div class="carousel-item-inner relative w-full">-->
-<!--                                            <div class="carousel-item-content relative w-full">-->
-<!--                                                <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-yellow-100 module-content">-->
-<!--                                                    <div class="lqd-testi-quote text-yellow-600">-->
-<!--                                                        <blockquote>-->
-<!--                                                            <p class="text-18">-->
-<!--                                                                Simply perfect! Theme and support are amazing! Frank thanks for the help, always fast and efficient! The best theme and support I've had!-->
-<!--                                                            </p>-->
-<!--                                                        </blockquote>-->
-<!--                                                    </div>-->
-<!--                                                    <div class="lqd-testi-info flex flex-wrap justify-between mb-1em">-->
-<!--                                                        <div class="lqd-testi-details flex items-center">-->
-<!--                                                            <figure class="lqd-testi-avatar rounded-full overflow-hidden mr-1/5em">-->
-<!--                                                                <img decoding="async" class="rounded-full" src="./assets/images/demo/start-hub-8/testi-avatar-4.png" alt="leandroMariotto">-->
-<!--                                                            </figure>-->
-<!--                                                            <div class="pl-1/5">-->
-<!--                                                                <h3 class="text-yellow-600 text-18">leandroMariotto</h3>-->
-<!--                                                                <h4 class="font-weight-light text-yellow-600 text-16">Envato CEO </h4>-->
-<!--                                                            </div>-->
-<!--                                                        </div>-->
-<!--                                                    </div>-->
-<!--                                                </div>-->
-<!--                                            </div>-->
-<!--                                        </div>-->
-<!--                                    </div>-->
                                 </div>
                             </div>
                         </div>
@@ -1730,20 +1519,13 @@
                                     FAQ
                                 </a>
                             </li>
-<!--                            <li class="mb-15">-->
-<!--                                <a href="#">-->
-<!--                                    Report A Bug-->
-<!--                                </a>-->
-<!--                            </li>-->
+
                             <li class="mb-15">
-                                <a href="#">
-                                   Portfolio
-                                </a>
+                                <a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/portfolio'; ?>">Portfolio</a>
                             </li>
+
                             <li>
-                                <a href="#contact-modal" class="text-slate-300 inner-text-black" data-lity="#contact-modal">
-                                    AboutMe
-                                </a>
+                                <a href="<?= $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . '/about'; ?>">AboutMe</a>
                             </li>
                         </ul>
                     </nav>
@@ -1819,7 +1601,7 @@
                         </div>
                     </div>
                     <div class="ld-fancy-heading relative">
-                        <p class="ld-fh-element relative m-0 text-14 text-white-60">© 2024 Tokslaw. Developed by Tokslaw.</p>
+                        <p class="ld-fh-element relative m-0 text-14 text-white-60">© 2025 Tokslaw. Developed by Tokslaw.</p>
                     </div>
                 </div>
                 <div class="w-50percent mt-55 text-end sm:text-start sm:w-full module-social">
@@ -1879,6 +1661,7 @@
     </footer>
 </div>
 
+
 <!-- Contact Modal -->
 <div id="contact-modal" class="lity-modal lqd-modal lity-hide" data-modal-type="fullscreen">
     <div class="lqd-modal-inner">