diff --git a/ram/portal/templates/flatpage.html b/ram/portal/templates/flatpage.html
deleted file mode 100644
index 057dc02..0000000
--- a/ram/portal/templates/flatpage.html
+++ /dev/null
@@ -1,75 +0,0 @@
-{% load static %}
-{% load breadcrumbs %}
-{% load solo_tags %}
-{% get_solo 'portal.SiteConfiguration' as site_conf %}
-
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="description" content="{{ site_conf.about }}">
-    <meta name="author" content="{{ site_conf.site_author }}">
-    <link rel="icon" type="image/png" href="{% static 'favicon-196x196.png' %}" sizes="196x196">
-    <link rel="icon" type="image/png" href="{% static 'favicon-128.png' %}" sizes="128x128">
-    <link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" sizes="96x96">
-    <link rel="icon" type="image/png" href="{% static 'favicon-32x32.png' %}" sizes="32x32">
-    <link rel="icon" type="image/png" href="{% static 'favicon-16x16.png' %}" sizes="16x16">
-
-    <title>{{ site_conf.site_name }} - {{ page.name }}</title>
-
-    <!-- Bootstrap core CSS -->
-    <link href="{% static "css/dist/bootstrap.min.css" %}" rel="stylesheet">
-    <link href="{% static "css/fonts.css" %}" rel="stylesheet">
-    <link href="{% static "css/main.css" %}" rel="stylesheet">
-    {% if site_conf.common_css %}<link rel="stylesheet" href="{{ site_conf.common_css.url }}">{% endif %}
-  </head>
-
-  <body class="bg-dark">
-    <div class="container-fluid h-100 d-flex flex-column">
-      <header>
-        {% include 'navbar.html' %}
-        <div class="row collapse bg-dark shadow-sm" id="navbarHeader">
-          <div class="container">
-            <div class="row">
-              <div class="col-sm-8 col-md-7 py-4">
-                {% if site_conf.about %}<h4 class="text-white">About</h4>
-                <p class="text-muted">{{ site_conf.about | safe }}</p>{% endif %}
-                {% breadcrumbs page.path %}
-              </div>
-              <div class="col-sm-4 offset-md-1 py-4 text-right">
-              {% if request.user.is_staff %}<div class="dropdown btn-group">
-                <button class="btn btn-sm btn-outline-danger dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                   Edit
-                </button>
-                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                  <a class="dropdown-item" href="{% url 'admin:portal_flatpage_change' page.pk %}">Edit page</a>
-                  <a class="dropdown-item" href="{% url 'admin:portal_flatpage_history' page.pk %}">History</a>
-                  <div class="dropdown-divider"></div>
-                  <a class="dropdown-item text-danger" href="{% url 'admin:portal_flatpage_delete' page.pk %}">Delete</a>
-                </div>
-              </div>{% endif %}
-              {% include 'login.html' %}
-              </div>
-            </div>
-          </div>
-        </div>
-      </header>
-    </div>
-    <main>
-      <div class="album py-5 bg-white">
-        <div class="container">
-          {{ content }}
-        </div>
-      </div>
-    </main>
-
-    {% include 'footer.html' %}
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="{% static "js/dist/jquery.min.js" %}"></script>
-    <script src="{% static "js/dist/bootstrap.bundle.min.js" %}"></script>
-  </body>
-</html>
diff --git a/ram/portal/templates/footer.html b/ram/portal/templates/footer.html
index 67cdc67..18301f1 100644
--- a/ram/portal/templates/footer.html
+++ b/ram/portal/templates/footer.html
@@ -1,6 +1,6 @@
 {% load markdown %}
 
-<footer class="text-muted py-5">
+<footer class="text-muted py-4">
   <div class="container">
     <p class="float-end mb-1">
       <a href="#">Back to top</a>
diff --git a/ram/portal/templates/home.html b/ram/portal/templates/home.html
index f38b39c..b20e606 100644
--- a/ram/portal/templates/home.html
+++ b/ram/portal/templates/home.html
@@ -39,7 +39,7 @@
 <header>
   <div class="navbar navbar-dark bg-dark shadow-sm">
     <div class="container">
