diff --git a/src/client/index.html b/src/client/index.html
index c29f1d8..4525a09 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -30,13 +30,10 @@
                 <div class="collapse navbar-collapse" id="navbarNav">
                     <ul class="navbar-nav ml-auto">
                         <li class="nav-item">
-                            <a class="nav-link" href="#home">Home</a>
+                            <a class="nav-link" href="userguide.html">User Guide</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#userGuide">User Guide</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="#aboutUs">About Us</a>
+                            <a class="nav-link" href="aboutus.html">About Us</a>
                         </li>
                     </ul>
                 </div>
@@ -47,8 +44,8 @@
     <!-- Main Content with Bootstrap Grid -->
     <main class="container d-flex justify-content-center align-items-center">
         <div class="row">
-            <div class="col-md-6">
-                <button class="btn btn-warning btn-lg" id="button">Start Game</button>
+            <div class="col-md-6" id="mainfield">
+                <button class="btn btn-warning btn-lg" id="button" onclick="startGame()">Start Game</button>
             </div>
         </div>
     </main>
@@ -61,14 +58,7 @@
     <!-- Bootstrap JS and jQuery -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
-
-    <!-- jQuery for smooth scrolling -->
-    <script>
-        $(document).ready(function () {
-            //alert("Welcome to Uno!");
-        });
-    </script>
-
+    <script src="main.js"></script>
 </body>
 
 </html>
\ No newline at end of file