diff --git a/api/index.js b/api/index.js
index a46a1d54..d17e95f9 100644
--- a/api/index.js
+++ b/api/index.js
@@ -2,6 +2,8 @@ var express = require("express");
 var app = express();
 const WebSocket = require("ws");
 
+app.use(express.static('public'))
+
 var ws = new WebSocket("ws://10.100.0.40:9001/");
 var api_connected = false;
 
diff --git a/api/public/css/stylesheet.css b/api/public/css/stylesheet.css
new file mode 100644
index 00000000..62051349
--- /dev/null
+++ b/api/public/css/stylesheet.css
@@ -0,0 +1,8 @@
+body {
+    background-color: azure;
+}
+
+.header {
+    color: black;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/api/views/index.ejs b/api/views/index.ejs
index 88abb1e2..2fa64c08 100644
--- a/api/views/index.ejs
+++ b/api/views/index.ejs
@@ -3,11 +3,13 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel='stylesheet' href='/css/stylesheet.css' />
         
         <title>5G drone API</title>
-        <p><%- api_connected %></p>
     </head>
     <body>
+        <h1 class="header">5G Drone API</h1>
+        <p><%- api_connected %></p>
         <div>Hello World!</div>
     </body>
 </html>