-      <a href="#" class="navbar-brand d-flex align-items-center">
+      <a href="/" class="navbar-brand d-flex align-items-center">
         <svg class="me-2" width="26" height="16" enable-background="new 0 0 26 26" version="1" viewBox="0 0 26 16" xmlns="http://www.w3.org/2000/svg">
           <path d="m2.8125 0.0010991a1.0001 1.0001 0 0 0-0.8125 1c0 0.55455-0.44545 1-1 1a1.0001 1.0001 0 0 0-1 1v10a1.0001 1.0001 0 0 0 1 1c0.55455 0 1 0.44546 1 1a1.0001 1.0001 0 0 0 1 1h20a1.0001 1.0001 0 0 0 1-1c0-0.55454 0.44546-1 1-1a1.0001 1.0001 0 0 0 1-1v-10a1.0001 1.0001 0 0 0-1-1c-0.55454 0-1-0.44545-1-1a1.0001 1.0001 0 0 0-1-1h-20a1.0001 1.0001 0 0 0-0.09375 0 1.0001 1.0001 0 0 0-0.09375 0zm0.78125 2h14.406v1h2v-1h2.4062c0.30628 0.76906 0.82469 1.2875 1.5938 1.5938v8.8125c-0.76906 0.30628-1.2875 0.82469-1.5938 1.5938h-2.4062v-1h-2v1h-14.406c-0.30628-0.76906-0.82469-1.2875-1.5938-1.5938v-8.8125c0.76906-0.30628 1.2875-0.82469 1.5938-1.5938zm14.406 2v2h2v-2zm0 3v2h2v-2zm0 3v2h2v-2z" enable-background="accumulate" fill="#fff" overflow="visible" stroke-width="2" style="text-indent:0;text-transform:none"/>
         </svg>
@@ -52,7 +52,7 @@
 
 <main>
   <section class="py-1 text-start container">
-    <div class="row py-lg-5">
+    <div class="row py-lg-4">
       <div class="mx-auto">
         <h1 class="fw-light">About</h1>
         <p class="lead text-muted">{{ site_conf.about | markdown | safe }}</p>
@@ -67,10 +67,9 @@
         {% for r in rolling_stock %}
         <div class="col">
           <div class="card shadow-sm">
-            <a href="#">
-            {% for t in r.thumbnail.all %}{% if t.is_thumbnail %}<img src="{{ t.image.url }}" alt="Card image cap">
-            {% else %}
-            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Missing thumbnail</text></svg>
+            <a href="/portal/{{ r.uuid }}">
+            {% for t in r.thumbnail.all %}
+            {% if t.is_thumbnail %}<img src="{{ t.image.url }}" alt="Card image cap">
             {% endif %}</a>{% endfor %}
             <div class="card-body">
               <p class="card-text"><strong>{{ r }}</strong></p>
@@ -87,7 +86,7 @@
                   </tr>
                   <tr>
                     <th scope="row">Company</th>
-                    <td>{{ r.rolling_class.company }}</td>
+                    <td><abbr title="{{ r.rolling_class.company.extended_name }}">{{ r.rolling_class.company }}</abbr></td>
                   </tr>
                   <tr>
                     <th scope="row">Class</th>
@@ -103,14 +102,6 @@
                   </tr>
                 </tbody>
               </table>
-              <div class="btn-group mb-4">
-                <button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="button"><span data-bs-toggle="collapse" data-bs-target="#collapseModel{{ r.pk }}" aria-expanded="false" aria-controls="collapseModel{{ r.pk }}">Model data</span></button>
-              {% if r.decoder %}
-                <button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="button"> <span data-bs-toggle="collapse" data-bs-target="#collapseDCC{{ r.pk }}" aria-expanded="false" aria-controls="collapseDCC{{ r.pk }}">DCC data</span></button>
-              {% endif %}
-                <a class="btn btn-sm btn-outline-primary" href="#">Show all data</a>
-                {% if request.user.is_staff %}<a class="btn btn-sm btn-outline-danger" href="{% url 'admin:roster_rollingstock_change' r.pk %}">Edit</a>{% endif %}
-              </div>
               <div class="collapse" id="collapseModel{{ r.pk }}">
                 <table class="table table-striped">
                   <thead>
@@ -121,11 +112,11 @@
                   <tbody>
                     <tr>
                       <th width="35%" scope="row">Manufacturer</th>
-                      <td>{{ r.manufacturer }}</td>
+                      <td>{% if r.manufacturer.website %}<a href="{{ r.manufacturer.website }}">{% endif %}{{ r.manufacturer }}{% if r.manufacturer.website %}</a>{% endif %}</th>
                     </tr>
                     <tr>
                       <th scope="row">Scale</th>
