diff --git a/resources/html/home.html b/resources/html/home.html
index 393c5d3..44fda29 100644
--- a/resources/html/home.html
+++ b/resources/html/home.html
@@ -4,78 +4,100 @@
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Welcome to cat</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
     <script src="https://cdn.jsdelivr.net/npm/vega@4.4.0"></script>
+    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
 </head>
 <body>
+<section class="section">
+    <div class="container">
+        <h1 class="title">
+            Hello World
+        </h1>
+        <p class="subtitle">
+            My first website with <strong>Bulma</strong>!
+        </p>
+    </div>
+</section>
 <div id="navbar"></div>
 <div id="raw">
     <div id="view"></div>
     <div id="chart"></div>
-    <div class="grid-container">
-        <div class="grid-item">
-            <h3>Add person</h3>
-            <form action="/users" method="post">
-                {% csrf-field %}
-                <label for="name">Name</label><br>
-                <input type="text" name="name" id="name"><br>
-                <label for="gender">Gender</label><br>
-                <input type="text" name="gender" id="gender">
-                <input type="submit" value="Submit">
-            </form>
-        </div>
-        <div class="grid-item">
-            <h3>Add relation (please enter correct id's of the person)</h3>
-            <form action="/relations" method="post">
-                {% csrf-field %}
-                <div class="input-container">
-                    <div class="input-item">
-                        <label for="from">Person from</label><br>
-                        <select name="from_id" id="from">
-                            {% for user in users %}
-                            <option value="{{user.id}}">{{user.name}}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
-                    <div class="input-item">
-                        <label for="to">Person to</label><br>
-                        <select name="to_id" id="to">
-                            {% for user in users %}
-                            <option value="{{user.id}}">{{user.name}}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
+    <div class="section">
+        <div class="columns">
+            <div class="column">
+                <h3 class="title is-3">Little humans</h3>
+                <div>
+                    <h3 class="subtitle is-3">Add human</h3>
+                    <form action="/users" method="post">
+                        {% csrf-field %}
+                        <label for="name">Name</label><br>
+                        <input type="text" name="name" id="name"><br>
+                        <label for="gender">Gender</label><br>
+                        <input type="text" name="gender" id="gender">
+                        <input class="button" type="submit" value="Submit">
+                    </form>
                 </div>
-                <input type="submit" value="Submit">
-            </form>
-        </div>
-        <div class="grid-item">
-            <h3>Users</h3>
-            <div class="item-container">
-                <div class="item"><b>Name</b></div>
-                <div class="item"><b>Gender</b></div>
-                {% for user in users %}
-                <div class="item">
-                    {{user.name}}
-                </div>
-                <div class="item">
-                    {{user.gender}}
-                </div>
-                {% endfor %}
+                <table class="table">
+                    <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Gender</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for user in users %}
+                    <tr>
+                        <td>{{user.name}}</td>
+                        <td>{{user.gender}}</td>
+                    </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
             </div>
-        </div>
-        <div class="grid-item">
-            <h3>Relations</h3>
-            <div class="item-container">
-                <div class="item"><b>Person 1</b></div>
-                <div class="item"><b>Person 2</b></div>
-                {% for relation in relations %}
-                <div class="item">
-                    {{relation.name}}
+            <div class="column">
+                <h3 class="title is-3">Cozy cuddles</h3>
+                <div>
+                    <h3 class="subtitle is-3">Add relation</h3>
+                    <form action="/relations" method="post">
+                        {% csrf-field %}
+                        <div class="input-container">
+                            <div class="input-item">
+                                <label for="from">Person from</label><br>
+                                <select name="from_id" id="from">
+                                    {% for user in users %}
+                                    <option value="{{user.id}}">{{user.name}}</option>
+                                    {% endfor %}
+                                </select>
+                            </div>
+                            <div class="input-item">
+                                <label for="to">Person to</label><br>
+                                <select name="to_id" id="to">
+                                    {% for user in users %}
+                                    <option value="{{user.id}}">{{user.name}}</option>
+                                    {% endfor %}
+                                </select>
+                            </div>
+                        </div>
+                        <input class="button" type="submit" value="Submit">
+                    </form>
                 </div>
-                <div class="item">
-                    {{relation.name_2}}
-                </div>
-                {% endfor %}
+                <table class="table">
+                    <thead>
+                    <tr>
+                        <th>Person 1</th>
+                        <th>Person 2</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for relation in relations %}
+                    <tr>
+                        <td>{{relation.name}}</td>
+                        <td>{{relation.name_2}}</td>
+                    </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
             </div>
         </div>
     </div>
@@ -118,6 +140,6 @@
 </script>
 {% script "/js/app.js" %}
 
-{% script "/js/graphing.js" %}
+<!--{% script "/js/graphing.js" %}-->
 </body>
 </html>
