diff --git a/package.json b/package.json
index ae0e750..3a9982d 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "clean": "gulp clean",
     "build": "gulp",
     "start": "npm run build && electron ./build",
-    "start-fast": "gulp runFast && electron ./build",
+    "start-fast": "gulp runFast && electron ./build --debug",
     "dev": "npm run build && electron ./build --debug",
     "package": "npm-run-all package:*",
     "package:mac": "electron-packager ./build --overwrite --platform=darwin --arch=x64 --out=out --icon=assets/images/app.icns --osx-sign.identity='Developer ID Application: GitHub' --extend-info=assets/mac/info.plist",
diff --git a/src/assets/conf/resources-landing-page.json b/src/assets/conf/resources-landing-page.json
index 28fd664..d4eb12e 100644
--- a/src/assets/conf/resources-landing-page.json
+++ b/src/assets/conf/resources-landing-page.json
@@ -3,20 +3,23 @@
     {
       "title": "Paycor",
       "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.",
-      "imagePath": "PaycorLogo2-Circle_100x100.png",
-      "urlText": "https://www.paycor.com/"
+      "imagePath": "PaycorLogo2-Transparent_100x100.png",
+      "urlText": "https://www.paycor.com/",
+      "altText": ""
     },
     {
       "title": "Gmail",
       "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.",
-      "imagePath": "GmailCircle_100x100.png",
-      "urlText": "https://mail.google.com"
+      "imagePath": "Gmail-Transparent_100x100.png",
+      "urlText": "https://mail.google.com",
+      "altText": ""
     },
     {
       "title": "Workplace",
       "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.",
-      "imagePath": "WorkplaceLogo-Circle_100x100.png",
-      "urlText": "https://jdsfaulkner.workplace.com"
+      "imagePath": "WorkplaceLogo-Transparent_100x100.png",
+      "urlText": "https://jdsfaulkner.workplace.com",
+      "altText": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/src/assets/images/Gmail-Transparent_100x100.png b/src/assets/images/Gmail-Transparent_100x100.png
new file mode 100644
index 0000000..44c1503
Binary files /dev/null and b/src/assets/images/Gmail-Transparent_100x100.png differ
diff --git a/src/assets/images/PaycorLogo2-Transparent_100x100.png b/src/assets/images/PaycorLogo2-Transparent_100x100.png
new file mode 100644
index 0000000..95a187f
Binary files /dev/null and b/src/assets/images/PaycorLogo2-Transparent_100x100.png differ
diff --git a/src/assets/images/ResourceFinderLogo-Heading-RtAlign_10-30-20a.png b/src/assets/images/ResourceFinderLogo-Heading-RtAlign_10-30-20a.png
deleted file mode 100644
index c7ec3a1..0000000
Binary files a/src/assets/images/ResourceFinderLogo-Heading-RtAlign_10-30-20a.png and /dev/null differ
diff --git a/src/assets/images/ResourceFinderLogo-Shadow_TranspBkgrnd_10-30-20a.png b/src/assets/images/ResourceFinderLogo-Shadow_TranspBkgrnd_10-30-20a.png
deleted file mode 100644
index c9611f5..0000000
Binary files a/src/assets/images/ResourceFinderLogo-Shadow_TranspBkgrnd_10-30-20a.png and /dev/null differ
diff --git a/src/assets/images/ResourceFinderLogo_WhiteHeading_10-30-20a.png b/src/assets/images/ResourceFinderLogo_WhiteHeading_10-30-20a.png
deleted file mode 100644
index 643851a..0000000
Binary files a/src/assets/images/ResourceFinderLogo_WhiteHeading_10-30-20a.png and /dev/null differ
diff --git a/src/assets/images/WorkplaceLogo-Transparent_100x100.png b/src/assets/images/WorkplaceLogo-Transparent_100x100.png
new file mode 100644
index 0000000..69394aa
Binary files /dev/null and b/src/assets/images/WorkplaceLogo-Transparent_100x100.png differ
diff --git a/src/assets/pages/Design2.html b/src/assets/pages/Design2.html
deleted file mode 100644
index 0b48844..0000000
--- a/src/assets/pages/Design2.html
+++ /dev/null
@@ -1,224 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-    <link rel="stylesheet" href="styles/theme2.css">
-    <link rel="stylesheet" href="styles/Design2.css">
-
-    <title>ResourceFinder</title>
-</head>
-<body>
-<nav class="navbar navbar-light sticky-top bg-white flex-md-nowrap p-0 shadow">
-    <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" href="#"><img class="card-img-top"
-                                                                      src="../images/JDS_faulkner_Logo_NoTextAtBottom.png"
-                                                                      alt="JDSfaulkner logo" maxheight="30"></a>
-    <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse"
-            data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-    <input class="form-control form-control-dark w-100 bg-info" type="text" placeholder="Search" aria-label="Search">
-    <ul class="navbar-nav px-3">
-        <li class="nav-item text-nowrap">
-            <a class="nav-link" href="#">Help</a>
-        </li>
-    </ul>
-</nav>
-
-<div class="container-fluid">
-    <div class="row">
-        <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-primary sidebar collapse">
-            <div class="sidebar-sticky pt-3">
-                <ul class="nav flex-column">
-                    <li class="nav-item">
-                        <a class="nav-link active text-white" href="#">
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-house-door"
-                                 fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"/>
-                                <path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
-                            </svg>
-                            &nbsp;
-                            Dashboard<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-white">
-                    <span>Apps</span>
-                    <a class="d-flex align-items-center text-muted" href="#" aria-label="Add a new report">
-                        <span data-feather="plus-circle"></span>
-                    </a>
-                </h6>
-                <ul class="nav flex-column mb-2">
-                    <li class="nav-item">
-                        <a class="nav-link text-white" href="#">
-                            <span data-feather="file-text"></span>
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-phone-vibrate"
-                                 fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M10 3H6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM6 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6z"/>
-                                <path fill-rule="evenodd"
-                                      d="M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM1.599 4.058a.5.5 0 0 1 .208.676A6.967 6.967 0 0 0 1 8c0 1.18.292 2.292.807 3.266a.5.5 0 0 1-.884.468A7.968 7.968 0 0 1 0 8c0-1.347.334-2.619.923-3.734a.5.5 0 0 1 .676-.208zm12.802 0a.5.5 0 0 1 .676.208A7.967 7.967 0 0 1 16 8a7.967 7.967 0 0 1-.923 3.734.5.5 0 0 1-.884-.468A6.967 6.967 0 0 0 15 8c0-1.18-.292-2.292-.807-3.266a.5.5 0 0 1 .208-.676zM3.057 5.534a.5.5 0 0 1 .284.648A4.986 4.986 0 0 0 3 8c0 .642.12 1.255.34 1.818a.5.5 0 1 1-.93.364A5.986 5.986 0 0 1 2 8c0-.769.145-1.505.41-2.182a.5.5 0 0 1 .647-.284zm9.886 0a.5.5 0 0 1 .648.284C13.855 6.495 14 7.231 14 8c0 .769-.145 1.505-.41 2.182a.5.5 0 0 1-.93-.364C12.88 9.255 13 8.642 13 8c0-.642-.12-1.255-.34-1.818a.5.5 0 0 1 .283-.648z"/>
-                            </svg>
-                            &nbsp;
-                            Communication
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-white" href="#">
-                            <span data-feather="file-text"></span>
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-clipboard-check"
-                                 fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
-                                <path fill-rule="evenodd"
-                                      d="M9.5 1h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3zm4.354 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
-                            </svg>
-                            &nbsp;
-                            Project Management
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-white" href="#">
-                            <span data-feather="file-text"></span>
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-cloud" fill="currentColor"
-                                 xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
-                            </svg>
-                            &nbsp;
-                            Cloud File Storage
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-white" href="#">
-                            <span data-feather="file-text"></span>
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-book" fill="currentColor"
-                                 xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M1 2.828v9.923c.918-.35 2.107-.692 3.287-.81 1.094-.111 2.278-.039 3.213.492V2.687c-.654-.689-1.782-.886-3.112-.752-1.234.124-2.503.523-3.388.893zm7.5-.141v9.746c.935-.53 2.12-.603 3.213-.493 1.18.12 2.37.461 3.287.811V2.828c-.885-.37-2.154-.769-3.388-.893-1.33-.134-2.458.063-3.112.752zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
-                            </svg>
-                            &nbsp;
-                            Training Support
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-white" href="#">
-                            <span data-feather="file-text"></span>
-                            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-people" fill="currentColor"
-                                 xmlns="http://www.w3.org/2000/svg">
-                                <path fill-rule="evenodd"
-                                      d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1h7.956a.274.274 0 0 0 .014-.002l.008-.002c-.002-.264-.167-1.03-.76-1.72C13.688 10.629 12.718 10 11 10c-1.717 0-2.687.63-3.24 1.276-.593.69-.759 1.457-.76 1.72a1.05 1.05 0 0 0 .022.004zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10c-1.668.02-2.615.64-3.16 1.276C1.163 11.97 1 12.739 1 13h3c0-1.045.323-2.086.92-3zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"/>
-                            </svg>
-                            &nbsp;
-                            Human Resources
-                        </a>
-                    </li>
-
-
-                </ul>
-            </div>
-        </nav>
-
-        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4 bg-success text-black">
-            <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
-                <h1 class="h4">Dashboard</h1>
-                <p class="text-black"><a href="ResourcesLandingPage.html">Back to Design 1</a></p>
-            </div>
-
-            <div class="album py-5">
-                <div class="container bg-success">
-                    <div class="row">
-                        <div class="col-md-4">
-                            <div class="card mb-4 shadow-sm bg-white">
-                                <div class="card-body">
-                                    <h5 class="card-text text-black" style="text-align:center">Paycor</h5>
-                                    <p class="card-text text-black">Clock in and out, request time off, review health
-                                        benefits and access paystubs using the Paycor human-resources application.
-                                    </p>
-
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <img class="rounded-circle mx-auto d-block img-fluid"
-                                             src="../images/PaycorLogo2-Circle_100x100.png" alt="Paycor logo"
-                                             style="max-height:50px">
-                                    </div>
-
-                                    <hr width="95%" align="center" color="#A79D9D">
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <div class="btn-group">
-                                            <button type="button" class="btn btn-sm btn-secondary">Go</button>
-                                        </div>
-                                    </div>
-
-                                </div>
-                            </div>
-                        </div>
-
-
-                        <div class="col-md-4">
-                            <div class="card mb-4 shadow-sm bg-white">
-                                <div class="card-body">
-                                    <h5 class="card-text text-black" style="text-align:center">Gmail</h5>
-                                    <p class="card-text text-black">Access your company e-mail and a suite of Google
-                                        apps, including a calendar, instant messaging and cloud storage.
-                                    </p>
-
-
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <img class="rounded-circle mx-auto d-block img-fluid"
-                                             src="../images/GmailCircle_100x100.png" alt="Gmail logo"
-                                             style="max-height:50px">
-                                    </div>
-
-                                    <hr width="95%" align="center" color="#A79D9D">
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <div class="btn-group">
-                                            <button type="button" class="btn btn-sm btn-secondary">Go</button>
-                                        </div>
-                                    </div>
-
-                                </div>
-                            </div>
-                        </div>
-
-
-                        <div class="col-md-4">
-                            <div class="card mb-4 shadow-sm bg-white">
-                                <div class="card-body">
-                                    <h5 class="card-text text-black" style="text-align:center">Workplace</h5>
-                                    <p class="card-text text-black">Get the latest news and connect with colleagues.
-                                        JDSfaulkner uses Workplace by Facebook for posting and sharing.
-                                    </p>
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <img class="rounded-circle mx-auto d-block img-fluid"
-                                             src="../images/WorkplaceLogo-Circle_100x100.png" alt="Workplace logo"
-                                             style="max-height:50px">
-                                    </div>
-                                    <hr width="95%" align="center" color="#A79D9D">
-                                    <div class="d-flex justify-content-between align-items-center">
-                                        <div class="btn-group">
-                                            <button type="button" class="btn btn-sm btn-secondary">Go</button>
-                                        </div>
-                                    </div>
-
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </main>
-    </div>
-</div>
-<script>let $ = require('jquery');</script>
-<script>require('popper.js')</script>
-<script>require('bootstrap')</script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.9.0/feather.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
-<script src="dashboard.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/assets/pages/Design3.html b/src/assets/pages/Design3.html
index 5a9c39c..6910db9 100644
--- a/src/assets/pages/Design3.html
+++ b/src/assets/pages/Design3.html
@@ -140,7 +140,7 @@
 <footer class="text-muted">
   <div class="container">
     <p class="float-left">Would you like to return to the first design? Click 
-          <a href="ResourcesLandingPage.html"> here</a>.</p>
+          <a href="resources-landing-page.html"> here</a>.</p>
     <p class="float-right">
       <a href="#">Back to top</a>
     </p>
diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index baa94cb..d899780 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -11,15 +11,13 @@
     <script>require('popper.js')</script>
     <script>require('bootstrap')</script>
 </head>
-<body hidden ONLOAD="$('body').removeAttr('hidden');">
+<body hidden ONLOAD="$('body').removeAttr('hidden');" class="bg-secondary">
 <header>
-    <div class="collapse bg-primary" id="navbarHeader">
+    <div class="collapse bg-secondary" id="navbarHeader">
         <div class="container">
             <div class="row">
                 <div class="col-sm-8 col-md-7 py-4">
-                    <p class="text-success">You rely on a vast amount of resources to do your job. How can you keep
-                        track of them all? Explore ResourceFinder. From payroll to project-management, ResourceFinder
-                        can help you locate the tools you need.</p>
+                    <p class="text-success">You rely on a vast amount of resources to do your job. How can you keep track of them all? Explore ResourceFinder. From payroll to project-management, ResourceFinder can help you locate the tools you need.</p>
                 </div>
                 <div class="col-sm-4 offset-md-1 py-4">
                     <ul class="list-unstyled">
@@ -30,11 +28,11 @@
             </div>
         </div>
     </div>
-    <div class="navbar navbar-dark bg-secondary shadow-sm">
+    
+    <div class="navbar navbar-light bg-primary shadow-sm">
         <div class="container d-flex justify-content-between">
-            <a href="#" class="navbar-brand d-flex align-items-left">
-
-                <strong>ResourceFinder</strong>
+            <a class="navbar-brand" href="#">
+                <img src="../images/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" alt="JDSfaulkner logo" loading="lazy">&nbsp;&nbsp;ResourceFinder
             </a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
                     aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
@@ -42,143 +40,38 @@
             </button>
         </div>
     </div>
+
 </header>
 
 <main>
-    <div class="album py-5 bg-primary">
+    <div class="album py-5 bg-secondary">
         <button id="theme-toggle" class="btn btn-light mb-2">Push to change theme</button>
         <div class="container">
-            <input class="form-control form-control-dark w-100 bg-warning border-0" placeholder="Search"
+            <input class="form-control form-control-dark w-100 bg-info border border-boxborder" placeholder="Search"
                    aria-label="Search">
         </div>
 
-        <div class="album py-5">
-            <div class="container bg-primary">
+        <div class="album py-5 bg-secondary">
+            <div class="container bg-secondary">
 <!--                div container-->
                 <div id="grid-container" class="row">
-
-
-                    <div class="col-md-4">
-                        <div class="card mb-4 shadow-sm bg-secondary">
-                            <div class="card-body">
-                                <h7 class="card-text text-white" style="text-align:center">Paycor</h7>
-                                <p class="card-text text-success">Clock in and out, request time off, review health
-                                    benefits and access paystubs using the Paycor human-resources application.
-                                </p>
-
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <img class="rounded-circle mx-auto d-block img-fluid"
-                                         src="../images/PaycorLogo2-Circle_100x100.png" alt="Paycor logo"
-                                         style="max-height:50px">
-                                </div>
-
-                                <hr width="95%" align="center" color="#A79D9D">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="btn-group">
-                                        <button type="button" class="btn btn-outline-light">Go</button>
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="col-md-4">
-                        <div class="card mb-4 shadow-sm bg-secondary">
-                            <div class="card-body">
-                                <h7 class="card-text text-white" style="text-align:center">Gmail</h7>
-                                <p class="card-text text-success">Access your company e-mail and a suite of Google apps,
-                                    including a calendar, instant messaging and cloud storage.
-                                </p>
-
-
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <img class="rounded-circle mx-auto d-block img-fluid"
-                                         src="../images/GmailCircle_100x100.png" alt="Gmail logo"
-                                         style="max-height:50px">
-                                </div>
-
-                                <hr width="95%" align="center" color="#A79D9D">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="btn-group">
-                                        <button type="button" class="btn btn-outline-light">Go</button>
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="col-md-4">
-                        <div class="card mb-4 shadow-sm bg-secondary">
-                            <div class="card-body">
-                                <h7 class="card-text text-white" style="text-align:center">Workplace</h7>
-                                <p class="card-text text-success">Get the latest news and connect with colleagues.
-                                    JDSfaulkner uses Workplace by Facebook for posting and sharing.
-                                </p>
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <img class="rounded-circle mx-auto d-block img-fluid"
-                                         src="../images/WorkplaceLogo-Circle_100x100.png" alt="Workplace logo"
-                                         style="max-height:50px">
-                                </div>
-                                <hr width="95%" align="center" color="#A79D9D">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="btn-group">
-                                        <button type="button" class="btn btn-outline-light">Go</button>
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="col-md-4">
-                        <div class="card mb-4 shadow-sm bg-secondary">
-                            <div class="card-body">
-                                <h7 class="card-text text-white" style="text-align:center">Design 2</h7>
-                                <p class="card-text text-success">Would you like to see an alternative design? Try
-                                    Design 2.</p>
-                                <div class="d-flex justify-content-between align-items-center">
-                                </div>
-                                <div class="btn-group">
-                                    <a class="btn btn-outline-light" href="Design2.html" role="button">Go</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="col-md-4">
-                        <div class="card mb-4 shadow-sm bg-secondary">
-                            <div class="card-body">
-                                <h7 class="card-text text-white" style="text-align:center">Design 3</h7>
-                                <p class="card-text text-success">Here is another alternative. Check out Design 3.</p>
-                                <div class="d-flex justify-content-between align-items-center">
-                                </div>
-                                <div class="btn-group">
-                                    <a class="btn btn-outline-light" href="Design3.html" role="button">Go</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-
                 </div>
             </div>
         </div>
     </div>
 </main>
+
+</body>
+
 <footer class="page-footer">
-    <div class="container">
-        <p class="float-right text-white">
+    <div class="container" style="background:#ff0000">
+        <p class="float-left text-warning">
+            <a href="Design3.html">Design 3</a>
+        <p class="float-right text-warning">
             <a href="#">Back to top</a>
         </p>
     </div>
 </footer>
-</body>
 <script src="scripts/tsUtil.js"></script>
 <script>loadTSTarget("themes.js");</script>
 <script src="scripts/index_app.js"></script>
diff --git a/src/assets/pages/styles/Design1.scss b/src/assets/pages/styles/Design1.scss
deleted file mode 100644
index 2c7d60b..0000000
--- a/src/assets/pages/styles/Design1.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.jumbotron {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-  margin-bottom: 0;
-  background-color: #fff;
-  background-image: url('../../images/FilesImage_WebBanner_1800x600.png');
-  background-repeat: no-repeat;
-  background-position:bottom center;
-  background-size:cover;
-}
-@media (min-width: 768px) {
-  .jumbotron {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-}
-
-.jumbotron p:last-child {
-  margin-bottom: 0;
-}
-
-.jumbotron h1 {
-  font-weight: 500;
-  color: rgb(90,90,90);
-  text-shadow: 0 0 4px rgba (0,0,0,0.5);
-}
-
-.jumbotron .container {
-  max-width: 40rem;
-  background: rgba(255,255,255,0.45);
-  padding: 2rem;
-  color: white;
-}
-
-.jumbotron p {
-    color: rgb(55,55,55);
-}
-
-footer {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-footer p {
-  margin-bottom: .25rem;
-}
\ No newline at end of file
diff --git a/src/assets/pages/styles/Design2.scss b/src/assets/pages/styles/Design2.scss
deleted file mode 100644
index d620a3b..0000000
--- a/src/assets/pages/styles/Design2.scss
+++ /dev/null
@@ -1,105 +0,0 @@
-body {
-  font-size: .875rem;
- }
-
-.feather {
-  width: 16px;
-  height: 16px;
-  vertical-align: text-bottom;
-}
-
-/*
- * Sidebar
- */
-
-.sidebar {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 100; /* Behind the navbar */
-  padding: 48px 0 0; /* Height of navbar */
-  background: #099f4a;
-  color: #ffffff;
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
-}
-
-@media (max-width: 767.98px) {
-  .sidebar {
-    top: 5rem;
-  }
-}
-
-.sidebar-sticky {
-  position: relative;
-  top: 0;
-  height: calc(100vh - 48px);
-  padding-top: .5rem;
-  overflow-x: hidden;
-  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
-}
-
-@supports ((position: -webkit-sticky) or (position: sticky)) {
-  .sidebar-sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-}
-
-.sidebar .nav-link {
-  font-weight: 500;
-  color: #333;
-}
-
-.sidebar .nav-link .feather {
-  margin-right: 4px;
-  color: #999;
-}
-
-.sidebar .nav-link.active {
-  color: #007bff;
-}
-
-.sidebar .nav-link:hover .feather,
-.sidebar .nav-link.active .feather {
-  color: inherit;
-}
-
-.sidebar-heading {
-  font-size: .75rem;
-  text-transform: uppercase;
-}
-
-/*
- * Navbar
- */
-
-.navbar-brand {
-  padding-top: .75rem;
-  padding-bottom: .75rem;
-  font-size: 1rem;
-  background: white;
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
-}
-
-.navbar .navbar-toggler {
-  top: .25rem;
-  right: 1rem;
-}
-
-.navbar .form-control {
-  padding: .75rem 1rem;
-  border-width: 0;
-  border-radius: 0;
-}
-
-.form-control-dark {
-  color: #fff;
-  background-color: rgba(255, 255, 255, .1);
-  border-color: rgba(255, 255, 255, .1);
-}
-
-.form-control-dark:focus {
-  border-color: transparent;
-  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
-}
\ No newline at end of file
diff --git a/src/assets/pages/styles/resources-landing-page.scss b/src/assets/pages/styles/resources-landing-page.scss
index 6740037..591a213 100644
--- a/src/assets/pages/styles/resources-landing-page.scss
+++ b/src/assets/pages/styles/resources-landing-page.scss
@@ -1,32 +1,48 @@
 
 
 .main {
-  background-color: primary;
+  background-color: secondary;
+  color: warning
 }
 
-.container {
-  background-color: secondary;
+.album {
+	background-color: secondary;
+	color: warning
 }
 
 .img-thumbnail {
-  background-color: secondary;
+  background-color: primary;
 }
 
+.thumbnail {
+	background-color: primary;
+}
+
+.navbar {
+	color: #c1c0cc;
+}
 
 .form-control {
-    color: #c2c2c2;
+    color: #searchfont;
 }
 
 .form-control:focus {
-    color: #c2c2c2;
+    color: #searchfont;
 }
 
-.form-control::-webkit-input-placeholder { color: #c2c2c2; }  /* WebKit, Blink, Edge */
-.form-control:-moz-placeholder { color: #c2c2c2; }  /* Mozilla Firefox 4 to 18 */
-.form-control::-moz-placeholder { color: #c2c2c2; }  /* Mozilla Firefox 19+ */
-.form-control:-ms-input-placeholder { color: #c2c2c2; }  /* Internet Explorer 10-11 */
-.form-control::-ms-input-placeholder { color: #c2c2c2; }  /* Microsoft Edge */
+.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 {
diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index 910eaf4..ad50b44 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/src/assets/pages/styles/theme-base.scss
@@ -12,10 +12,42 @@ $enable-rounded: true !default;
 }
 
 .web-card-background{
-  background-color: map-get($theme-colors, secondary);
+  background-color: map-get($theme-colors, inactivecard);
 }
 
 .web-card-background:hover{
-  background-color: map-get($theme-colors, warning);
+  background-color: map-get($theme-colors, activecard);
 }
 
+.web-card-background:hover .text-header{
+  color: map-get($theme-colors, headertextcolorhover);
+}
+
+.web-card-background:hover .text-paragraph{
+  color: map-get($theme-colors, paragraphtextcolorhover);
+}
+
+.web-card-background:hover .web-card-image-background{
+  background-color: map-get($theme-colors, webcardimagebackgroundhover);
+}
+
+.web-card-image-background{
+  background-color: map-get($theme-colors, webcardimagebackground);
+  border-radius: 50%;
+}
+
+.text-header {
+  color: map-get($theme-colors, headertextcolor);
+}
+
+.text-paragraph{
+  color: map-get($theme-colors, paragraphtextcolor);
+}
+
+html{
+  height:100%
+}
+
+body{
+  height:100%;
+}
\ No newline at end of file
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 852c272..0d948ba 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -1,10 +1,21 @@
-
 $theme-colors: (
-        "primary": #0B031C,
-        "secondary": #211F37,
-        "success": #A79D9D,
-        "info": #1C1CDE,
-        "warning": #303033
+        "primary": #707070,
+        "secondary": #303033,
+        "success": #808080,
+        "info": #202023,
+        "warning": #000000,
+        "inactivecard": #414144,
+        "activecard": #707070,
+        "boxborder": #55555c,
+        "activecardfont":#e1e4e8,
+        "searchfont": #808080,
+        "webcardimagebackground": #707070,
+        "webcardimagebackgroundhover": #808080,
+        "headertextcolor": #808080,
+        "headertextcolorhover": #ffffff,
+        "paragraphtextcolor": #808080,
+        "paragraphtextcolorhover":#ffffff,
 );
 
+
 @import "theme-base";
\ No newline at end of file
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index 44285e5..e13dafe 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -1,12 +1,21 @@
-
 $theme-colors: (
-        "primary": #ffffff,
-        "secondary": #bbbbbb,
+        "primary": #2c2c2c,
+        "secondary": #e5e5e5,
         "success": #0B031C,
-        "info": #1C1CDE,
-        "warning": #700000
+        "info": #ffffff,
+        "warning": #700000,
+        "inactivecard": #ffffff,
+        "activecard": #13a04a,
+        "boxborder": #c0c2c6,
+        "activecardfont":#e1e4e8,
+        "searchfont": #2c2c2c,
+        "webcardimagebackground": #eeeeee,
+        "webcardimagebackgroundhover": #ffffff,
+        "headertextcolor": #2c2c2c,
+        "headertextcolorhover": #ffffff,
+        "paragraphtextcolor": #2c2c2c,
+        "paragraphtextcolorhover":#ffffff,
 );
 
-//$font-color: #000;
 
 @import "theme-base";
\ No newline at end of file
diff --git a/src/assets/pages/styles/theme2.scss b/src/assets/pages/styles/theme2.scss
deleted file mode 100644
index 4b8075f..0000000
--- a/src/assets/pages/styles/theme2.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-$theme-colors: (
-        "primary": #099f4a,
-        "secondary": #103171,
-        "success": #e1e1e1,
-        "info": #f9f9f9,
-        "warning": #303033
-);
-
-$enable-rounded: true !default;
-
-@import "node_modules/bootstrap/scss/bootstrap";
-@import "node_modules/bootstrap/scss/functions";
-@import "node_modules/bootstrap/scss/variables";
-@import "node_modules/bootstrap/scss/mixins";
\ No newline at end of file
diff --git a/src/assets/views/web-card.mustache b/src/assets/views/web-card.mustache
index 51c1b2c..53d59b5 100644
--- a/src/assets/views/web-card.mustache
+++ b/src/assets/views/web-card.mustache
@@ -1,12 +1,12 @@
 <html lang="en">
 <div class="col-md-4 web-card" id="{{{id}}}" >
     <div class="card mb-4 shadow-sm web-card-background">
-        <div class="card-body">
-            <h7 class="card-text text-white" style="text-align:center">{{title}}</h7>
-            <p class="card-text text-success">{{description}} </p>
-            <div class="d-flex justify-content-between align-items-center">
+        <div class="card-body  text-center">
+            <h7 class="card-text text-header" style="text-align:center">{{title}}</h7>
+            <p class="card-text text-paragraph text-align-left">{{description}} </p>
+            <div class="d-inline-block mx-auto justify-content-between align-items-center web-card-image-background">
                 <img class="rounded-circle mx-auto d-block img-fluid"
-                     src="{{{imgPath}}}" alt="Gmail logo"
+                     src="{{{imgPath}}}" alt="{{{altText}}}"
                      style="max-height:50px">
             </div>
         </div>
