From 7ae06d16f6cc99f8a948b41268431f8ef3a459ed Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Fri, 1 Nov 2024 14:09:39 -0400
Subject: [PATCH] HackerRank sandbox almost done. Trying to fix some weirdness
 in the Walmart Supplier templates.

---
 Custom_Templates/customer_templates/.DS_Store | Bin 26628 -> 22532 bytes
 .../HackerRank Sandbox/.DS_Store              | Bin 0 -> 6148 bytes
 .../_account_tabs.html.liquid                 |  23 +++
 .../_cards_course.html.liquid                 |  12 +-
 .../_cards_learning_path.html.liquid          |  84 +-------
 .../_cards_training_event.html.liquid         |  38 ++--
 .../_courses_catalog.html.liquid              |   2 +-
 .../HackerRank Sandbox/_footer.html.liquid    |  84 ++++----
 .../HackerRank Sandbox/_header.html.liquid    | 195 ++----------------
 .../_learning_path_course.html.liquid         |  14 +-
 ...learning_path_training_session.html.liquid |   4 -
 .../_sub_navigation.html.liquid               |  68 +-----
 .../_training_session_cta.html.liquid         |  56 ++---
 .../_training_session_date.html.liquid        |  18 +-
 ..._training_session_desktop_view.html.liquid |  53 ++---
 .../_training_session_details.html.liquid     |  15 +-
 .../_training_session_header.html.liquid      |   2 +-
 .../_training_session_mobile_view.html.liquid |  39 ++--
 .../_training_session_status.html.liquid      |   6 +
 .../_training_session_tile.html.liquid        |  25 ++-
 .../HackerRank Sandbox/account.html.liquid    |   1 +
 .../auth_url_email.html.liquid                |  11 +-
 .../case-studies.html.liquid                  | 193 -----------------
 .../HackerRank Sandbox/catalog.html.liquid    |  53 +----
 .../HackerRank Sandbox/course.html.liquid     |  18 +-
 .../HackerRank Sandbox/dashboard.html.liquid  |  35 +++-
 .../HackerRank Sandbox/homepage.html.liquid   |  51 ++---
 .../learning_paths.html.liquid                |  19 +-
 .../new-product-releases.html.liquid          | 193 -----------------
 .../training_events.html.liquid               |   4 +-
 .../training_session_attendance.html.liquid   |   2 +-
 .../HackerRank Sandbox/transcript.html.liquid |   8 +
 .../Walmart Supplier Prod/.DS_Store           | Bin 0 -> 6148 bytes
 .../_cards_course.html.liquid                 |   7 +-
 .../_catalog_categories.html.liquid           |  13 +-
 .../_courses_catalog.html.liquid              |  47 ++++-
 .../_welcome_section.html.liquid              |  49 +++--
 37 files changed, 386 insertions(+), 1056 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/.DS_Store
 create mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/_account_tabs.html.liquid
 create mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_status.html.liquid
 delete mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/case-studies.html.liquid
 delete mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/new-product-releases.html.liquid
 create mode 100644 Custom_Templates/customer_templates/HackerRank Sandbox/transcript.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store

diff --git a/Custom_Templates/customer_templates/.DS_Store b/Custom_Templates/customer_templates/.DS_Store
index 687bf7b404cb6eb5628094340a7164426e612ce6..13e8f038a4b55cb10fc7730958129ea24c95eec8 100644
GIT binary patch
delta 224
zcmZp<z}T{ZQHFtmfzhcn#gKs^0LbJ3Vh}CB0~F?%C}Yg359F~<4B0%{AccjIc`^^v
zvdQ=S1t%YNaNMjY!OXUqor8sg(RuP5Cf&)F0m7S=0^YJuJ{zt(`3IBm<X{2A%?<+R
z88`C_Phwrnt)Rf@znRBj5C7y@_8OBv*o!N&0}Tg)0B#`R3bU1gK>=vH0T4UzY!+mB
q&ODhv#Zm*Lj*)?Z2}-koXdnmV;0O>K1c34hlM7P1H~)6wWCj3oH!KkV

