diff --git a/atst/routes/__init__.py b/atst/routes/__init__.py
index 7bea9305..339cd219 100644
--- a/atst/routes/__init__.py
+++ b/atst/routes/__init__.py
@@ -147,9 +147,9 @@ def about():
 
 @bp.route("/csp-environment-access")
 def csp_environment_access():
-    return render_template("csp_environment_access.html")
+    return render_template("mock_csp.html", text="console for this environment")
 
 
 @bp.route("/jedi-csp-calculator")
 def jedi_csp_calculator():
-    return render_template("jedi_csp_calculator.html")
+    return render_template("mock_csp.html", text="service and price calculator")
diff --git a/static/img/cloud_background.jpg b/static/img/cloud_background.jpg
new file mode 100644
index 00000000..07c57b07
Binary files /dev/null and b/static/img/cloud_background.jpg differ
diff --git a/templates/csp_environment_access.html b/templates/csp_environment_access.html
deleted file mode 100644
index f2fdde60..00000000
--- a/templates/csp_environment_access.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<p align="center">
-  <img src="static/icons/cloud.svg" alt="Cloud" width="100" />
-</p>
-<h3 align="center">You are now being taken to the Cloud Service Provider's console for this environment!</h3>
diff --git a/templates/jedi_csp_calculator.html b/templates/jedi_csp_calculator.html
deleted file mode 100644
index 672e0ad4..00000000
--- a/templates/jedi_csp_calculator.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<p align="center">
-  <img src="static/icons/cloud.svg" alt="Cloud" width="100" />
-</p>
-<h3 align="center">You are now being taken to the Cloud Service Provider's service and price calculator!</h3>
diff --git a/templates/mock_csp.html b/templates/mock_csp.html
new file mode 100644
index 00000000..44f56437
--- /dev/null
+++ b/templates/mock_csp.html
@@ -0,0 +1,24 @@
+<div class="csp_container" align="center" >
+  <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 16" width="100" height="100">
+    <path fill="white" id="cloud_icon" d="M11.5 15H5c-2.757 0-5-2.243-5-5 0-2.204 1.446-4.126 3.511-4.769C4.395 3.277 6.335 2 8.5 2c2.773 0 5.058 2.034 5.434 4.727C15.205 7.548 16 8.972 16 10.5c0 2.481-2.019 4.5-4.5 4.5zm-3-11c-1.493 0-2.819.962-3.3 2.394-.115.342-.407.596-.762.664C3.025 7.326 2 8.563 2 10c0 1.654 1.346 3 3 3h6.5c1.379 0 2.5-1.121 2.5-2.5 0-.972-.553-1.835-1.441-2.254-.339-.16-.561-.495-.573-.869C11.918 5.483 10.387 4 8.5 4z"/>
+  </svg>
+
+  <p align="center" >You are now being taken to the Cloud Service Provider's {{ text }}!</p>
+</div>
+
+<style>
+  p {
+    font-family: "Source Sans Pro", sans-serif;
+    margin: 1.6rem 0;
+    font-size: 1.8rem;
+    font-weight: 700;
+  }
+  body {
+    background-image: url(static/img/cloud_background.jpg);
+    background-size: cover;
+  }
+  .csp_container {
+    align: center;
+    padding-top: 10rem;
+  }
+</style>