diff --git a/templates/index.html b/templates/index.html
index 7f088866..1bb23f7e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,92 +1,109 @@
 {% extends 'base.html' %}
 {% load auth_extras %}
 {% block content %}
-    <h1>PENRA Courses</h1>
-    {% if not request.user.is_authenticated %}
-        <a href="{% url 'login'%}">Log in</a><br/>
-        <a href="{% url 'password_reset'%}">Reset password</a>
-    {% else %}
-{% comment %}                 <a href="{% url 'atlas:index'%}">Atlas</a>
-                <a href="{% url 'anatomy:index'%}">Anatomy</a>
-                <a href="{% url 'physics:index'%}">Physics</a>
-                <a href="{% url 'rapids:index'%}">Rapids</a>
-                <a href="{% url 'longs:index'%}">Longs</a>
-                <a href="{% url 'sbas:index'%}">SBAs</a> {% endcomment %}
-    {% endif %}
-    {% if request.user.is_authenticated %}
-
-
-        {% if request.user.userprofile.peninsula_trainee %}
-            <div id="user-details card">
-                <div class="card-body">
-                    <h5 class="card-title">Please check your details are correct.</h5>
-                    Name: {{request.user.first_name}} {{request.user.last_name}}<br/>
-                    Email: {{request.user.email}}<br/>
-                    Grade: {{request.user.userprofile.grade}}<br/>
-                    Supervisor: {{request.user.userprofile.supervisor}}
+    <div class="py-4">
+        <div class="container">
+            <div class="row mb-4">
+                <div class="col-12">
+                    <div class="p-4 bg-dark rounded-3 border">
+                        <div class="d-flex justify-content-between align-items-center">
+                            <h1 class="mb-0">PENRA Courses</h1>
+                            {% if not request.user.is_authenticated %}
+                                <div>
+                                    <a class="btn btn-outline-primary me-2" href="{% url 'login' %}">Log in</a>
+                                    <a class="btn btn-outline-secondary" href="{% url 'password_reset' %}">Reset password</a>
+                                </div>
+                            {% else %}
+                                <a class="btn btn-primary" href="{% url 'profile' %}">Your profile</a>
+                            {% endif %}
+                        </div>
+                        <p class="text-muted mt-2">Access exams, courses and resources for trainees and trainers.</p>
+                    </div>
                 </div>
-
             </div>
 
-        {% endif %}
+            <div class="row g-4">
+                <div class="col-lg-8">
+                    {% if request.user.is_authenticated %}
+                        {% if request.user.userprofile.peninsula_trainee %}
+                            <div class="card mb-3">
+                                <div class="card-body">
+                                    <h5 class="card-title">Profile</h5>
+                                    <p class="mb-1"><strong>Name:</strong> {{ request.user.first_name }} {{ request.user.last_name }}</p>
+                                    <p class="mb-1"><strong>Email:</strong> {{ request.user.email }}</p>
+                                    <p class="mb-1"><strong>Grade:</strong> {{ request.user.userprofile.grade }}</p>
+                                    <p class="mb-0"><strong>Supervisor:</strong> {{ request.user.userprofile.supervisor }}</p>
+                                    <div role="alert" class="alert alert-warning mt-3">
+                                    If any of this information is incorrect, please update it via your <a href="{% url 'profile' %}">profile page</a>
+                                    </div>
+                                </div>
+                            </div>
+                        {% endif %}
 
-        {% if request.user.supervisor %}
-            <a href='{% url "generic:supervisor_overview" request.user.supervisor.pk %}'>Supervisor overview</a>
-        {% endif %}
+                        <div class="card mb-3">
+                            <div class="card-body">
+                                <h5 class="card-title">Exams / Courses</h5>
+                                <p class="card-text">View your courses and exam scores.</p>
+                                <a class="btn btn-outline-primary" href="{% url 'user_scores' %}">View my courses</a>
+                            </div>
+                        </div>
+                    {% endif %}
 