delta 399
zcmZqKz}RwuQHFtmfzhcn#gKs^0m$S4Vh}CB!@$7AIZ?)#)fmWQn;5cru>uq0WP=bE
zMwZDujLRk~35c_@1EoYK?~_oT94{fos4!VUNOtmX0oBPpDqNGb1brq4Sn*E2Ef}&{
zh>3}1Gdl+h2cyd5T@ogf^Za->Z<jd4$S6Abl%(wBL_aBZhTB|V!$ADWYLYxos>K$1
zi;g<N1rPdR5oA`EVrIO+FnNQN*5(CL*{qutn4W`(X2!+b3JQz?n|U1e@J~(<5EIBr
zHw;eB&n*C&2L$Yvli%6PGAe?kHv0&?W#7#2v6CH_LP=Fnr~p9%H;{0J1r7s)0x*ya
zfY<?u19&zIGCgLV%pYQ@!3Ydeum&IjWUzqPOpvh60I`8$V24aD2<e{uQ$%sIo9GKB
E07k7>@c;k-

diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/.DS_Store b/Custom_Templates/customer_templates/HackerRank Sandbox/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_account_tabs.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_account_tabs.html.liquid
new file mode 100644
index 00000000..f4de6c8e
--- /dev/null
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_account_tabs.html.liquid	
@@ -0,0 +1,23 @@
+{% capture settings_path %}{% route account %}{% endcapture %}
+{% capture transcript_path %}{% route transcript %}{% endcapture %}
+
+{% if current_person.signed_in? %}
+{% unless current_school.sso_active? %}
+  <nav class="np-tabs np-account-tabs">
+    <div class="np-tabs-content">
+      <div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ settings_path}}">
+          {% t .profile_settings %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+      <div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ transcript_path }}">
+          {% t .transcript %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+    </div>
+  </nav>
+{% endunless %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_course.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_course.html.liquid
index 5402ed64..6ef1f60e 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_course.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_course.html.liquid	
@@ -15,18 +15,12 @@
         {{ course.name }}
       </h3>
       <div class="np-card-content-subtitle">
-        {{ course.instructor_names }}
+        {{ course.short_description }}
       </div>
       <div class="np-card-content-footer">
-        <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div>
         {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-        {% if course.has_to_restart? %}
-          {% include "course_version_outdated_popup", path: course_path %}
-        {% endif %}
-        <a class="np-button np-button-wide" href="{{ course_path }}">
-          {% t shared.view %}
+        <a class="np-sub-navigation-content-item-link" href="{{ course_path }}" style="font-weight: bold; padding-top: 10px;">
+            View course
         </a>
       </div>
     </div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_learning_path.html.liquid
index cdc870e9..8814790b 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_learning_path.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_learning_path.html.liquid	
@@ -1,102 +1,30 @@
-{% comment %}This section of code will iterate over all courses in a learning path and average out the completion per course compared to the total of the LP {% endcomment %}
-{% assign total_progress = 0 %}
-{% assign completed_progress = 0 %}
-
-{% for item in learning_path.items %}
-  {% if item.course? %}
-    {% assign total_progress = total_progress | plus: 100 %}
-
-    {% assign completed_progress = completed_progress | plus: item.progress %}
-  {% endif %}
-{% endfor %}
-
-{% assign total_progress = total_progress | times: 0.01 %}
-{% assign calculated_progress = completed_progress | divided_by: total_progress %}
-
-<div class="np-card np-no-horizontal-padding">
+<div class="np-card">
   <div class="np-card-container">
-    <div class="np-learning-path">
       <img
         alt="{{ learning_path.name }}"
-        class="np-card-image np-learning-path-image"
+        class="np-card-image"
         src="{{ learning_path.image_url }}"
       />
-      <div class="np-card-text-wrapper">
-        <div class="np-hidden-desktop np-card-header">
-          <i class="np-card-header-icon far fa-road"></i>
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <div class="np-hidden-desktop  np-card-header-items-count">
-            {{ learning_path.items.count }} {% t .items %}
-          </div>
-        </div>
-        <div class="np-hidden-mobile np-card-header">
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <i class="np-card-header-icon far fa-road"></i>
-        </div>
 
-        <div class="np-card-content np-card-padding np-card-content-vertical">
+        <div class="np-card-content np-card-content-vertical np-card-padding">
           <h3 class="np-card-content-title">
             {{ learning_path.name }}
           </h3>
 
-          <div class="np-card-content-subtitle">
-            {{ learning_path.instructor_names }}
-          </div>
-
-          <div class="np-hidden-mobile np-card-content-description">
+          <div>
             {{ learning_path.description }}
           </div>
 
-          <div class="np-hidden-mobile np-card-content-progress
-          np-button-color">
-            {% comment %}{% t shared.progress, count: learning_path.progress %}{% endcomment %}
-            {% if calculated_progress < 1 %}
-              Not Started
-            {% else %}
-              {{calculated_progress | ceil }}% Completed
-            {% endif %}
-          </div>
-
-          <div class="np-hidden-mobile np-card-progress-bar-container">
-            <div
-              style="width: {{ calculated_progress }}%"
-              class="np-button-background-color np-card-progress-bar">
-            </div>
-          </div>
 
           <div class="np-card-content-footer">
             <div class="np-hidden-desktop np-card-content-progress
             np-button-color">
               {% t shared.progress, count: learning_path.progress %}
             </div>
-            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
-              {% t shared.view %}
+            <a class="np-sub-navigation-content-item-link" href="{% route learning_path, id: learning_path.id %}" style="font-weight: bold; padding-top: 10px;">
+              View learning path
             </a>
-            <span class="np-hidden-mobile np-learning-path-items">
-              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
-              <span class="np-learning-path-items-count">
-                {{ learning_path.items.count }} {% t .items %}
-              </span>
-            </span>
           </div>
         </div>
-      </div>
-    </div>
-  </div>
-  <div class="np-card-stack">
-    <div class="np-card-stack-level-1"></div>
-    <div class="np-card-stack-level-2"></div>
   </div>
 </div>
-
-<style>
-  @media screen and (min-width: 768px) {
-.np-learning-paths .np-learning-path-image {
-  min-height: unset;
-  margin: auto;
-}
-.np-learning-path-image {
-  min-width: 33%;
-}
-}
-</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_training_event.html.liquid
index 1176157e..b2f19148 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_training_event.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_cards_training_event.html.liquid	
@@ -1,38 +1,46 @@
-<div class="np-card">
+<div class="np-card np-card-training-event">
   <div class="np-card-container">
     <div class="np-card-content-training-event">
       <h3 class="np-card-content-title">
         {{ training_event.title }}
       </h3>
       <div class="np-card-content-subtitle">
+        <i class="far {{ training_event.event_type_icon }} np-training-session-icon"></i>
         {% t shared.event_types, key: training_event.event_type %}
+        <span class="np-card-training-sessions-separator">•</span>
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
       </div>
       <div class="np-card-training-session">
         <span class="np-card-content-label">
-          {% t .next_session %}
+          {% t .next_session %} -
+          <span class="{{ training_event.sessions.first.status.type}}">
+            {{ training_event.sessions.first.status.label}}
+          </span>
         </span>
         <div class="np-card-training-session-date">
           <div class="np-button-background-color np-card-training-session-date-bar"></div>
-          <div class="np-card-training-session-date-day">
-            {{ training_event.sessions.first.day }}
-          </div>
-          <div>
-            <div class="np-card-training-session-date-month">
-              {{ training_event.sessions.first.month }}
+          <div class="np-card-training-session-date-label">
+            <div class="np-card-training-session-date-day">
+              {{ training_event.sessions.first.day }}
             </div>
-            <div class="np-card-training-session-date-year">
-              {{ training_event.sessions.first.year }}
+            <div>
+              <div class="np-card-training-session-date-month">
+                {{ training_event.sessions.first.month }}
+              </div>
+              <div class="np-card-training-session-date-year">
+                {{ training_event.sessions.first.year }}
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <div class="np-card-content np-card-content-vertical np-card-padding">
+    <div class="np-card-content np-card-content-vertical np-card-content-training-event">
       <div class="np-card-training-sessions">
-        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
-        <span class="np-card-training-sessions-label">
-          {% t .sessions, count: training_event.sessions.size %}
-        </span>
+
         <a
           class="np-button np-button-wide"
           href="{% route training_session, id: training_event.sessions.first.id %}"
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_courses_catalog.html.liquid
index ea1e9ea4..b0d017bf 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_courses_catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_courses_catalog.html.liquid	
@@ -12,5 +12,5 @@
       key: current_school.course_vocabulary
     %}
   {% endcapture %}
-  {% include "courses_zero_state", message: message %}
+  
 {% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_footer.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_footer.html.liquid
index c1a5ab83..d1164dcf 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_footer.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_footer.html.liquid	
@@ -1,37 +1,56 @@
-<footer class="np-footer">
+<footer class="np-footer" style="background-color: transparent;">
   <div class="np-footer-top">
     {% if website_footer.show_navigation_links? %}
       <div class="np-footer-navigation">
-        <ul class="np-footer-navigation-list">
-          {% for website_navigation in navigations.footer_navigations %}
+        <ul class="np-footer-navigation-list" style="padding-left: 200px;">
             <li class="np-footer-navigation-item">
               <a
-                class="np-footer-navigation-link np-button-color"
-                href="{{ website_navigation.path }}"
-                {% if website_navigation.external? %} target="_blank" {% endif %}
+                class="np-footer-navigation-link" style="color: #39424e;"
+                href="https://www.hackerrank.com/work/login"
+                target="_blank"
               >
-                {{ website_navigation.name }}
+                Product login
+              </a>
+            </li>
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link" style="color: #39424e;"
+                href="https://support.hackerrank.com/hc/en-us"
+                target="_blank"
+              >
+                Knowledge base
+              </a>
+            </li>
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link" style="color: #39424e;"
+                href="https://support.hackerrank.com/access/normal"
+                target="_blank"
+              >
+                Support request
+              </a>
+            </li>
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link" style="color: #39424e;"
+                href="https://www.hackerrank.com/release/october-2024"
+                target="_blank"
+              >
+                New releases
+              </a>
+            </li>
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link" style="color: #39424e;"
+                href="https://www.hackerrank.com/blog/"
+                target="_blank"
+              >
+                Blog
               </a>
             </li>
-          {% endfor %}
         </ul>
       </div>
     {% endif %}
-    {% if current_school.logo_url %}
-      <h2 class="np-footer-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-footer-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h2>
-    {% else %}
-      <div class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </div>
-    {% endif %}
   </div>
 
   <div class="np-footer-bottom">
@@ -55,24 +74,5 @@
         </ul>
       {% endif %}
     </nav>
-
-    {% if website_footer.show_customer_service_email? and
-      website_footer.school_customer_service_email
-    %}
-      <div class="np-footer-support">
-        <div class="np-footer-support-item np-footer-support-help">
-          {% t .need_help %}
-        </div>
-        <div class="np-footer-support-item np-footer-support-email">
-          {% t .email %}
-        </div>
-        <a
-          class="np-footer-support-item np-footer-support-link np-button-color"
-          href="mailto:{{ website_footer.school_customer_service_email }}"
-        >
-          {{ website_footer.school_customer_service_email }}
-        </a>
-      </div>
-    {% endif %}
   </div>
 </footer>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_header.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_header.html.liquid
index 17618eb5..09aa2089 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_header.html.liquid	
@@ -1,180 +1,27 @@
-<header class="np-header np-header-color">
-  <div class="np-header-content">
-    <div class="np-hidden-desktop np-header-mobile-menu-nav">
-      {% if current_person.signed_in? %}
-        <button
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
-          data-toggle-target=".np-header-mobile-avatar-menu,
-          .np-header-mobile-menu-content, .np-main, .np-footer"
-        ></button>
-        <button
-          data-test="open-mobile-menu"
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
-          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          />
-        </button>
-      {% endif %}
-    </div>
-    {% if current_school.logo_url %}
-      <h1 class="np-header-logo">
-        <a href="{% route home %}">
-          <img
+<header class="np-header np-header-color" style="background-color: transparent;">
+    <a href="{% route home %}">
+        <img
             alt="{{ current_school.name }}"
             class="np-header-logo-image"
             src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h1>
-    {% else %}
-      <a href="{% route home %}" class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </a>
-    {% endif %}
-
-    <div class="np-hidden-mobile np-header-desktop-nav">
-      <ul class="np-header-desktop-nav-list">
-        {% for website_navigation in navigations.header_navigations_external %}
-          <li class= "np-header-desktop-nav-item">
-            <a
-              href="{{ website_navigation.path }}"
-              class="np-header-desktop-nav-link np-header-font-color"
-              target="_blank"
-            >
-              {{ website_navigation.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
-    </div>
-
-    {% if current_person.signed_in? %}
-      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
-        <form action="{% route search %}" method="get" data-test="desktop-search">
-          <input
-            aria-label="{% t .search %}"
-            class="np-header-search-input np-header-font-background-color"
-            type="text"
-            name="q"
-            placeholder="{% t .search %}"
-          />
-          <i class="np-header-search-icon far fa-search"></i>
-        </form>
-      </div>
-      <div class="np-hidden-mobile np-header-avatar">
-        <button
-          class="np-header-avatar-button"
-          data-test="open-desktop-menu"
-          data-toggle-class-on-target="np-hidden"
-          data-toggle-target=".np-header-avatar-tooltip"
-          data-toggle-outside
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          >
-        </button>
-        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
-          <span class="np-header-avatar-tooltip-arrow-up"></span>
-          <div class="np-header-avatar-tooltip-learner">
-            <div class="np-header-avatar-tooltip-learner-name">
-              {{ current_person.name }}
-            </div>
-            <div class="np-header-avatar-tooltip-learner-email">
-              {{ current_person.email }}
-            </div>
-          </div>
-          <nav class="np-header-avatar-tooltip-navigation">
-          {% unless current_school.sso_active? %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link"
-              href="{% route account %}"
-            >
-              {% t .profile_settings %}
-            </a>
-          {% endunless %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link np-danger"
-              href="{% route logout %}"
-            >
-              {% t .sign_out %}
-            </a>
-          </nav>
-        </div>
-      </div>
-    {% else %}
-      <a
-        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
-        aria-label="{% t shared.sign_in %}"
-        href="{% route login %}"
-      >
-        {% t shared.sign_in %}
-      </a>
-    {% endif %}
-  </div>
-</header>
-
-<div class="np-hidden-desktop">
-  <div class="np-header-mobile-menu-content np-hidden">
-    {% if current_person.signed_in? %}
-      <img
-        alt="{{ current_person.name }}"
-        class="np-header-mobile-menu-content-avatar"
-        src="{{ current_person.avatar_url }}"
-      />
-      <div class="np-header-mobile-menu-content-name">
-        {{ current_person.name }}
-      </div>
-    {% endif %}
-    <div class="np-header-mobile-menu-content-nav">
-      <form
-        class="np-header-search"
-        data-test="mobile-search"
-        method="get"
-        action="{% route search %}"
-      >
-        <input
-          aria-label="{% t .search %}"
-          class="np-header-search-input"
-          type="text"
-          name="q"
-          placeholder="{% t .search %}"
+            style="width: 300px; height: auto;"
         />
-        <i class="np-header-search-icon far fa-search"></i>
-      </form>
-      {% for website_navigation in navigations.header_navigations %}
-        <a
-          href="{{ website_navigation.path }}"
-          class="np-header-mobile-menu-content-button"
-          {% if website_navigation.external? %} target="_blank" {% endif %}
-        >
-          {{ website_navigation.name }}
-        </a>
-      {% endfor %}
-      <div class="np-header-mobile-menu-content-line"></div>
-      {% unless current_school.sso_active? %}
-        <a
-          class="np-header-mobile-menu-content-button"
-          href="{% route account %}"
-        >
-          {% t .profile_settings %}
-        </a>
-      {% endunless %}
-      <a
-        class="np-header-mobile-menu-content-button np-danger"
-        href="{% route logout %}"
-      >
-        {% t .sign_out %}
-      </a>
+    </a>
+  <div class="np-sub-navigation-content"> 
+    <div class="np-sub-navigation-content">
+      <div class="np-sub-navigation-content-item">
+          <a class="np-sub-navigation-content-item-link" href="https://hackertest.northpass.com/app/dashboard" style="font-weight: bold;">My courses</a>
+      </div>
+    </div>
+    <div class="np-sub-navigation-content">
+      <div class="np-sub-navigation-content-item">
+          <a class="np-sub-navigation-content-item-link" href="{{ '/catalog' }}" style="font-weight: bold;">All courses</a>
+      </div>
+    </div>
+    <div class="np-sub-navigation-content">
+      <div class="np-sub-navigation-content-item">
+          <a class="np-sub-navigation-content-item-link" href="{{ '/learning_paths' }}" style="font-weight: bold;">Learning paths</a>
+      </div>
     </div>
   </div>
-</div>
-
-{% include "messages" %}
+</header>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_course.html.liquid
index 15976a51..5f7aff84 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_course.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_course.html.liquid	
@@ -26,13 +26,11 @@
         </div>
       </div>
       <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
-      {% comment %}
       {% if course.optional? %}
         <div class="np-optional-ribbon">
           {% t shared.optional %}
         </div>
       {% endif %}
-      {% endcomment %}
     </div>
   </a>
 {% else %}
@@ -48,13 +46,11 @@
           {{ course.name }}
         </div>
       </div>
-      {% comment %}
-        {% if course.optional? %}
-          <div class="np-optional-ribbon">
-            {% t shared.optional %}
-          </div>
-        {% endif %}
-      {% endcomment %}
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
     </div>
   </div>
 {% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_training_session.html.liquid
index 93616c7c..f796cdf4 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_training_session.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_learning_path_training_session.html.liquid	
@@ -21,13 +21,11 @@
         </div>
       </div>
       <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
-      {% comment %}
       {% if training_session.optional? %}
         <div class="np-optional-ribbon">
           {% t shared.optional %}
         </div>
       {% endif %}
-      {% endcomment %}
     </div>
   </a>
 {% else %}
@@ -45,13 +43,11 @@
         <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
         <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
       </div>
-      {% comment %}
       {% if training_session.optional? %}
         <div class="np-optional-ribbon">
           {% t shared.optional %}
         </div>
       {% endif %}
-      {% endcomment %}
     </div>
   </div>
 {% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_sub_navigation.html.liquid
index b0e7e0ce..b432c10b 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_sub_navigation.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_sub_navigation.html.liquid	
@@ -4,76 +4,10 @@
       <div class="np-sub-navigation-content-item {{ link.active_class }}">
         <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
           <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
-          {% if link.label == 'Dashboard' %}
-            My Dashboard
-          {% elsif link.label == 'Catalog' %}
-            Courses Library
-          {% elsif link.label == 'Events' %}
-            Live Training Webinars
-          {% else %}
-            {{ link.label }}
-          {% endif %}
+          {{ link.label }}
         </a>
         <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
       </div>
     {% endfor %}
-      <div class="np-sub-navigation-content-item-inactive knowledge-base-link">
-        <a class="np-sub-navigation-content-item-link" href="https://support.hackerrank.com">
-          <i class="fal fa-book-reader np-button-color np-sub-navigation-content-item-icon"></i>
-          Knowledge Base
-        </a>
-        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-	  </div>
-
-      <div class="np-sub-navigation-content-item new-products-link">
-		<a class="np-sub-navigation-content-item-link"
-		   href="https://hackerrank.northpass.com/app/new-product-releases">
-          <i class="fal fa-rocket-launch np-sub-navigation-content-item-icon"></i>
-          New Product Releases
-        </a>
-        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-	  </div>
-
-      <div class="np-sub-navigation-content-item case-studies-link">
-
-		<a style="text-decoration: none;" href="https://hackerrank.northpass.com/app/case-studies">
-		<div class="np-sub-navigation-content-item-link" >
-		  <img class="fal np-button-color np-sub-navigation-content-item-icon custom-icon" src="https://s3.amazonaws.com/static.northpass.com/HackerRank/Lightbulb_Book-Icon.jpg">
-          Case Studies
-		</div>
-		</a>
-        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-	</div>
   </div>
 </nav>
-
-<style>
-/* .custom-icon {
-	content: url('https://s3.amazonaws.com/static.northpass.com/HackerRank/Lightbulb_Book-Icon.jpg');
-    height: 100%;
-	overflow: auto;
-} */
-.custom-icon {
-	width: 32px;
-    position: relative;
-    top: 50%;
-    left: 50%;
-    padding: 0;
-    transform: translate(-135%, calc(-50% - 10px));
-}
-  .np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
-    color:#1ba94c;
-  }
-</style>
-<script>
-  if (window.location.pathname == "/app/case-studies") {
-    document.querySelector(".case-studies-link").classList.add("np-sub-navigation-content-item-active")
-  } else {
-    document.querySelector(".case-studies-link").classList.add("np-sub-navigation-content-item-inactive")
-  }
-  if (window.location.pathname == "/app/new-product-releases") {
-    document.querySelector(".new-products-link").classList.add("np-sub-navigation-content-item-active")
-  } else {
-    document.querySelector(".new-products-link").classList.add("np-sub-navigation-content-item-inactive")
-  }
-</script>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_cta.html.liquid
index d777c5f6..5f959556 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_cta.html.liquid	
@@ -1,51 +1,33 @@
-{% if training_session.approved? %}
-  <div class="np-training-session-cta-note">
-    <i class="far fa-check np-training-session-icon"></i>
-    {% t .registered %}
-  </div>
-{% elsif training_session.pending? %}
-  <div class="np-training-session-cta-note np-training-session-cta-note-error">
-    {% t .pending %}
-  </div>
-{% elsif training_session.denied? %}
-  <div class="np-training-session-cta-note np-training-session-cta-note-error">
-    {% t .denied %}
-  </div>
-{% elsif training_session.too_late? %}
-  <div class="np-training-session-cta-note np-training-session-cta-note-error">
-    {% t .too_late %}
-  </div>
-{% elsif training_session.no_seats? %}
-  <div class="np-training-session-cta-note np-training-session-cta-note-error">
-    {% t .no_seats %}
-  </div>
-{% endif %}
 <div class="np-training-session-cta">
   <div class="np-training-session-cta-buttons">
     <form
-      action="{% route training_session_registration, id: training_session.id %}"
+      action="{{ training_session.cta.url }}"
       method="post"
     >
       {% form_authenticity_token %}
 
-      {% if training_session.internal? and training_session.approved? %}
-        {% if features.training_events_google_calendar? %}
-          {% include "training_session_calendars" %}
-          <button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
-            {% t .unregister %}
-          </button>
-        {% else %}
-          <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
-            {% t .unregister %}
-          </button>
-        {% endif %}
+      {% if training_session.show_calendar_links? %}
+        {% include "training_session_calendars" %}
+      {% endif %}
 
+      {% if training_session.cta.undo? %}
         <input type="hidden" name="_method" value="delete" />
       {% endif %}
 
-      {% if training_session.not_registered? %}
-        <button type="submit" class="np-top-button np-button np-button-big">
-          {% t .register %}
+      {% if training_session.cta.label %}
+        <button
+          type="submit"
+          class="
+            np-top-button
+            np-button
+            np-button-big
+
+            {% if training_session.show_calendar_links? %}
+              np-button-secondary
+            {% endif %}
+          "
+        >
+          {{ training_session.cta.label }}
         </button>
       {% endif %}
     </form>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_date.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_date.html.liquid
index 48694035..860040fe 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_date.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_date.html.liquid	
@@ -1,14 +1,16 @@
 <div class="np-card-training-session-date">
   <div class="np-button-background-color np-card-training-session-date-bar"></div>
-  <div class="np-card-training-session-date-day">
-    {{ training_session.day }}
-  </div>
-  <div>
-    <div class="np-card-training-session-date-month">
-      {{ training_session.month }}
+  <div class="np-card-training-session-date-label">
+    <div class="np-card-training-session-date-day">
+      {{ training_session.day }}
     </div>
-    <div class="np-card-training-session-date-year">
-      {{ training_session.year }}
+    <div>
+      <div class="np-card-training-session-date-month">
+        {{ training_session.month }}
+      </div>
+      <div class="np-card-training-session-date-year">
+        {{ training_session.year }}
+      </div>
     </div>
   </div>
 </div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_desktop_view.html.liquid
index 5c1abfec..d689ade2 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_desktop_view.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_desktop_view.html.liquid	
@@ -1,40 +1,43 @@
 <div class="np-resource-header np-resource-header-card np-card-padding-large">
   {% include "training_session_header" %}
 </div>
-<div class="row">
-  <div class="col-xs-12 col-sm-7">
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
     <div class="np-card-container">
-      <div class="row">
-        <div class="col-xs-12 col-sm-5">
-          {% include "training_session_details" %}
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
         </div>
-        <div class="col-xs-12 col-sm-7">
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
           {% include "training_session_cta" %}
         </div>
       </div>
+      <div class="np-card-content-divider"></div>
       <div class="np-card-padding-large">
-        <div class="np-card-content-divider">
-          {% include "training_session_description" %}
-        </div>
+        {% include "training_session_description" %}
       </div>
     </div>
   </div>
-  <div class="col-xs-12 col-sm-5 np-grid-spacing">
-    <div class="np-training-session-sessions-title">
-      {% t shared.more_sessions %}
-    </div>
-    {% if training_event.sessions.size > 1 %}
-      {% include "training_session_more_sessions" %}
-    {% else %}
-      <div class="np-training-session-zero-state">
-        <img
-          alt="{% t .empty %}"
-          class="np-zero-state-training-sessions"
-        />
-        <div class="np-training-session-zero-state-text">
-          {% t .empty %}
+  <div class="col-xs-12 col-sm-4 np-grid-spacing">
+    <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
         </div>
-      </div>
-    {% endif %}
+        {% if training_event.sessions.size > 1 %}
+          {% include "training_session_more_sessions" %}
+        {% else %}
+          <div class="np-training-session-zero-state">
+            <img
+              alt="{% t .empty %}"
+              class="np-zero-state-training-sessions"
+            />
+            <div class="np-training-session-zero-state-text">
+              {% t .empty %}
+            </div>
+          </div>
+        {% endif %}
+    </div>
   </div>
 </div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_details.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_details.html.liquid
index ac9b4c93..64a925b7 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_details.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_details.html.liquid	
@@ -1,23 +1,22 @@
-<div class="np-card-spacing-large">
-  {% include "training_session_date" %}
+<div class="np-training-session-info">
 
   <div class="np-training-session-time">
     <i class="fal fa-clock np-button-color np-training-session-icon"></i>
-    {{ training_session.time_period }} {{ training_session.time_zone }}
+    <time>{{ training_session.time_period }} {{ training_session.time_zone }}</time>
   </div>
 
-  {% if training_session.location %}
+  {% if training_session.approved? and training_session.location %}
     <div class="np-training-session-location">
       <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
-      {% comment %} {{ training_session.location }} {% endcomment %}
+      {{ training_session.location }}
     </div>
   {% endif %}
 
-  {% if training_session.session_url %}
+  {% if training_session.approved? and training_session.session_url %}
     <div class="np-training-session-location">
-     {% comment %} <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
       <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
-         {{ training_session.session_url }} {% endcomment %}
+        {{ training_session.session_url }}
       </a>
     </div>
   {% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_header.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_header.html.liquid
index 10434cfa..b845976d 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_header.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_header.html.liquid	
@@ -1,6 +1,6 @@
 <div class="np-top-vocabulary np-text-title">
   {% t shared.event_types, key: training_event.event_type %}
-  <i class="fal fa-users-class np-button-color np-training-session-icon"></i>
+  <i class="fal {{ training_event.event_type_icon }} np-button-color np-training-session-icon"></i>
 </div>
 <div class="np-top-title">
   <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_mobile_view.html.liquid
index 00455d4e..3270d65d 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_mobile_view.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_mobile_view.html.liquid	
@@ -1,22 +1,27 @@
-<div class="np-card-container-training-session">
-  <div class="np-card-spacing-large">
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
     {% include "training_session_header" %}
   </div>
-  {% include "training_session_details" %}
-  <div class="np-card-padding-large">
-    {% include "training_session_cta" %}
-  </div>
-</div>
 
-<div class="np-card-container np-card-padding np-card-spacing">
-  {% include "training_session_description" %}
-</div>
-
-{% if training_event.sessions.size > 1 %}
-  <div class="np-card-spacing">
-    <div class="np-training-session-sessions-title">
-      {% t shared.more_sessions %}
+  <div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
+    {% include "training_session_status" %}
+    {% include "training_session_date" %}
+    {% include "training_session_details" %}
+    <div class="np-card-padding-large">
+      {% include "training_session_cta" %}
     </div>
-    {% include "training_session_more_sessions" %}
+    {% include "training_session_description" %}
   </div>
-{% endif %}
+
+  {% if training_event.sessions.size > 1 %}
+    <div class="np-card-spacing">
+      <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% include "training_session_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+
+</div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_status.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_status.html.liquid
new file mode 100644
index 00000000..75116282
--- /dev/null
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_status.html.liquid	
@@ -0,0 +1,6 @@
+<div class="np-training-session-cta-note np-training-session-tile-badge np-training-session-tile-badge-{{ training_session.status.type }}">
+    {% if training_session.approved? %}
+        <i class="far fa-check np-training-session-icon"></i>
+    {% endif %}
+    {{ training_session.status.label }}
+</div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_tile.html.liquid
index e5ad8714..669fbb6c 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_tile.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/_training_session_tile.html.liquid	
@@ -3,15 +3,22 @@
     class="np-training-session-tile"
     href="{% route training_session, id: session.id %}"
   >
-    <i class="far fa-calendar-star np-training-session-tile-icon"></i>
-    <div>
-      <div class="np-training-session-tile-date">
-        {{ session.month }} {{ session.day }}, {{ session.year }}
-      </div>
-      <div class="np-training-session-tile-time">
-        {{ session.time_period }} {{ session.time_zone }}
-      </div>
+    <div class="np-training-session-tile-header">
+        <i class="far fa-calendar-star np-training-session-tile-icon"></i>
+        <div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
+            {{ session.status.label }}
+        </div>
+    </div>
+    <div class="np-training-session-tile-content">
+      <div>
+          <div class="np-training-session-tile-date">
+              {{ session.month }} {{ session.day }}, {{ session.year }}
+          </div>
+          <div class="np-training-session-tile-time">
+              {{ session.time_period }} {{ session.time_zone }}
+          </div>
+      </div>
+      <i class="fas fa-arrow-right np-training-session-tile-chevron"></i>
     </div>
-    <i class="fas fa-chevron-right np-training-session-tile-chevron"></i>
   </a>
 {% endif %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/account.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/account.html.liquid
index 2ad5d917..df96f9b6 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/account.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/account.html.liquid	
@@ -1,4 +1,5 @@
 {% include "header" %}
+{% include "account_tabs" %}
 
 <main class="np-main np-subpage-container np-account">
   <div class="np-hidden-desktop">
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/auth_url_email.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/auth_url_email.html.liquid
index 8e2ecc17..a413959c 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/auth_url_email.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/auth_url_email.html.liquid	
@@ -8,8 +8,7 @@
           {% t shared.welcome_to_school, school_name: current_school.name %}
         </div>
         <div class="np-form-subheadline">
-          {% comment %} {% t .headline, key: current_school.course_vocabulary %} {% endcomment %}
-          To access the HackerRank Academy, simply enter your first name, last name, and work email address below.
+          {% t .headline, key: current_school.course_vocabulary %}
         </div>
         <div class="np-form-field">
           <label class="np-input-label" for="learner_first_name">
@@ -38,7 +37,7 @@
         </div>
         <div class="np-form-field">
           <label class="np-input-label" for="learner_email">
-            Work {% t shared.email_address %}
+            {% t shared.email_address %}
           </label>
           <input
             class="np-input"
@@ -58,9 +57,3 @@
     </div>
   </div>
 </main>
-
-<script>
-  if (document.querySelector('.np-alert-wrapper > div').textContent.includes('You need to log in or sign up before continuing.')) {
-    document.querySelector('.np-alert').style.display = 'none';
-  }
-</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/case-studies.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/case-studies.html.liquid
deleted file mode 100644
index 74a3c5bc..00000000
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/case-studies.html.liquid	
+++ /dev/null
@@ -1,193 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.featured %}
-<main class="np-main np-homepage">
-  {% include "sub_navigation" %}
-  <div class="np-homepage-featured np-max-width custom-page-main-content">
-    <div class="custom-page-filter-bars">
-      <div>
-		<h1>{{ custom_page.headline }}</h1>
-        <div class="custom-page-label">
-		  {{ custom_page.subheadline }}
-        </div>
-      </div>
-    </div>
-
-    {% if courses.in_catalog.any? %}
-      <div class="catalog-courses">
-		{% for course in courses.in_catalog %}
-		  {% for category in course.categories %}
-            {% if category.name == 'Case Studies' %}
-			  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-                {% include "cards_course" with course %}
-              </div>
-            {% endif %}
-          {% endfor %}
-		{% endfor %}
-      </div>
-	{% else %}
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          {% t .empty, key: current_school.course_vocabulary %}
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="{% t .empty, key: current_school.course_vocabulary %}"
-        />
-      </div>
-  {% endif %}
-  </div>
-</main>
-{% include "footer" %}
-
-<style>
-  .custom-page-top-info-bar{
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding: 0 5%;
-  }
-
-  .custom-page-nametag h4{
-    color: #016aab;
-  }
-
-  .custom-page-profile-button{
-    border: 1px solid #016aab;
-    border-radius: 8px;
-    color: #016aab;
-    padding: 10px 25px;
-    text-decoration: none;
-  }
-
-  .custom-page-main-content{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 0 5%;
-    width: 100%;
-  }
-
-  .custom-page-label{
-    font-size: 18px;
-    margin-bottom: 40px;
-  }
-
-  .custom-page-filter-bars{
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 50px;
-  }
-
-  .custom-page-content-search{
-    max-width: unset;
-  }
-
-  .np-filter{
-    margin: 0;
-  }
-
-  .custom-page-content-filter .np-input{
-    margin-top: 20px;
-    padding: 10px 12px;
-  }
-
-  .custom-page-content-filter .dropdown{
-    width: 100%;
-  }
-
-  .custom-page-courses{
-    display: flex;
-    flex-direction: column;
-    padding: 0 5%;
-    width: 100%;
-  }
-
-  .custom-page-courses .np-card{
-    padding: 0;
-  }
-
-  .custom-page-courses .np-card-container{
-    display: flex;
-    flex-direction: row;
-  }
-
-  .custom-page-courses .np-card-image{
-    border-radius: 0;
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-    max-width: 20%;
-  }
-
-  .custom-page-courses .np-card-content{
-    display: flex;
-    flex-direction: column;
-    padding: 5px;
-  }
-
-  .custom-page-courses .np-card-info{
-    display: flex;
-    flex-direction: column;
-  }
-
-  .custom-page-courses .np-card-content-progress-and-cta{
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-
-  .custom-page-courses .np-card-content-progress{
-    display: flex;
-    flex-direction: column;
-  }
-
-  @media screen and (min-width: 768px){
-    .custom-page-main-content{
-      margin-top: 0;
-    }
-
-    .custom-page-filter-bars{
-      align-items: center;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-
-    .custom-page-courses .np-card-content{
-      align-items: center;
-      flex-direction: row;
-      padding: 10px 35px;
-    }
-
-    .custom-page-courses .np-card-info{
-      max-width: 80%;
-    }
-
-    .custom-page-courses .np-card-content-title{
-      margin: 0;
-      margin-bottom: 8px;
-    }
-
-    .custom-page-courses .np-card-content-progress-and-cta{
-      align-items: center;
-      flex-direction: row;
-      height: 100%;
-      width: 100%;
-    }
-
-    .custom-page-courses .np-card-content-progress{
-      align-items: flex-start;
-      height: 100%;
-      justify-content: center;
-      padding-right: 25px;
-      width: 60%;
-    }
-
-    .custom-page-courses .np-card-content-progress-and-cta .np-button{
-      width: 40%;
-    }
-  }
-</style>
-
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/catalog.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/catalog.html.liquid
index 907226bb..f2b6e7d5 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/catalog.html.liquid	
@@ -1,63 +1,14 @@
 {% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.in_catalog %}
-{% include "sub_navigation" %}
 <main class="np-main np-catalog np-subpage-container np-max-width">
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
   <div class="np-catalog-header-wrapper">
     <div class="np-catalog-header">
       <div class="np-resource-title">{{ catalog.headline }}</div>
       <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
     </div>
     {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
-
-    {% if courses.in_catalog.any? %}
-      {%
-        include "filter_dropdown",
-        filters: courses.filters,
-        key: "category_uuid",
-        label: label
-      %}
-    {% endif %}
   </div>
   {% include "courses_catalog" %}
-</main>
+  </main>
 {% include "footer" %}
 
-<script>
-  function clickDropdownMenu() {
-    const dropdownMenu = document.getElementsByClassName('dropdown-menu')[0]
-
-    const event = new MouseEvent('click', {
-      view: window,
-      bubbles: true,
-      cancelable: true
-    });
-
-    dropdownMenu.dispatchEvent(event);
-    console.log('clicked')
-  }
-
-
-
-
-  window.addEventListener('DOMContentLoaded', () => {
-    const choices = document.querySelectorAll('.choices__item.choices__item--choice.choices__item--selectable')
-
-    const targetNode = document.getElementsByClassName('choices__list')[2];
-    const config = { attributes: true, childList: true, subtree: true };
-    const callback = (mutationList, observer) => {
-      var updated_choices = document.querySelectorAll('.choices__item.choices__item--choice.choices__item--selectable')
-      for (const mutation of mutationList) {
-        Array.from(updated_choices).forEach((choice) => {
-          choice.addEventListener("mousedown", clickDropdownMenu);
-        })
-      }
-    };
-    const observer = new MutationObserver(callback);
-
-    Array.from(choices).forEach((choice) => {
-      choice.addEventListener("mousedown", clickDropdownMenu);
-    })
-    observer.observe(targetNode, config);
-  });
-
-</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/course.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/course.html.liquid
index 2403c3da..d77e09ba 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/course.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/course.html.liquid	
@@ -1,18 +1,4 @@
-
- {% if course.enrolled? %}
-    <script>
-      window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}')
-    </script>
-      
-  {% else %}
-    <script>
-
-      window.location.replace('{% route course_enrollment, code: course.enrollment_code %}')
-    </script>
-
-  {% endif %}
-
-{% comment %} {% include "header" %}
+{% include "header" %}
 <main class="np-main np-max-width np-page-container">
   <div class="np-hidden-mobile" id="course-desktop">
     {% include "course_desktop_view" %}
@@ -21,4 +7,4 @@
     {% include "course_mobile_view" %}
   </div>
 </main>
-{% include "footer" %} {% endcomment %}
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/dashboard.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/dashboard.html.liquid
index f5c8e7df..572be6e8 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/dashboard.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/dashboard.html.liquid	
@@ -1,19 +1,34 @@
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
 <main class="np-main np-dashboard np-subpage-container np-max-width">
-  <div class="row np-flex-center">
-    <div class="col-xs-12 col-sm-8">
-      {% if features.learning_paths? %}
-        <div class="np-dashboard-resources-title">
-          {% t shared.learning_paths %}
+  <div class="np-main np-catalog np-subpage-container np-max-width" style="padding-top:0px;">
+    <h1> Continue learning </h1>
+    <h3 style="color:#486776; font-weight:normal; padding-bottom:50px;"> View all of the courses and learning paths that you've enrolled in </h3>
+    <div>
+        <div>
+            {% if features.learning_paths? %}
+                <div class="np-dashboard-resources-title">
+                <h2> My learning paths </h2>
+                </div>
+            <div class="np-catalog-courses row row-with-thumbnails">
+                {% for learning_path in learning_paths.enrolled %}
+                    <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                        {% include "cards_learning_path" with learning_path %}
+                    </div>
+                {% endfor %}
+            </div>
+            {% endif %}
         </div>
-        {% include "learning_paths_index", items: learning_paths.enrolled %}
-      {% endif %}
       <div class="np-dashboard-resources-title">
-        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+        <h2> My courses </h2>
       </div>
-      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
+        <div class="np-catalog-courses row row-with-thumbnails">
+            {% for course in courses.enrolled %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                    {% include "cards_course" with course %}
+                </div>
+            {% endfor %}
+        </div>
     </div>
     {% if features.training_events? %}
       <div class="np-grid-spacing col-xs-12 col-sm-4">
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/homepage.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/homepage.html.liquid
index 03c64f86..bd79ff96 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/homepage.html.liquid	
@@ -1,47 +1,38 @@
+<main class="np-main np-homepage"style="margin-bottom: 0; background-image: url('{{ homepage.artwork_url }}');">
 {% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.featured %}
-<main class="np-main np-homepage">
-  <div class="np-homepage-hero">
-    <img class="np-homepage-hero-image"
-      src="{{ homepage.artwork_url }}"
-      alt="{{ homepage.headline }}"
-    />
+  <div class="np-homepage-hero" style="padding: 80px;">
     <div class="np-homepage-hero-content">
-      <div class="np-homepage-headline np-header-font-color">
+      <div class="np-homepage-headline" style="padding-top: 100px; font-color: #39424e;">
         {{ homepage.headline }}
       </div>
-      <div class="np-homepage-subheadline np-header-font-color">
+      <div class="np-homepage-subheadline" style="font-color: #39424e; margin-top: 50px;">
         {{ homepage.subheadline }}
       </div>
-      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
-        {% t .discover %}
-      </a>
     </div>
   </div>
-  {% include "sub_navigation" %}
-  <div class="np-homepage-featured np-max-width">
+  <div class="np-homepage-featured np-max-width" style="margin-top: 100px; margin-bottom: 50px;">
     <div class="np-homepage-featured-text">
-      <div class="np-homepage-headline">
-        {{ homepage.featured_courses_headline }}
-      </div>
-      <div class="np-homepage-subheadline">
-        {{ homepage.featured_courses_subheadline }}
-      </div>
     </div>
-    
     {% if learning_paths.available.any? %}
-    <div class="np-learning-paths-resources">
-        {% for learning_path in learning_paths.available %}
-          {% if learning_path.name == 'HackerRank Screen (Self-Guided Learning Path)' or learning_path.name == 'HackerRank Interview (Self-Guided Learning Path)' %}
+      <div class="np-homepage-featured-courses row">
+        {% for learning_path in learning_paths.available limit: 3%}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
             {% include "cards_learning_path" with learning_path %}
-          {% endif %}
-          {% if learning_path.name == 'HackerRank Company Admin' %}
-            {% include "cards_learning_path" with learning_path %}
-          {% endif %}
+          </div>
         {% endfor %}
       </div>
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          {% t .empty, key: current_school.course_vocabulary %}
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
     {% endif %}
-
   </div>
+  {% include "footer" %}
 </main>
-{% include "footer" %}
+
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/learning_paths.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/learning_paths.html.liquid
index e6e10cba..10ad864f 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/learning_paths.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/learning_paths.html.liquid	
@@ -1,14 +1,15 @@
 {% include "header" %}
-{% include "sub_navigation" %}
-<main class="np-main np-learning-paths np-subpage-container np-max-width">
-  <div class="np-learning-paths-main">
-    <div class="np-resource-title">
-      {% t shared.learning_paths %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+    <div style="margin-bottom:100px">
+        <h1> Learning Paths </h1>
+        <h3 style="color:#486776; font-weight:normal"> Review all of the learning paths on the HackerRank Academy</h3>
     </div>
-    <div class="np-resource-subtitle">
-      {% t .subtitle %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+        {% for learning_path in learning_paths.available %}
+            <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                {% include "cards_learning_path" with learning_path %}
+            </div>
+        {% endfor %}
     </div>
-    {% include "learning_paths_index", items: learning_paths.available %}
-  </div>
 </main>
 {% include "footer" %}
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/new-product-releases.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/new-product-releases.html.liquid
deleted file mode 100644
index f787b7e5..00000000
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/new-product-releases.html.liquid	
+++ /dev/null
@@ -1,193 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.featured %}
-<main class="np-main np-homepage">
-  {% include "sub_navigation" %}
-  <div class="np-homepage-featured np-max-width custom-page-main-content">
-    <div class="custom-page-filter-bars">
-      <div>
-		<h1>{{ custom_page.headline }}</h1>
-        <div class="custom-page-label">
-		  {{ custom_page.subheadline }}
-        </div>
-      </div>
-    </div>
-
-    {% if courses.in_catalog.any? %}
-      <div class="catalog-courses">
-		{% for course in courses.in_catalog %}
-		  {% for category in course.categories %}
-            {% if category.id == '37ebf83e-69fb-4b12-ae98-e1be1ecd3342' %}
-			  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-                {% include "cards_course" with course %}
-              </div>
-            {% endif %}
-          {% endfor %}
-		{% endfor %}
-      </div>
-	{% else %}
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          {% t .empty, key: current_school.course_vocabulary %}
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="{% t .empty, key: current_school.course_vocabulary %}"
-        />
-      </div>
-  {% endif %}
-  </div>
-</main>
-{% include "footer" %}
-
-<style>
-  .custom-page-top-info-bar{
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding: 0 5%;
-  }
-
-  .custom-page-nametag h4{
-    color: #016aab;
-  }
-
-  .custom-page-profile-button{
-    border: 1px solid #016aab;
-    border-radius: 8px;
-    color: #016aab;
-    padding: 10px 25px;
-    text-decoration: none;
-  }
-
-  .custom-page-main-content{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 0 5%;
-    width: 100%;
-  }
-
-  .custom-page-label{
-    font-size: 18px;
-    margin-bottom: 40px;
-  }
-
-  .custom-page-filter-bars{
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 50px;
-  }
-
-  .custom-page-content-search{
-    max-width: unset;
-  }
-
-  .np-filter{
-    margin: 0;
-  }
-
-  .custom-page-content-filter .np-input{
-    margin-top: 20px;
-    padding: 10px 12px;
-  }
-
-  .custom-page-content-filter .dropdown{
-    width: 100%;
-  }
-
-  .custom-page-courses{
-    display: flex;
-    flex-direction: column;
-    padding: 0 5%;
-    width: 100%;
-  }
-
-  .custom-page-courses .np-card{
-    padding: 0;
-  }
-
-  .custom-page-courses .np-card-container{
-    display: flex;
-    flex-direction: row;
-  }
-
-  .custom-page-courses .np-card-image{
-    border-radius: 0;
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-    max-width: 20%;
-  }
-
-  .custom-page-courses .np-card-content{
-    display: flex;
-    flex-direction: column;
-    padding: 5px;
-  }
-
-  .custom-page-courses .np-card-info{
-    display: flex;
-    flex-direction: column;
-  }
-
-  .custom-page-courses .np-card-content-progress-and-cta{
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-
-  .custom-page-courses .np-card-content-progress{
-    display: flex;
-    flex-direction: column;
-  }
-
-  @media screen and (min-width: 768px){
-    .custom-page-main-content{
-      margin-top: 0;
-    }
-
-    .custom-page-filter-bars{
-      align-items: center;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-
-    .custom-page-courses .np-card-content{
-      align-items: center;
-      flex-direction: row;
-      padding: 10px 35px;
-    }
-
-    .custom-page-courses .np-card-info{
-      max-width: 80%;
-    }
-
-    .custom-page-courses .np-card-content-title{
-      margin: 0;
-      margin-bottom: 8px;
-    }
-
-    .custom-page-courses .np-card-content-progress-and-cta{
-      align-items: center;
-      flex-direction: row;
-      height: 100%;
-      width: 100%;
-    }
-
-    .custom-page-courses .np-card-content-progress{
-      align-items: flex-start;
-      height: 100%;
-      justify-content: center;
-      padding-right: 25px;
-      width: 60%;
-    }
-
-    .custom-page-courses .np-card-content-progress-and-cta .np-button{
-      width: 40%;
-    }
-  }
-</style>
-
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/training_events.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/training_events.html.liquid
index f7603c70..139717ee 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/training_events.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/training_events.html.liquid	
@@ -4,10 +4,10 @@
   <div class="row">
     <div class="col-xs-12 col-sm-10">
       <div class="np-resource-title">
-	Live Training Webinars
+        {% t .title %}
       </div>
       <div class="np-resource-subtitle">
-	View and register for upcoming online webinars
+        {% t .subtitle %}
       </div>
     </div>
     <div class="col-xs-12 col-sm-2">
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/training_session_attendance.html.liquid
index 71bb6119..e6a0ec1c 100644
--- a/Custom_Templates/customer_templates/HackerRank Sandbox/training_session_attendance.html.liquid	
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/training_session_attendance.html.liquid	
@@ -2,7 +2,7 @@
 <main class="np-main np-cta-page np-max-width np-subpage-container">
   <div class="np-card-container np-card-padding-xlarge">
     {% if token %}
-      <i class="np-cta-page-icon fal fa-users-class"></i>
+      <i class="np-cta-page-icon fal {{ training_event.event_type_icon }}"></i>
       <div class="np-form-headline">
         {{ training_session.title }}
       </div>
diff --git a/Custom_Templates/customer_templates/HackerRank Sandbox/transcript.html.liquid b/Custom_Templates/customer_templates/HackerRank Sandbox/transcript.html.liquid
new file mode 100644
index 00000000..b6cb5428
--- /dev/null
+++ b/Custom_Templates/customer_templates/HackerRank Sandbox/transcript.html.liquid	
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-transcript">
+  {% transcript %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store b/Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid
index cfe32b6a..d031906d 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid	
@@ -38,7 +38,12 @@
             {% t shared.view %}
           </a>
           {% else %}
-          <a class="button-course" {% if course.properties.skip_course_page == true and course.enrolled? == true %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
+					<a class="button-course"
+					 {% if course.properties.skip_course_page == true and course.enrolled? == true %}
+						 href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+					 {% else %}
+							 href="{{ course_path }}"
+						{% endif %}>
             {% t shared.view %}
           </a>
         {% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid
index 9b04a95f..869ed47f 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid	
@@ -10,7 +10,8 @@
         {% assign uniq_cats = '' %}
         {% for course in courses.in_catalog %}
             {% for category in course.categories %}
-                {% if available_categories contains category.name %}    
+                {% if available_categories contains category.name %}
+									<script> console.log("{{ course.name }} + {{ category.name }}")</script>
                     {% unless uniq_cats contains category.name %}
                         <a class="category-card" id="{{category.name}}" href="/app/catalog?filter[category_uuid][in][]={{category.id}}&search_terms=">
                             <img class="category-card-image" src="" alt="">
@@ -37,18 +38,18 @@
   cursor: pointer;
   border-radius: 10px;
   overflow: hidden;
-  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
   background: #13244c;
   padding: 20px;
 }
 .category-card:hover {
-  transform: scale(1.075); 
-  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3); 
+  transform: scale(1.075);
+  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
 }
 .category-card-image {
   width: 100%;
   height: auto;
-  border-radius: 8px; 
+  border-radius: 8px;
 }
 .category-card-image {
   width: 100%;
@@ -101,4 +102,4 @@
         addCategoryCardImage();
         sortCategoryCards();
     });
-</script>
\ No newline at end of file
+</script>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_catalog.html.liquid
index 4df5677f..3135d3a9 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_catalog.html.liquid	
@@ -6,20 +6,45 @@
       {% for category in course.categories %}
         {% unless category.name == 'Blog' %}
           {% unless uniq_courses contains course.name %}
-            <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
-              {% include "cards_course" with course %}
-            </div>
-            {% assign uniq_courses = uniq_courses |  append: course.name %}
+						<script> console.log("{{ uniq_courses }}")</script>
+            {% if us_user_grow %}
+              {% if category.name == 'Grow With Walmart' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+              {% endif %}
+            {% elsif us_user_supplier %}
+              {% if category.name == 'Supplier Academy' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+              {% endif %}
+            {% elsif india_user %}
+              {% if category.name == 'Walmart Vriddhi' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+              {% endif %}
+            {% elsif mexico_user %}
+              {% if category.name == 'Crece con Walmart' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+              {% endif %}
+            {% endif %}
+            {% comment %} {% assign uniq_courses = uniq_courses |  append: course.name %} {% endcomment %}
           {% endunless %}
         {% endunless %}
       {% endfor %}
     {% endfor %}
   </div>
-{% else %}
-  {% capture message %}
-    {% t shared.zero_state.courses.catalog,
-      key: current_school.course_vocabulary
-    %}
-  {% endcapture %}
-  {% include "courses_zero_state", message: message %}
+
+  {% if us_user_grow == false and us_user_supplier == false and india_user == false and  mexico_user == false %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "grow-with-walmart-zero-state", message: message %}
+  {% endif %}
 {% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid
index ebea085c..7d36511e 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid	
@@ -1,25 +1,27 @@
 <div class="welcome-section-container">
     <div class="welcome-section-wrapper">
-        <div class="introduction">
-            No matter where you are in your journey, Supplier Academy is your source for 
-            everything you need to build a strong, lasting relationship with Walmart.  
-        </div>
-        <div class="get-started">
-            <div class="heading">Here’s how to get started:</div>
-            <ul class="get-started-list">
-                <li class="get-started-item">
-                    <span class="get-started-item-heading">New to Walmart?</span>
-                    Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
-                </li>
-                <li class="get-started-item">
-                    <span class="get-started-item-heading">Seasoned supplier?</span>
-                    Explore the categories below to hone your skills and grow your business.
-                </li>
-                <li class="get-started-item">
-                    <span class="get-started-item-heading">Have system-specific questions?</span>
-                    Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
-                </li>
-            </ul>
+        <div class="welcome-content-wrapper">
+            <div class="introduction">
+                No matter where you are in your journey, Supplier Academy is your source for
+                everything you need to build a strong, lasting relationship with Walmart.
+            </div>
+            <div class="get-started">
+                <div class="heading">Here’s how to get started:</div>
+                <ul class="get-started-list">
+                    <li class="get-started-item">
+                        <span class="get-started-item-heading">New to Walmart?</span>
+                        Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
+                    </li>
+                    <li class="get-started-item">
+                        <span class="get-started-item-heading">Seasoned supplier?</span>
+                        Explore the categories below to hone your skills and grow your business.
+                    </li>
+                    <li class="get-started-item">
+                        <span class="get-started-item-heading">Have system-specific questions?</span>
+                        Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
+                    </li>
+                </ul>
+            </div>
         </div>
         <div class="video-container">
             <video width='600px' height="400px" controls autoplay muted>
@@ -40,12 +42,19 @@
         background: #041e42;
         padding: 20px;
         border-radius: 10px;
+        display: flex;
+        align-items: center;
     }
     .get-started {
         margin-top: 40px;
         display: flex;
         flex-direction: column;
         align-items: center;
+        width: 100%;
+    }
+    .get-started-content-wrapper {
+        display: flex;
+        margin-top: 20px;
     }
     .introduction {
         color: #fff;