diff --git a/src/assets/images/JDS_faulkner_Logo_NoTextAtBottom.png b/src/assets/images/JDS_faulkner_Logo_NoTextAtBottom.png
new file mode 100644
index 0000000..733f309
Binary files /dev/null and b/src/assets/images/JDS_faulkner_Logo_NoTextAtBottom.png differ
diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index 1edb09b..ab84310 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>ResourceFinder</title>
+    <title>&nbsp;&nbsp;ResourceFinder</title>
 
     <link rel="stylesheet" href="styles/resources-landing-page.css">
 
@@ -52,7 +52,8 @@
 
 <main>
     <div class="album py-5 bg-secondary">
-        <a href="#Tax-Documents-collapser">CLICK HERE FOR TAX DOCUMENTS</a>
+        <p><a href="#Tax-Documents-collapser">CLICK HERE FOR TAX DOCUMENTS</a></p>
+        <p><a href="test-resources-landing-page2.html">Alternate Layout</a></p>
         <div class="container">
             <input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont"
                    placeholder="Search"
diff --git a/src/assets/pages/styles/resources-landing-page.scss b/src/assets/pages/styles/resources-landing-page.scss
index fbe0c4c..410f912 100644
--- a/src/assets/pages/styles/resources-landing-page.scss
+++ b/src/assets/pages/styles/resources-landing-page.scss
@@ -19,7 +19,11 @@
 }
 
 .navbar {
-	color: #c1c0cc;
+	color: navbartext;
+}
+
+.nav-link {
+  color: navbartext;
 }
 
 .form-control:focus {
diff --git a/src/assets/pages/styles/test-resources-landing-page2.scss b/src/assets/pages/styles/test-resources-landing-page2.scss
new file mode 100644
index 0000000..aaa5077
--- /dev/null
+++ b/src/assets/pages/styles/test-resources-landing-page2.scss
@@ -0,0 +1,143 @@
+html {
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  html {
+    font-size: 16px;
+  }
+}
+
+.container {
+  max-width: 960px;
+}
+
+.main {
+  background-color: secondary;
+  color: navbartext;
+}
+
+.body {
+  font-size: .875rem;
+}
+
+.feather {
+  width: 16px;
+  height: 16 px;
+  vertical-align: text-bottom;
+}
+
+.album {
+	background-color: secondary;
+	color: navbartext;
+}
+
+.img-thumbnail {
+  background-color: primary;
+}
+
+.thumbnail {
+	background-color: primary;
+}
+
+body {
+  padding-bottom: 20px;
+}
+
+.navbar {
+  margin-bottom: 20px;
+}
+
+/*
+ * Sidebar
+ */
+
+.sidebar {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100; /* Behind the navbar */
+  padding: 0;
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+}
+
+.sidebar-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 48px; /* Height of navbar */
+  height: calc(100vh - 48px);
+  padding-top: .5rem;
+  overflow-x: hidden;
+  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+}
+
+.sidebar .nav-link {
+  font-weight: 500;
+  color: navbartext;
+}
+
+.sidebar .nav-link .feather {
+  margin-right: 4px;
+  color: navbartextfeather;
+}
+
+.sidebar .nav-link.active {
+  color: navbartextactive;
+}
+
+.sidebar .nav-link:hover .feather,
+.sidebar .nav-link.active .feather {
+  color: inherit;
+}
+
+.sidebar-heading {
+  font-size: .75rem;
+  text-transform: uppercase;
+}
+
+/*
+ * End Sidebar
+ */
+
+.border-top { border-top: 1px solid #e5e5e5; }
+.border-bottom { border-bottom: 1px solid #e5e5e5; }
+.nav-link {
+  color: navbartext;
+}
+
+@media (min-width: 768 px) {
+  .main {
+  padding-right: 40px;
+  padding-left: 220px; /* 180 + 40 */
+}
+}
+
+.form-control:focus {
+  box-shadow: none;
+}
+
+.card-image-background{
+  display: flex;
+}
+
+.text-align-left{
+  text-align: left;
+}
+
+.form-control::-webkit-input-placeholder { color: searchfont; }  /* WebKit, Blink, Edge */
+.form-control:-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 4 to 18 */
+.form-control::-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 19+ */
+.form-control:-ms-input-placeholder { color: searchfont; }  /* Internet Explorer 10-11 */
+.form-control::-ms-input-placeholder { color: searchfont; }  /* Microsoft Edge */
+
+
+.footer {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  background: primary;
+}
+
+.footer p {
+  margin-bottom: .25rem;
+}
+
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 7ff206d..0178bd8 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -4,18 +4,23 @@ $theme-colors: (
         "success": #808080,
         "info": #202023,
         "warning": #000000,
-        "navbartext": #c2c2c2,
+        "navbartext": #414144,
+        "navbartextfeather": #303033,
+        "navbartextactive": #202022,
         "inactivecard": #414144,
         "activecard": #707070,
         "boxborder": #55555c,
         "activecardfont":#e1e4e8,
         "searchfont": #808080,
+        "sidebarfill": #202023,
+        "sidebartext": #808080,
         "webcardimagebackground": #707070,
         "webcardimagebackgroundhover": #98928F,
         "headertextcolor": #808080,
         "headertextcolorhover": #202022,
         "paragraphtextcolor": #808080,
         "paragraphtextcolorhover":#202022,
+        "themebuttonoutline": #414144, 
 );
 
 .theme-button{
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index 447bdfe..8f1fe62 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -1,21 +1,26 @@
 $theme-colors: (
-        "primary": #101011,
+        "primary": #ffffff,
         "secondary": #e5e5e5,
         "success": #0B031C,
         "info": #ffffff,
         "warning": #700000,
-        "navbartext": #c2c2c2,
+        "navbartext": #434344,
+        "navbartextfeather": #323233,
+        "navbartextactive": #212122,
         "inactivecard": #ffffff,
         "activecard": #13a04a,
         "boxborder": #c0c2c6,
         "activecardfont":#e1e4e8,
         "searchfont": #2c2c2c,
+        "sidebarfill": #f6f6f6,
+        "sidebartext": #c2c2c2,
         "webcardimagebackground": #eeeeee,
         "webcardimagebackgroundhover": #f0f0f0,
-        "headertextcolor": #2c2c2c,
+        "headertextcolor": #434344,
         "headertextcolorhover": #ffffff,
-        "paragraphtextcolor": #2c2c2c,
+        "paragraphtextcolor": #434344,
         "paragraphtextcolorhover":#ffffff,
+        "themebuttonoutline": #434344, 
 );
 
 .theme-button{
diff --git a/src/assets/pages/test-resources-landing-page2.html b/src/assets/pages/test-resources-landing-page2.html
new file mode 100644
index 0000000..806012f
--- /dev/null
+++ b/src/assets/pages/test-resources-landing-page2.html
@@ -0,0 +1,119 @@
+<!doctype html>
+
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Steering Wheel</title>
+
+    <link rel="stylesheet" href="styles/test-resources-landing-page2.css">
+
+    <script>let $ = require('jquery');</script>
+    <script>require('popper.js')</script>
+    <script>require('bootstrap')</script>
+</head>
+
+<body hidden ONLOAD="$('body').removeAttr('hidden');" class="bg-secondary">
+
+<div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm">
+    <a class="navbar-brand text-navbartext my-0 mr-md-auto">
+    <img src="../images/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" alt="JDSfaulkner logo">
+    &nbsp;Steering Wheel
+    </a>
+    <nav class="my-2 my-md-0 mr-md-3">
+    <a class="p-2 text-navbartext" href="#">Help</a>
+    <a class="p-2 text-navbartext" href="#">Feedback</a>
+    </nav>
+    <a class="btn btn-outline-themebuttonoutline" id="theme-toggle">Theme</a>
+</div>
+    
+
+<div class="container-fluid">
+      <div class="row">
+        <nav class="col-md-2 d-none d-md-block bg-sidebarfill sidebar">
+          <div class="sidebar-sticky">
+            <ul class="nav flex-column">
+              <li class="nav-item">
+                <a class="nav-link active" href="#">
+                  <span data-feather="home"></span>
+                  Top <span class="sr-only">(current)</span>
+                </a>
+              </li>
+            </ul>
+
+            <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-sidebartext">
+              <span>Resource Categories</span>
+              <a class="d-flex align-items-center" href="#">
+              </a>
+            </h6>
+            <ul class="nav flex-column mb-2">
+              <li class="nav-item">
+                <a class="nav-link" href="#">
+                  <span data-feather="list-ul"></span>
+                  Category 1
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#">
+                  <span data-feather="list-ul"></span>
+                  Category 2
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#">
+                  <span data-feather="list-ul"></span>
+                  Category 3
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#Tax-Documents-collapser">
+                  <span data-feather="list-ul"></span>
+                  Tax Documents
+                </a>
+              </li>
+            </ul>
+          </div>
+        </nav>
+
+<main>
+        
+        <div class="album py-5 bg-secondary">
+        <div class="container">
+            <input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont"
+                   placeholder="Search"
+                   aria-label="Search">
+        </div>
+
+        <div class="album py-5 bg-secondary">
+            <div class="container bg-secondary">
+                <!--                div container-->
+                <div id="grid-container">
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    
+
+
+
+<footer class="page-footer">
+    <div class="container">
+        <p class="float-left text-navbartext"> 
+        <a href="resources-landing-page.html">Back to original layout</a>
+        </p>
+        <p class="float-right text-navbartext">
+            <a href="#">Back to top</a>
+        </p>
+    </div>
+</footer>
+</main>
+</body>
+
+
+<script src="scripts/tsUtil.js"></script>
+<script>loadTSTarget("themes.js");</script>
+<script src="scripts/index_app.js"></script>
+</html>
\ No newline at end of file