+                    {% if collections %}
+                        <div class="card mb-3">
+                            <div class="card-body">
+                                <h5 class="card-title">Exam collections</h5>
+                                <div class="list-group list-group-flush">
+                                    {% for collection in collections %}
+                                        <a class="list-group-item list-group-item-action" href="{% url 'generic:examcollection_detail' collection.pk %}">{{ collection.name }}</a>
+                                    {% endfor %}
+                                </div>
+                            </div>
+                        </div>
+                    {% endif %}
 
-            <h3>Exams / Courses</h3>
-        <p>
-            View your courses / exams <a href="{% url 'user_scores'%}">here</a>
+                    {% if rcr_assessor %}
+                        <div class="alert alert-info" role="alert">
+                            <h5 class="alert-heading mb-1">RCR platform migration</h5>
+                            <p class="mb-0"><a href="{% url 'rcr:radiology_index_view' %}">Open RCR migration tools</a></p>
+                        </div>
+                    {% endif %}
+                </div>
 
-        </p>
-    {% endif %}
+                <div class="col-lg-4">
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h6 class="card-title">Quick links</h6>
+                            <ul class="list-unstyled mb-0">
+                                <li><a href="http://www.penracourses.org.uk/rts" class="link-primary">RTS platform</a></li>
+                                {% if not request.user.is_authenticated %}<li><a href="{% url 'cid_selector' %}" class="link-primary">CID login</a></li>{% endif %}
+                                {% if request.user.supervisor %}<li><a href='{% url "generic:supervisor_overview" request.user.supervisor.pk %}' class="link-primary">Supervisor overview</a></li>{% endif %}
+                                {% if request.user|has_group:"cid_user_manager" %}
+                                    <li>Manage <a href="{% url 'trainees' %}">trainees</a> · <a href="{% url 'accounts_list' %}">users</a> · <a href="{% url 'generic:manage_cids' %}">candidates</a></li>
+                                {% endif %}
+                                {% if request.user.is_superuser %}
+                                    <li><a href="{% url 'django_psutil_dash:dashboard' %}" class="link-primary">psutil</a></li>
+                                {% endif %}
+                            </ul>
+                        </div>
+                    </div>
 
+                    <div class="card text-muted small">
+                        <div class="card-body">
+                            <strong>Need help?</strong>
+                            <p class="mb-0">See <a href="{% url 'about' %}">About</a> or contact your admin.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-    {% if collections %}
-        <h2>Exam collections</h2>
-        <ul>
-            {% for collection in collections %}
-                <li><a href="{% url 'generic:examcollection_detail' collection.pk %}">{{collection.name}}</a></li>
-            {% endfor %}
-        </ul>
-
-    {% endif %}
-
-
-
-    <p><a href="http://www.penracourses.org.uk/rts">RTS is available here</a></p>
-
-    {% if rcr_assessor %}
-        <div>
-            <h3><a href="{% url 'rcr:radiology_index_view'%}">RCR platform migration</a></h3>
+            <div class="row mt-4">
+                <div class="col-12 text-center">
+                    {% if request.user.is_authenticated %}
+                        {% if request.user|has_group:"cid_user_manager" %}<a class="btn btn-sm btn-outline-secondary me-2" href="{% url 'admin:index' %}">Admin</a>{% endif %}
+                    {% endif %}
+                </div>
+            </div>
         </div>
-    {% endif %}
-
-    {% if not request.user.is_authenticated %}
-        <p><a href="{% url 'cid_selector' %}">CID users can log in here</a></p>
-    {% endif %}
-
-    <div>
-        {% if request.user|has_group:"cid_user_manager" %}
-            Manage <a href="{% url 'trainees' %}">trainees</a><br/>
-            Manage users <a href="{% url 'accounts_list'%}">here</a> and candidates <a href="{% url 'generic:manage_cids'%}">here</a>
-
-            <p>Manage <a href="{% url 'generic:examination_view' %}">Examinations</a>
-
-            </p>
-            <a href="{% url 'admin:index'%}">Admin</a>
-
-
-            <a href="{% url 'rcr:radiology_index_view'%}">RCR platform migration</a>
-        {% endif %}
     </div>
-
-
-
-    {% if request.user.is_superuser %}
-        <a href="{% url 'django_psutil_dash:dashboard' %}">psutil</a>
-
-    {% endif %}
-
 {% endblock %}