diff --git a/templates/base.html b/templates/base.html
index a540b47..b5e18bb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,32 +8,33 @@
     <script src="{% static 'js/bootstrap.bundle.js' %}" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
     <link rel='stylesheet' href="{% static 'css/base.css' %}">
-    <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}">
+    <link rel="shortcut icon" type="image/png" href="{% static 'benchcoach.svg' %}">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="apple-mobile-web-app-title" content="BenchCoach">
     <meta name='viewport' content='viewport-fit=cover, width=device-width, initial-scale=1.0'>
-    <link rel="apple-touch-icon" href="{% static 'favicon.ico' %}">
+    <link rel="apple-touch-icon" href="{% static 'benchcoach.svg' %}">
 </head>
 
 <body class="bg-light">
 <nav class="navbar navbar-dark navbar-expand-md bg-dark py-0">
-    <a class="navbar-brand d-flex text-uppercase fw-bold me-auto text-dark" href="{% url 'home' %}">
+    <a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 text-dark" href="{% url 'home' %}">
         <img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
         <span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
     </a>
-    <button class="navbar-toggler m-1 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2">
+    <button class="navbar-toggler m-2 mx-4 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2">
         <span class="visually-hidden">Toggle navigation</span>
         <span class="navbar-toggler-icon m-1"></span></button>
     <div id="navcol-2" class="collapse navbar-collapse">
-        <ul class="navbar-nav">
+        <ul class="navbar-nav mx-2">
             <li class="nav-item"><a class="nav-link {{ events_tab }}" href="{% url 'events list' %}">Events</a></li>
             <li class="nav-item"><a class="nav-link {{ members_tab }}" href="{% url 'players list' %}">Members</a></li>
             <li class="nav-item"><a class="nav-link {{ opponents_tab }}" href="{% url 'teams list' %}">Opponents</a></li>
             <li class="nav-item"><a class="nav-link {{ venues_tab }}" href="{% url 'venues list' %}">Venues</a></li>
         </ul>
-        <span class="navbar-text mx-auto"></span>
-        <ul class="navbar-nav me-auto">
+        <span class="mx-auto"></span>
+        <span class="navbar-text"></span>
+        <ul class="navbar-nav mx-2">
             <li class="nav-item dropdown">
                 <a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">User <img class="rounded-circle" height="24" src="{% static 'tommy-lasorda.jpg' %}" width="24" /></a>
                 <div class="dropdown-menu">
diff --git a/templates/home.html b/templates/home.html
index 59fa829..73cb965 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,12 +1,25 @@
-{% extends "base.html" %}
+{% extends "base.html" %}{% load static %}
 
 {% block title %}Bench Coach Home{% endblock %}
 
 {% block content %}
-<h1>Home</h1>
-    List of pages:
-{% for page in pages %}
-<li><a style="text-transform:capitalize;" href="{% url page %}">{{ page }} </a></li>
-{% endfor %}
+    <div class="text-center my-2">
+    <h1><img class="mx-auto" src="{% static 'benchcoach.svg' %}" style="width: 64px;" /><span class="text-nowrap"><strong>Welcome to Bench Coach</strong></span></h1>
+    <div class="col-lg-6 m-auto">
+        <p class="lead mb-4 d-none">Quisque at curabitur mollis ornare, malesuada maecenas. Orci elit tristique, malesuada eu pharetra. Est praesent tortor porttitor aptent, amet quisque.</p>
+{#        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mx-1">#}
+{#            <button class="btn btn-primary" type="button">Login</button><button class="btn btn-outline-secondary" type="button">Sign Up</button>#}
+{#        </div>#}
+    </div>
+        <div class="container-sm">
+            <div class="list-group">
+                {% for page in pages %}
+                    <li class="list-group-item"><a style="text-transform:capitalize;"
+                                                   href="{% url page %}">{{ page }} </a></li>
+                {% endfor %}
+            </div>
+        </div>
+
+</div>
 
 {% endblock %}
\ No newline at end of file