-                      <td>{{ r.scale }}</td>
+                      <td><abbr title="{{ r.scale.ratio }} - {{ r.scale.gauge }}">{{ r.scale }}</abbr></td>
                     </tr>
                     <tr>
                       <th scope="row">SKU</th>
@@ -155,13 +146,21 @@
                 </table>
               </div>
               {% endif %}
+              <div class="btn-group mb-4">
+                <button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="button"><span data-bs-toggle="collapse" data-bs-target="#collapseModel{{ r.pk }}" aria-expanded="false" aria-controls="collapseModel{{ r.pk }}">Model data</span></button>
+              {% if r.decoder %}
+                <button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="button"> <span data-bs-toggle="collapse" data-bs-target="#collapseDCC{{ r.pk }}" aria-expanded="false" aria-controls="collapseDCC{{ r.pk }}">DCC data</span></button>
+              {% endif %}
+                <a class="btn btn-sm btn-outline-primary" href="/portal/{{ r.uuid }}">Show all data</a>
+                {% if request.user.is_staff %}<a class="btn btn-sm btn-outline-danger" href="{% url 'admin:roster_rollingstock_change' r.pk %}">Edit</a>{% endif %}
+              </div>
               {% if r.tags.all %}
               <p class="card-text"><small>Tags:</small>
                {% for t in r.tags.all %}<span class="badge bg-primary">
                 {{ t.name }}</span>{# new line is required #}
                 {% endfor %}
-              {% endif %}
               </p>
+              {% endif %}
               <div class="d-flex justify-content-between align-items-center">
                 <small class="text-muted">Updated {{ r.updated_time | date:"M d, Y H:m" }}</small>
               </div>
@@ -177,7 +176,7 @@
         <ul class="pagination justify-content-center mt-4">
           {% if rolling_stock.has_previous %}
           <li class="page-item">
-            <a class="page-link" href="/page/{{ rolling_stock.previous_page_number }}#rolling_stock" tabindex="-1">Previous</a>
+            <a class="page-link" href="/portal/{{ rolling_stock.previous_page_number }}#rolling_stock" tabindex="-1">Previous</a>
           </li>
           {% else %}
           <li class="page-item disabled">
@@ -190,12 +189,12 @@
               <span class="page-link">{{ i }}</span></span>
             </li>
             {% else %}
-            <li class="page-item"><a class="page-link" href="/page/{{ i }}#rolling-stock">{{ i }}</a></li>
+            <li class="page-item"><a class="page-link" href="/portal/{{ i }}#rolling-stock">{{ i }}</a></li>
             {% endif %}
           {% endfor %}
           {% if rolling_stock.has_next %}
           <li class="page-item">
-            <a class="page-link" href="/page/{{ rolling_stock.next_page_number }}#rolling-stock" tabindex="-1">Next</a>
+            <a class="page-link" href="/portal/{{ rolling_stock.next_page_number }}#rolling-stock" tabindex="-1">Next</a>
           </li>
           {% else %}
           <li class="page-item disabled">
diff --git a/ram/portal/templates/page.html b/ram/portal/templates/page.html
new file mode 100644
index 0000000..66b843f
--- /dev/null
+++ b/ram/portal/templates/page.html
@@ -0,0 +1,247 @@
+{% load static %}
+{% load solo_tags %}
+{% load markdown %}
+{% get_solo 'portal.SiteConfiguration' as site_conf %}
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Hugo 0.88.1">
+    <title>{{ site_conf.site_name }}</title>
+    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">
+
+    <!-- Bootstrap core CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="{% static "css/main.css" %}" rel="stylesheet">
+
+    <style>
+      .bd-placeholder-img {
+        font-size: 1.125rem;
+        text-anchor: middle;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+      }
+
+      @media (min-width: 768px) {
+        .bd-placeholder-img-lg {
+          font-size: 3.5rem;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    
+<header>
+  <div class="navbar navbar-dark bg-dark shadow-sm">
+    <div class="container">
+      <a href="/" class="navbar-brand d-flex align-items-center">
+        <svg class="me-2" width="26" height="16" enable-background="new 0 0 26 26" version="1" viewBox="0 0 26 16" xmlns="http://www.w3.org/2000/svg">
+          <path d="m2.8125 0.0010991a1.0001 1.0001 0 0 0-0.8125 1c0 0.55455-0.44545 1-1 1a1.0001 1.0001 0 0 0-1 1v10a1.0001 1.0001 0 0 0 1 1c0.55455 0 1 0.44546 1 1a1.0001 1.0001 0 0 0 1 1h20a1.0001 1.0001 0 0 0 1-1c0-0.55454 0.44546-1 1-1a1.0001 1.0001 0 0 0 1-1v-10a1.0001 1.0001 0 0 0-1-1c-0.55454 0-1-0.44545-1-1a1.0001 1.0001 0 0 0-1-1h-20a1.0001 1.0001 0 0 0-0.09375 0 1.0001 1.0001 0 0 0-0.09375 0zm0.78125 2h14.406v1h2v-1h2.4062c0.30628 0.76906 0.82469 1.2875 1.5938 1.5938v8.8125c-0.76906 0.30628-1.2875 0.82469-1.5938 1.5938h-2.4062v-1h-2v1h-14.406c-0.30628-0.76906-0.82469-1.2875-1.5938-1.5938v-8.8125c0.76906-0.30628 1.2875-0.82469 1.5938-1.5938zm14.406 2v2h2v-2zm0 3v2h2v-2zm0 3v2h2v-2z" enable-background="accumulate" fill="#fff" overflow="visible" stroke-width="2" style="text-indent:0;text-transform:none"/>
+        </svg>
+        <strong>{{ site_conf.site_name }}</strong>
+      </a>
+    {% include 'login.html' %}
+    </div>
+  </div>
+</header>
+
+<main>
+  <section class="py-1 text-start container">
+    <div class="row py-lg-4">
+      <div class="mx-auto">
+        <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="/">Home</a></li>
+            <li class="breadcrumb-item active" aria-current="page">{{ rolling_stock }}</li>
+          </ol>
+        </nav>
+        <h1 class="fw-light">{{ rolling_stock }}</h1>
+      {% if rolling_stock.tags.all %}
+      <p><small>Tags:</small>
+       {% for t in rolling_stock.tags.all %}<span class="badge bg-primary">
+        {{ t.name }}</span>{# new line is required #}
+        {% endfor %}
+      </p>
+      {% endif %}
+      </div>
+    </div>
+  </section>
+  <section class="py-1 text-start container">
+    <div class="row py-lg-2">
+      <div class="mx-auto">
+        <nav>
+          <div class="nav nav-tabs" id="nav-tab" role="tablist">
+            <button class="nav-link active" id="nav-data-tab" data-bs-toggle="tab" data-bs-target="#nav-data" type="button" role="tab" aria-controls="nav-data" aria-selected="true">Data</button>
+            <button class="nav-link" id="nav-class-tab" data-bs-toggle="tab" data-bs-target="#nav-class" type="button" role="tab" aria-controls="nav-class" aria-selected="false">Class</button>
+            <button class="nav-link" id="nav-dcc-tab" data-bs-toggle="tab" data-bs-target="#nav-dcc" type="button" role="tab" aria-controls="nav-dcc" aria-selected="false">DCC</button>
+            <button class="nav-link" id="nav-notes-tab" data-bs-toggle="tab" data-bs-target="#nav-notes" type="button" role="tab" aria-controls="nav-notes" aria-selected="false">Notes</button>
+            <button class="nav-link" id="nav-documents-tab" data-bs-toggle="tab" data-bs-target="#nav-documents" type="button" role="tab" aria-controls="nav-documents" aria-selected="false">Documents</button>
+           </div>
+        </nav>
+        <div class="tab-content" id="nav-tabContent">
+          <div class="tab-pane fade show active" id="nav-data" role="tabpanel" aria-labelledby="nav-data-tab">
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th colspan="2" scope="row">Data</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th width="35%" scope="row">Type</th>
+                  <td>{{ rolling_stock.rolling_class.type }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Company</th>
+                  <td><abbr title="{{ rolling_stock.rolling_class.company.extended_name }}">{{ rolling_stock.rolling_class.company }}</abbr></td>
+                </tr>
+                <tr>
+                  <th scope="row">Class</th>
+                  <td>{{ rolling_stock.rolling_class.identifier }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Road number</th>
+                  <td>{{ rolling_stock.road_number }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Era</th>
+                  <td>{{ rolling_stock.era }}</td>
+                </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th colspan="2" scope="row">Model data</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th width="35%" scope="row">Manufacturer</th>
+                  <td>{% if rolling_stock.manufacturer.website %}<a href="{{ rolling_stock.manufacturer.website }}">{% endif %}{{ rolling_stock.manufacturer }}{% if rolling_stock.manufacturer.website %}</a>{% endif %}</th>
+                </tr>
+                <tr>
+                  <th scope="row">Scale</th>
+                  <td><abbr title="{{ rolling_stock.scale.ratio }} - {{ rolling_stock.scale.gauge }}">{{ rolling_stock.scale }}</abbr></td>
+                </tr>
+                <tr>
+                  <th scope="row">SKU</th>
+                  <td>{{ rolling_stock.sku }}</td>
+                </tr>
+              </tbody>
+            </table>
+            {% if rolling_stock.decoder %}
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th colspan="2" scope="row">DCC data</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th width="35%" scope="row">Decoder</th>
+                  <td>{{ rolling_stock.decoder }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Address</th>
+                  <td>{{ rolling_stock.address }}</td>
+                </tr>
+              </tbody>
+            </table>
+            {% endif %}
+          </div>
+          <div class="tab-pane fade" id="nav-class" role="tabpanel" aria-labelledby="nav-class-tab">
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th colspan="2" scope="row">Class data</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th width="35%" scope="row">Class</th>
+                  <td>{{ rolling_stock.rolling_class }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Type</th>
+                  <td>{{ rolling_stock.rolling_class.type }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Company</th>
+                  <td>{{ rolling_stock.rolling_class.company }} ({{ rolling_stock.rolling_class.company.extended_name }})</td>
+                </tr>
+                <tr>
+                  <th scope="row">Country</th>
+                  <td>{{ rolling_stock.rolling_class.company.country.name }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Manufacturer</th>
+                  <td>{{ rolling_stock.rolling_class.manufacturer }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="tab-pane fade" id="nav-dcc" role="tabpanel" aria-labelledby="nav-dcc-tab">
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th colspan="2" scope="row">DCC data</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <th width="35%" scope="row">Name</th>
+                  <td>{{ rolling_stock.decoder.name }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Manufacturer</th>
+                  <td>{{ rolling_stock.decoder.manufacturer }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Version</th>
+                  <td>{{ rolling_stock.decoder.version }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Interface</th>
+                  <td>{{ rolling_stock.decoder.get_interface_display }}</td>
+                </tr>
+                <tr>
+                  <th scope="row">Sound</th>
+                  <td>{{ rolling_stock.decoder.sound | yesno }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="tab-pane fade" id="nav-notes" role="tabpanel" aria-labelledby="nav-notes-tab">
+            <p class="lead text-muted">{{ rolling_stock.notes | markdown | safe }}</p>
+          </div>
+          <div class="tab-pane fade" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <div class="album py-5 bg-light">
+    <div class="container">
+      <a id="rolling-stock"></a>
+      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
+        {% for t in rolling_stock.thumbnail.all %}
+        <div class="col">
+          <div class="card shadow-sm">
+            <a href="#"><img src="{{ t.image.url }}" alt="Rolling stock image"></a>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</main>
+{% include 'footer.html' %}
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+  </body>
+</html>
diff --git a/ram/portal/urls.py b/ram/portal/urls.py
index 1b0df49..477d607 100644
--- a/ram/portal/urls.py
+++ b/ram/portal/urls.py
@@ -1,7 +1,8 @@
 from django.urls import path
 
-from portal.views import GetHome
+from portal.views import GetHome, GetRollingStock
 
 urlpatterns = [
     path("<int:page>", GetHome.as_view(), name='index_pagination'),
+    path("<uuid:uuid>", GetRollingStock.as_view(), name='rollig_stock'),
 ]
diff --git a/ram/portal/views.py b/ram/portal/views.py
index e63f588..94b34e6 100644
--- a/ram/portal/views.py
+++ b/ram/portal/views.py
@@ -24,3 +24,12 @@ class GetHome(View):
             'rolling_stock': rolling_stock,
             'thumbnails': thumbnails
         })
+
+
+class GetRollingStock(View):
+    def get(self, request, uuid):
+        rolling_stock = RollingStock.objects.get(uuid=uuid)
+
+        return render(request, 'page.html', {
+            'rolling_stock': rolling_stock,
+        })
diff --git a/ram/ram/urls.py b/ram/ram/urls.py
index 457ccbd..493a099 100644
--- a/ram/ram/urls.py
+++ b/ram/ram/urls.py
@@ -26,7 +26,7 @@ admin.site.site_header = site_conf.site_name
 
 urlpatterns = [
     path("", GetHome.as_view(), name="index"),
-    path("page/", include("portal.urls")),
+    path("portal/", include("portal.urls")),
     path("ht/", include("health_check.urls")),
     path("admin/", admin.site.urls),
     path("api/v1/consist/", include("consist.urls")),
