diff --git a/html/assets/css/index.css b/html/assets/css/index.css
index 96e294a..14d6f9c 100644
--- a/html/assets/css/index.css
+++ b/html/assets/css/index.css
@@ -34,4 +34,9 @@ body,html{
 .services-card {
     display: inline-block;
     margin: 10px;
+}
+
+.services-card .card-img-top {
+    width: 286px;
+    height: 286px;
 }
\ No newline at end of file
diff --git a/html/assets/js/api.js b/html/assets/js/api.js
index a134cba..fdd9684 100644
--- a/html/assets/js/api.js
+++ b/html/assets/js/api.js
@@ -44,14 +44,14 @@ window.ctf01d_tp_api.auth_session = function (auth_data) {
 
 window.ctf01d_tp_api.services_list = function() {
     return $.ajax({
-        url: '/api/services',
+        url: '/api/v1/services',
         method: 'GET',
     });
 }
 
 window.ctf01d_tp_api.service_create = function(service_data) {
     return $.ajax({
-        url: '/api/services',
+        url: '/api/v1/services',
         method: 'POST',
         contentType: 'application/json',
         data: JSON.stringify(service_data),
@@ -60,7 +60,7 @@ window.ctf01d_tp_api.service_create = function(service_data) {
 
 window.ctf01d_tp_api.service_update = function(service_id, service_data) {
     return $.ajax({
-        url: '/api/services/' + service_id,
+        url: '/api/v1/services/' + service_id,
         method: 'PUT',
         contentType: 'application/json',
         data: JSON.stringify(service_data),
@@ -69,14 +69,14 @@ window.ctf01d_tp_api.service_update = function(service_id, service_data) {
 
 window.ctf01d_tp_api.service_delete = function(service_id) {
     return $.ajax({
-        url: '/api/services/' + service_id,
+        url: '/api/v1/services/' + service_id,
         method: 'DELETE',
     });
 }
 
 window.ctf01d_tp_api.service_info = function(service_id) {
     return $.ajax({
-        url: '/api/services/' + service_id,
+        url: '/api/v1/services/' + service_id,
         method: 'GET',
     });
 }
diff --git a/html/assets/js/index.js b/html/assets/js/index.js
index a495136..ead7ff5 100644
--- a/html/assets/js/index.js
+++ b/html/assets/js/index.js
@@ -319,15 +319,16 @@ function renderServicesPage() {
             servicesHtml += '  <img class="card-img-top" src="' + service_info.logo_url + '" alt="Image of service">';
             servicesHtml += '  <div class="card-body">';
             servicesHtml += '    <h5 class="card-title">#' + service_info.id + ' ' + escapeHtml(service_info.name) + '</h5>'; // TODO uuid
-            servicesHtml += '    <p class="card-text">' + escapeHtml(service_info.description) + ' by ' + escapeHtml(service_info.author) + '</p>';
+            servicesHtml += '    <p class="card-text">' + escapeHtml(service_info.description) + '</p>';
+            servicesHtml += '    <p class="card-text"> by ' + escapeHtml(service_info.author) + '</p>';
             // TODO
             // servicesHtml += '    <small>' + getHumanTimeHasPassed(new Date(game_info.end_time)) + '</small>';
             servicesHtml += '  </div>';
-            servicesHtml += '  <ul class="list-group list-group-flush">';
-            servicesHtml += '    <li class="list-group-item">Cras justo odio</li>';
-            servicesHtml += '    <li class="list-group-item">Dapibus ac facilisis in</li>';
-            servicesHtml += '    <li class="list-group-item">Vestibulum at eros</li>';
-            servicesHtml += '  </ul>';
+            // servicesHtml += '  <ul class="list-group list-group-flush">';
+            // servicesHtml += '    <li class="list-group-item">Cras justo odio</li>';
+            // servicesHtml += '    <li class="list-group-item">Dapibus ac facilisis in</li>';
+            // servicesHtml += '    <li class="list-group-item">Vestibulum at eros</li>';
+            // servicesHtml += '  </ul>';
             servicesHtml += '  <div class="card-body">';
             servicesHtml += '    <button class="btn btn-primary" onclick="showUpdateService(' + service_info.id + ');">Update</button>';
             servicesHtml += '    <button class="btn btn-danger" onclick="deleteService(' + service_info.id + ');">Delete</button>';
diff --git a/html/index.html b/html/index.html
index 0dd3628..146d3d2 100644
--- a/html/index.html
+++ b/html/index.html
@@ -28,10 +28,10 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item active">
-            <div class="nav-link" href="./games/" onclick="renderGamePage()">Games</div>
+            <div class="nav-link" onclick="renderGamesPage()">Games</div>
           </li>
           <li class="nav-item active">
-            <a class="nav-link" href="./services/">Services</a>
+            <div class="nav-link" onclick="renderServicesPage()">Services</div>
           </li>
           <li class="nav-item active">
             <a class="nav-link" href="./teams/">Teams</a>