diff --git a/ProjectSourceCode/src/views/pages/clubs-page.hbs b/ProjectSourceCode/src/views/pages/clubs-page.hbs
index 8ac0445..9da8cba 100644
--- a/ProjectSourceCode/src/views/pages/clubs-page.hbs
+++ b/ProjectSourceCode/src/views/pages/clubs-page.hbs
@@ -1,24 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Club Details</title>
+</head>
+<body>
 <div class="container" id="club-page-body">
-
-    <!-- Container for all club information (logo, name, country, etc. ) <- top 100px -->
     <div class="container" id="club-information-container">
-        <img id="club-logo" src="{{club.crest}}" alt="{{club.name}} Emblem">
-        <h1 id="club-title">{{club.name}}</h2>
-        <img id="club-flag" src="{{club.area.club_flag}}" alt="{{club.clubData.name}} Flag">
+        <img id="club-logo" src="{{club.crest}}" alt="Club Emblem">
+        <h1 id="club-title"></h1>
+        <img id="club-flag" src="{{club.area.club_flag}}" alt="Club Flag">
+
+    </div>
+
+    <div>
+        <p id="club-founded"></p>
+        <p id="club-website"></p>
+        <p id="club-address"></p>
+        <p id="club-colors"></p>
     </div>
 
-    <!-- Container to display all stats for club <- bottom rest of the container -->
     <div class="container" id="club-stats-container">
-
-        <!-- Container to display club table <- split 50% -->
         <div class="container" id="club-players-container">
-
+            <h2>Players</h2>
+            <ul id="players-list"></ul>
+            <table id="players-table">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th>Position</th>
+                            <th>DOB</th>
+                            <th>Nationality</th>
+       
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {{#each club.squad}}
+                        <tr>
+                            <td>{{name}}</td>
+                            <td>{{position}}</td>
+                            <td>{{dateOfBirth}}</td>
+                            <td>{{nationality}}</td>
+                        </tr>
+                        {{/each}}
+                    </tbody>
+                </table>
         </div>
 
-        <!-- Container to display top scorers for club <- Split 50% -->
         <div class="container" id="top-scorers-container">
-            
+            <h2>Top Scorers</h2>
+            <ul id="scorers-list"></ul>
         </div>
 
+        <div class="container" id="competitions-container">
+            <h2>Competitions</h2>
+            <ul id="competitions-list"></ul>
+        </div>
     </div>
 </div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/ProjectSourceCode/src/views/pages/leagues-page.hbs b/ProjectSourceCode/src/views/pages/leagues-page.hbs
index 1b2665d..74e4556 100644
--- a/ProjectSourceCode/src/views/pages/leagues-page.hbs
+++ b/ProjectSourceCode/src/views/pages/leagues-page.hbs
@@ -1,5 +1,4 @@
 <div id="league-page-body" class="page-container">
-
     <!-- Container for all league information (logo, name, country, etc. ) <- top 100px -->
     <div id="league-information-container" class="information-container">
         <img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem">
