diff --git a/labapp/app/reference.html b/labapp/app/reference.html
new file mode 100644
index 0000000..30de113
--- /dev/null
+++ b/labapp/app/reference.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
+
+
+
+ F5 Distributed Cloud documentation blurb
+
+
+
Load Balancing
+
+
Routing
+
+
Content Manipulation
+
+
Portability
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/labapp/app/static/custom.css b/labapp/app/static/custom.css
index 61c29cf..ed25e3a 100644
--- a/labapp/app/static/custom.css
+++ b/labapp/app/static/custom.css
@@ -18,6 +18,10 @@ main {
overflow-y: auto;
}
+.full-height-container {
+ min-height: 100vh; /* Set the minimum height to 100% of the viewport height */
+}
+
.lab-icon {
height: 30px;
width: auto;
diff --git a/labapp/app/static/images/banners/reference-banner.png b/labapp/app/static/images/banners/reference-banner.png
new file mode 100644
index 0000000..5a7ab25
Binary files /dev/null and b/labapp/app/static/images/banners/reference-banner.png differ
diff --git a/labapp/app/templates/base.html b/labapp/app/templates/base.html
index bf17eb2..a86bd27 100644
--- a/labapp/app/templates/base.html
+++ b/labapp/app/templates/base.html
@@ -20,7 +20,7 @@
-