diff --git a/src/static/css/index.css b/src/static/css/index.css
index 2277c2e..6e4cffb 100644
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -17,6 +17,26 @@ tbody tr:nth-child(odd) {
     color: var(--colour-foreground);
 }
 
+.page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 0.75rem;
+    margin-bottom: 24px;
+}
+.site-title {
+    margin: 0;
+}
+/* Campus links (sit next to the title in the page header) */
+.campus-links {
+    font-size: 1rem;
+    white-space: nowrap;
+}
+.campus-links a[aria-current="page"] {
+    font-weight: bold;
+    text-decoration: underline;
+}
+
 #search-area {
     display: grid;
     grid-template-areas:
@@ -38,11 +58,14 @@ tbody tr:nth-child(odd) {
         grid-template-columns: min-content min-content min-content auto 90px;
         grid-template-rows: auto auto auto auto;
     }
+    /* Break selector to its own line on smaller screens */
+    .page-header { flex-direction: column; align-items: flex-start; }
+    .campus-links { margin-top: 0.25rem; }
 }
 
 @media (width < 550px) {
     #search-area {
-        grid-template-areas: 
+        grid-template-areas:
             "school-label select-school select-school"
             "level-label select-level select-level"
             "semester-label select-semester select-semester"
diff --git a/src/templates/index.jinja.html b/src/templates/index.jinja.html
index 295d8b4..460a352 100644
--- a/src/templates/index.jinja.html
+++ b/src/templates/index.jinja.html
@@ -23,7 +23,25 @@
     <link rel="canonical" href="https://uoncourses.org" />
 {% endblock %}
 {% block main %}
-    <h1><a href="{{ my_url }}" id="title">{{ campus }} Module Search</a></h1>
+    <header class="page-header">
+        <h1 class="site-title"><a href="{{ my_url }}" id="title">{{ campus }} Module Search</a></h1>
+        <nav class="campus-links" aria-label="Campus selector">
+            <a
+                href="{{ url_for('index_page') }}"
+                {% if campus == 'Nottingham' %}aria-current="page"{% endif %}>
+                Nottingham</a>
+            &nbsp;|&nbsp;
+            <a
+                href="{{ url_for('index_page_china') }}"
+                {% if campus == 'China' %}aria-current="page"{% endif %}>
+                China</a>
+            &nbsp;|&nbsp;
+            <a
+                href="{{ url_for('index_page_malaysia') }}"
+                {% if campus == 'Malaysia' %}aria-current="page"{% endif %}>
+                Malaysia</a>
+        </nav>
+    </header>
 
     <!-- Search area -->
     <div id="search-area">