diff --git a/ProjectSourceCode/src/views/pages/clubs-page.hbs b/ProjectSourceCode/src/views/pages/clubs-page.hbs
index 712f9a8..a8d2dd5 100644
--- a/ProjectSourceCode/src/views/pages/clubs-page.hbs
+++ b/ProjectSourceCode/src/views/pages/clubs-page.hbs
@@ -1,78 +1,13 @@
 <div class="container" id="club-page-body">
-    <div class="container" id="club-stats-container">
-        <div class="container" id="club-players-container">
-            <h2>Players</h2>
-            <ul id="players-list"></ul>
-            <table id="players-table"  class = "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 Club Information -->
-        <div class="information-container" id="club-information-container">
-            <h2>Information</h2>
-            <ul id="scorers-list"></ul>
-            <table id="top-scorers-table" class = "table">
-                <tbody>
+    <!-- Container on Left Side containing Club Information -->
+    <div class="container" id="club-information-container">
+        
+    </div>
 
-                    <tr>
-                        <td id = "club-crest">
-                            <img src = {{club.crest}}>  
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td id = "club-area-flag-row">
-                            <img id = "club-area-flag" src = {{club.area.club_flag}}>  
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>
-                            <span style="font-weight: bold;">Club Address:</span><br>
-                            {{club.address}}
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>
-                            <span style="font-weight: bold;">Founded</span><br>
-                            {{club.founded}}
-                        </td>
-                    </tr>
-                    
-                    <tr>
-                        <td>
-                            <span style="font-weight: bold;">Manager</span><br>
-                            <span>Name           : {{club.coach.name}}</span><br>
-                            <span>Nationality    : {{club.coach.nationality}}</span><br>
-                            <span>DOB            : {{club.coach.dateOfBirth}}</span><br>
-                            <span>contract start : {{club.coach.contract.start}}</span><br>
-                            <span>contract end   : {{club.coach.contract.until}}</span><br>
-                        </td>
-                    </tr>
- 
-                </tbody>
-            </table>
+        
 
+        <div class="stats-container">
             <h2>Competitions</h2>
             <ul id="competitions-list"></ul>
             <table id="players-table"  class = "table">
@@ -89,5 +24,89 @@
                     {{/each}}
                 </tbody>
             </table>
-    </div>
-</div>
\ No newline at end of file
+        </div>
+
+</div>
+
+<!-- Club Player Container -->
+<div class="container" id="club-players-container">
+    <h2>Players</h2>
+    <ul id="players-list"></ul>
+    <table id="players-table" class="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 for Club Information -->
+<div class="information-container" id="club-information-container">
+
+    <h2>Information</h2>
+
+    <!-- Club Information -->
+    <ul id="scorers-list"></ul>
+    <table id="top-scorers-table" class="table">
+        <tbody>
+
+            <!-- Club Crest -->
+            <tr>
+                <td id="club-crest">
+                    <img src="{{club.crest}}">
+                </td>
+            </tr>
+
+            <!-- Club Country Container -->
+            <tr>
+                <td id="club-area-flag-row">
+                    <img id="club-area-flag" src="{{club.area.club_flag}}">
+                </td>
+            </tr>
+
+            <!-- Club Address Container -->
+            <tr>
+                <td>
+                    <span style="font-weight: bold;">Club Address:</span><br>
+                    {{club.address}}
+                </td>
+            </tr>
+
+            <!-- Club Foundation Container -->
+            <tr>
+                <td>
+                    <span style="font-weight: bold;">Founded</span><br>
+                    {{club.founded}}
+                </td>
+            </tr>
+
+            <!-- Manager Information Table -->
+            <tr>
+                <td>
+                    <span style="font-weight: bold;">Manager</span><br>
+                    <span>Name: {{club.coach.name}}</span><br>
+                    <span>Nationality: {{club.coach.nationality}}</span><br>
+                    <span>DOB: {{club.coach.dateOfBirth}}</span><br>
+                    <span>contract start: {{club.coach.contract.start}}</span><br>
+                    <span>contract end: {{club.coach.contract.until}}</span><br>
+                </td>
+            </tr>
+
+        </tbody>
+    </table>
+
+</div>