From 8fe3503f72daa80e1317fc01c0fe814463a16ed4 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Fri, 27 Jun 2025 10:30:31 -0400
Subject: [PATCH] Big update for Scintilla with eCommerce. Backed up all the
 work Raj did.

---
 .../Walmart Scintilla Prod/.DS_Store          | Bin 6148 -> 0 bytes
 .../_account_tabs.html.liquid                 |  32 ++
 .../_basic_group_homepage.html.liquid         | 356 ++----------------
 ...roup_homepage_ongoing_training.html.liquid | 314 +++++++++++++++
 .../_bundle_description.html.liquid           |   6 +
 .../_bundle_desktop_header.html.liquid        |  12 +
 .../_bundle_product_desktop_view.html.liquid  |  21 ++
 .../_bundle_product_mobile_view.html.liquid   |  27 ++
 .../_bundle_product_outline.html.liquid       |  12 +
 .../_cards_catalog_item.html.liquid           |  38 ++
 .../_cards_course_ongoing.html.liquid         |   2 +
 .../_content_by_bundles.html.liquid           |  22 ++
 .../_content_by_certificates.html.liquid      | 127 +++++++
 .../_course_product_desktop_view.html.liquid  |  41 ++
 .../_course_product_mobile_view.html.liquid   |  31 ++
 .../_course_progress_and_cta.html.liquid      |   2 +-
 .../_dashboard_ongoing_training.html.liquid   | 191 ++++++++++
 .../_header.html.liquid                       |  14 +-
 .../_homepage_featured.html.liquid            |  10 +-
 .../_homepage_inprogress_courses.html.liquid  | 189 ++++++++++
 .../_homepage_ongoing_training.html.liquid    | 238 +++++++++---
 ...learning_path_completed_banner.html.liquid |   6 +-
 ...ning_path_product_desktop_view.html.liquid |  22 ++
 ...rning_path_product_mobile_view.html.liquid |  34 ++
 ..._learning_path_product_outline.html.liquid |  10 +
 .../_lps_in_progress.html.liquid              |  36 ++
 ..._nonbasic_group_users_homepage.html.liquid |  27 ++
 .../_product_expiration_date.html.liquid      |   7 +
 .../_product_outline.html.liquid              |  25 ++
 .../_product_outline_course.html.liquid       |  82 ++++
 .../_product_outline_event.html.liquid        |  49 +++
 .../_product_outline_lp.html.liquid           |  65 ++++
 .../_product_price_and_cta.html.liquid        |  12 +
 .../_sub_navigation.html.liquid               |   7 +-
 .../_training_event_desktop_view.html.liquid  |  42 +++
 .../_training_event_mobile_view.html.liquid   |  23 ++
 ...ing_event_preview_desktop_view.html.liquid |  42 +++
 ...ning_event_preview_mobile_view.html.liquid |  23 ++
 ...ng_event_preview_more_sessions.html.liquid |   3 +
 ...ing_event_preview_session_tile.html.liquid |  18 +
 .../_training_session_status.html.liquid      |   6 +
 .../bundle_product.html.liquid                |  10 +
 .../commerce_cart.html.liquid                 |  11 +
 .../commerce_catalog.html.liquid              |  28 ++
 .../commerce_checkout.html.liquid             |   7 +
 .../commerce_order_details.html.liquid        |   7 +
 .../commerce_order_history.html.liquid        |   8 +
 .../commerce_redeem.html.liquid               |   7 +
 .../commerce_return.html.liquid               |   7 +
 .../course_product.html.liquid                |  10 +
 .../homepage.html.liquid                      | 132 ++-----
 .../learning_path_product.html.liquid         |  10 +
 .../training_event_preview.html.liquid        |  10 +
 .../transcript.html.liquid                    |   8 +
 .../grow-with-walmart-catalog.html.liquid     |   2 +-
 55 files changed, 1983 insertions(+), 498 deletions(-)
 delete mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/.DS_Store
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_account_tabs.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage_ongoing_training.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_catalog_item.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_bundles.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_certificates.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_dashboard_ongoing_training.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_inprogress_courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_lps_in_progress.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_nonbasic_group_users_homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_expiration_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_lp.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_price_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_session_status.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/bundle_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_cart.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_checkout.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_history.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_redeem.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_return.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/course_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/learning_path_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/training_event_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Scintilla Prod/transcript.html.liquid

diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/.DS_Store b/Custom_Templates/customer_templates/Walmart Scintilla Prod/.DS_Store
deleted file mode 100644
index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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

diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_account_tabs.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_account_tabs.html.liquid
new file mode 100644
index 00000000..82c75181
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_account_tabs.html.liquid	
@@ -0,0 +1,32 @@
+{% capture settings_path %}{% route account %}{% endcapture %}
+{% capture transcript_path %}{% route transcript %}{% endcapture %}
+{% capture order_history_path %}{% route order_history %}{% endcapture %}
+
+{% if current_person.signed_in? %}
+{% unless current_school.sso_active? %}
+  <nav aria-label="Navigation tabs" 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>
+      {% if features.commerce? %}
+        <div class="np-tab{% if page.path == order_history_path %} np-tab-active{% endif %}">
+          <a class="np-tab-link" href="{{ order_history_path }}">
+            {% t .order_history %}
+          </a>
+          <div class="np-tab-indicator np-button-background-color"></div>
+        </div>
+      {% endif %}
+    </div>
+  </nav>
+{% endunless %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage.html.liquid
index f081b187..363ab555 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage.html.liquid	
@@ -1,337 +1,29 @@
-<div class="np-homepage-onging np-max-width">
-  <div class="np-homepage-ongoing-text">
-    <div class="np-homepage-headline">
-     Courses
-    </div>
-    <div class="ongoing-carousel-controls np-hidden-mobile">
-      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
-      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
-    </div>
-  </div>
-  {% if items.size > 0 %}
-    {% assign new_courses_count = 0 %}
-    <div class="ongoing-courses-wrapper">
-      <div class="ongoing-courses-slider">
-				{% for course in items %}
-          {% if course.properties.is_article_course  == false %}
-						{% if course.started? == false %}
-              {% assign new_courses_count = new_courses_count | plus: 1 %}
-              <div class="ongoing-course-slide">
-                {% include "cards_course_ongoing" with course %}
-              </div>
-            {% endif %}
-          {% endif %}
-        {% endfor %}
+<div class="np-homepage-featured" >
+    <div class="row np-flex-center">
+      <div class="col-xs-12 col-sm-8">
+          {% include "basic_group_homepage_ongoing_training", items: catalog_courses %}
+           
       </div>
-    </div>
-
-    {% if new_courses_count > 0 %}
-    {% else %}
-      <script>console.log("{{new_courses_count}}")</script>
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          Yikes! You don't have any new training at this moment.
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="Yikes! You don't have any new training at this moment."
-        />
-      </div>
-    {% endif %}
-  {% else %}
-    <div class="np-homepage-featured-empty">
-      <div class="np-zero-state-text">
-        Yikes! You don't have any new training at this moment.
-      </div>
-      <img
-        class="np-zero-state-courses"
-        alt="Yikes! You don't have any new training at this moment."
-      />
-    </div>
-  {% endif %}
-</div>
-
-<div class="np-homepage-ongoing np-max-width">
-  <div class="np-homepage-ongoing-text">
-    <div class="np-homepage-headline">
-      Ongoing Training
-    </div>
-    <div class="ongoing-carousel-controls2 np-hidden-mobile">
-      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
-      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
-    </div>
-  </div>
-  {% if items.size > 0 %}
-    {% assign ongoing_courses_count = 0 %}
-    <div class="ongoing-courses-wrapper">
-      <div class="ongoing-courses-slider2">
-        {% for course in items %}
-          {% if course.properties.is_article_course  == false %}
-            {% if course.progress > 0 and course.progress < 100 %}
-              {% assign ongoing_courses_count = ongoing_courses_count | plus: 1 %}
-              <div class="ongoing-course-slide">
-                {% include "cards_course_ongoing" with course %}
-              </div>
-            {% endif %}
-          {% endif %}
-        {% endfor %}
-      </div>
-    </div>
-
-    {% if ongoing_courses_count > 0 %}
-    {% else %}
-      <script>console.log("{{ongoing_courses_count}}")</script>
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          Yikes! You don't have any ongoing training at this moment.
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="Yikes! You don't have any ongoing training at this moment."
-        />
-      </div>
-    {% endif %}
-  {% else %}
-    <div class="np-homepage-featured-empty">
-      <div class="np-zero-state-text">
-        Yikes! You don't have any ongoing training at this moment.
-      </div>
-      <img
-        class="np-zero-state-courses"
-        alt="Yikes! You don't have any ongoing training at this moment."
-      />
-    </div>
-</div>
-  {% endif %}
-
-  <div class="np-max-width np-homepage-row-wrapper" style="padding-top:30px;">
-    <div class="row">
-      <div class="col-xs-12 col-sm-12 col-md-12" style="display:flex; flex-direction:column;">
-        <div class="np-section-header">Progress Tracker</div>
-        <div class="learning-path-progress-container">
-          <div class="row">
-            {% assign lps_in_progress = 0 %}
-            {% assign enrolled_learning_paths = learning_paths.enrolled | sort: "progress" | reverse %}
-            {% for learning_path in enrolled_learning_paths %}
-              {% if learning_path.progress > 0 %}
-                {% assign lps_in_progress = lps_in_progress | plus: 1 %}
-
-                {% if lps_in_progress < 4 %}
-                  <div class="col-xs-12 col-md-4">
-                    {% include "cards_learning_path_progress" %}
-                  </div>
-
-                {% endif %}
-              {% endif %}
-            {% endfor %}
-
-            {% if lps_in_progress > 0 %}
-            {% endif %}
-            {% if lps_in_progress == 0 %}
-              <div class="col-xs-12">
-                <div class="np-learning-paths-resources-container">
-                  <div class="np-zero-state-text">
-                    Yikes! You don't have any learning Paths in progress.
-                  </div>
-                  <img class="np-zero-state-learning-paths" alt="" />
-                </div>
-              </div>
-
-            {% endif %}
+      <div class="col-xs-12 col-sm-3">
+        <div id="divContentbyProduct" class="content-by-product">
+          <div id="divGetCertified" class="content-by-product">
+            <div class="left-content-title">
+              Get Certified
+            </div>
+            {% include "content_by_certificates" %}
+          </div> 
+          <div  style="display: flex;flex-direction: row-reverse;">
+            <a id="seemorecertificates" >See more..</a>
           </div>
-
-        </div>
+          <div id="divCalender" class="upcomongevents">
+            <div class="left-content-title">
+              Upcoming Events
+            </div>
+            {% include "content_by_bundles" %}
+          </div>
+        </div>  
       </div>
     </div>
-  </div>
-
-{% include "footer" %}
-
-<style>
-	.np-max-width {
-		padding: 40px;
-	}
-  .ongoing-courses-wrapper {
-    margin: 0 -8px;
-  }
-
-  .np-homepage-ongoing {
-    padding: 0 16px;
-    margin-bottom:56px;
-  }
-
-  .np-homepage-ongoing-text {
-    padding: 0 0 32px;
-    text-align:left;
-    display:flex;
-  }
-
-  .np-homepage-ongoing-text .np-homepage-headline {
-    font-weight: 400;
-    font-size: 24px;
-    line-height: 32px;
-    color:#333;
-    align-self: flex-start;
-  }
-
-  .ongoing-carousel-controls {
-    align-self:flex-end;
-    display:flex;
-  }
-
-  .ongoing-carousel-controls .carousel-control {
-    margin: 0 8px;
-    background-color: #ebe8f3;
-    border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #3c228a;
-    cursor: pointer;
-    transition:opacity 0.2s;
-  }
-
-  .ongoing-carousel-controls .carousel-control[aria-disabled='true'] {
-    opacity: 0.3;
-    cursor:default;
-  }
-
-  .ongoing-carousel-controls .carousel-control.next-arrow {
-    margin-right:0;
-  }
-
-  .ongoing-carousel-controls2 {
-    align-self:flex-end;
-    display:flex;
-  }
-  .ongoing-carousel-controls2 .carousel-control {
-    margin: 0 8px;
-    background-color: #ebe8f3;
-    border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #3c228a;
-    cursor: pointer;
-    transition:opacity 0.2s;
-  }
-
-  .ongoing-carousel-controls2 .carousel-control[aria-disabled='true'] {
-    opacity: 0.3;
-    cursor:default;
-  }
-
-  .ongoing-carousel-controls2 .carousel-control.next-arrow {
-    margin-right:0;
-  }
-
-  .ongoing-courses-slider {
-    display:flex;
-  }
-  .ongoing-courses-slider2 {
-    display:flex;
-  }
-
-  .ongoing-course-slide {
-    margin-bottom: 12px;
-  }
-
-  .ongoing-course-slide .np-card {
-    margin:0 auto;
-    padding: 0;
-    height:100%;
-  }
-
-  .ongoing-course-slide .np-card-container {
-    height: 100%;
-    margin: 0 8px;
-  }
-
-  .ongoing-see-more-wrapper {
-    display:flex;
-    justify-content:flex-end;
-    margin-top:8px;
-  }
-
-  .ongoing-see-more-wrapper a {
-    color:#3C228A;
-  }
-
-  @media (min-width:768px){
-    .np-homepage-ongoing-text {
-      flex-direction:row;
-      justify-content:space-between;
-    }
-
-    .np-homepage-ongoing-text .np-homepage-headline {
-      font-size: 32px;
-      line-height: 40px;
-    }
-
-    .ongoing-see-more-wrapper {
-      margin-top:12px;
-    }
-  }
-</style>
-<script>
-
-window.addEventListener("DOMContentLoaded", (event) => {
-
-  var ongoingSlider = tns({
-    container: '.ongoing-courses-slider',
-    items: 1,
-    slideBy: 'page',
-    autoplay: false,
-    gutter: 8,
-    controls:false,
-    navPosition:"bottom",
-    loop: false,
-    mouseDrag: true,
-    speed: 500,
-    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
-    responsive: {
-      600: {
-        items: 2,
-      },
-      768: {
-        items:3,
-        gutter: 16,
-        controls:true
-      }
-    }
-  });
-});
-window.addEventListener("DOMContentLoaded", (event) => {
-
-  var ongoingSlider = tns({
-    container: '.ongoing-courses-slider2',
-    items: 1,
-    slideBy: 'page',
-    autoplay: false,
-    gutter: 8,
-    controls:false,
-    navPosition:"bottom",
-    loop: false,
-    mouseDrag: true,
-    speed: 500,
-    controlsContainer: document.querySelector('.ongoing-carousel-controls2'),
-    responsive: {
-      600: {
-        items: 2,
-      },
-      768: {
-        items:3,
-        gutter: 16,
-        controls:true
-      }
-    }
-  });
-});
-
-
-</script>
+</div>
 
+     
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage_ongoing_training.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage_ongoing_training.html.liquid
new file mode 100644
index 00000000..deec8b1c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_basic_group_homepage_ongoing_training.html.liquid	
@@ -0,0 +1,314 @@
+<div class="np-homepage-ongoing np-max-width">
+  <div class="np-homepage-ongoing-text">
+    <div class="np-homepage-headline">
+     Courses
+    </div>
+    <div class="ongoing-carousel-controls np-hidden-mobile">
+      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
+      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
+    </div>
+  </div>
+  {% if items.size > 0 %}
+    {% assign new_courses_count = 0 %}
+    <div class="ongoing-courses-wrapper">
+      <div class="ongoing-courses-slider">
+				{% for course in courses.enrolled %}         
+						{% if course.started? == false %}
+              {% assign new_courses_count = new_courses_count | plus: 1 %}
+              <div class="ongoing-course-slide">
+                {% include "cards_article" with course %}
+              </div>
+            {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+
+    {% if new_courses_count > 0 %}
+   
+    {% else %}
+      <script>console.log("{{new_courses_count}}")</script>
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          You don't have any new training at this moment.
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="Coming Soon!"
+        />
+      </div>
+    {% endif %}
+  {% else %}
+    <div class="np-homepage-featured-empty">
+      <div class="np-zero-state-text">
+        Coming Soon!
+      </div>
+      <img
+        class="np-zero-state-courses"
+        alt="Coming Soon!"
+      />
+    </div>
+  {% endif %}
+</div>
+
+<div class="np-homepage-ongoing np-max-width">
+  <div class="np-homepage-ongoing-text">
+    <div class="np-homepage-headline">
+      Ongoing Training
+    </div>
+    <div class="ongoing-carousel-controls2 np-hidden-mobile">
+      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
+      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
+    </div>
+  </div>
+  {% if items.size > 0 %}
+    {% assign ongoing_courses_count = 0 %}
+    <div class="ongoing-courses-wrapper">
+      <div class="ongoing-courses-slider2">
+        {% for course in items %}
+          {% if course.properties.is_article_course  == false %}
+            {% if course.progress > 0 and course.progress < 100 %}
+              {% assign ongoing_courses_count = ongoing_courses_count | plus: 1 %}
+              <div class="ongoing-course-slide">
+                {% include "cards_course_ongoing" with course %}
+              </div>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+
+    {% if ongoing_courses_count > 0 %}
+    {% else %}
+      <script>console.log("{{ongoing_courses_count}}")</script>
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          You don't have any ongoing training at this moment.
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="You don't have any ongoing training at this moment."
+        />
+      </div>
+    {% endif %}
+  {% else %}
+    <div class="np-homepage-featured-empty">
+      <div class="np-zero-state-text">
+        You don't have any ongoing training at this moment.
+      </div>
+      <img class="np-zero-state-courses" alt="You don't have any ongoing training at this moment." />
+    </div>
+  {% endif %}
+   
+</div>
+
+
+<style>
+	.np-max-width {
+		padding: 0px 40px;
+	}
+  .ongoing-courses-wrapper {
+    margin: 0 -8px;
+  }
+
+
+
+  .np-homepage-ongoing-text {
+    padding: 0 0 32px;
+    text-align:left;
+    display:flex;
+  }
+
+  .np-homepage-ongoing-text .np-homepage-headline {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 32px;
+    color:#000000;
+    align-self: flex-start;
+  }
+
+  .ongoing-carousel-controls {
+    align-self:flex-end;
+    display:flex;
+  }
+
+  .ongoing-carousel-controls .carousel-control {
+    margin: 0 8px;
+    background-color: #ebe8f3;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #3c228a;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .ongoing-carousel-controls .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .ongoing-carousel-controls .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
+  .ongoing-carousel-controls2 {
+    align-self:flex-end;
+    display:flex;
+  }
+  .ongoing-carousel-controls2 .carousel-control {
+    margin: 0 8px;
+    background-color: #ebe8f3;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #3c228a;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .ongoing-carousel-controls2 .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .ongoing-carousel-controls2 .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
+  .ongoing-courses-slider {
+    display:flex;
+  }
+  .ongoing-courses-slider2 {
+    display:flex;
+  }
+
+  .ongoing-course-slide {
+    margin-bottom: 12px;
+  }
+
+  .ongoing-course-slide .np-card {
+    margin:0 auto;
+    padding: 0;
+    height:100%;
+  }
+
+  .ongoing-course-slide .np-card-container {
+    height: 100%;
+    margin: 0 8px;
+  }
+
+  .ongoing-see-more-wrapper {
+    display:flex;
+    justify-content:flex-end;
+    margin-top:8px;
+  }
+
+  .ongoing-see-more-wrapper a {
+    color:#3C228A;
+  }
+
+  @media (min-width:768px){
+    .np-homepage-ongoing-text {
+      flex-direction:row;
+      justify-content:space-between;
+    }
+
+    .np-homepage-ongoing-text .np-homepage-headline {
+      font-size: 32px;
+      line-height: 40px;
+    }
+
+    .ongoing-see-more-wrapper {
+      margin-top:12px;
+    }
+  }
+</style>
+<script>
+
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider2',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls2'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider3',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls3'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+
+</script>
+
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_description.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_description.html.liquid
new file mode 100644
index 00000000..e7e891ca
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .about %}
+</h3>
+<div class="np-card-text">
+  {{ product.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_desktop_header.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_desktop_header.html.liquid
new file mode 100644
index 00000000..6fb22dec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_desktop_header.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title">
+    {% t shared.product_types.bundle %}
+    <i class="far fa-layer-group np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-icon-back"></i>
+    </a>
+    {{ product.name }}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_desktop_view.html.liquid
new file mode 100644
index 00000000..66f57bdc
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_desktop_view.html.liquid	
@@ -0,0 +1,21 @@
+{% include "bundle_desktop_header" %}
+<div class="row">
+  <div class="col-xs-12 col-sm-6">
+    <div class="np-card-container">
+      <img
+        src="{{ product.image_url }}"
+        class="np-top-image"
+        alt="{{ product.name }}"
+      />
+      <div class="np-card-padding-dynamic">
+        {% include "bundle_description"  %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-6 np-grid-spacing">
+    <div class="np-top-cta np-card-container np-card-padding np-product-cta">
+      {% include "product_price_and_cta"%}
+    </div>
+    {% include "bundle_product_outline" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_mobile_view.html.liquid
new file mode 100644
index 00000000..89272b6d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_mobile_view.html.liquid	
@@ -0,0 +1,27 @@
+<div class="np-card-container np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title np-text-muted">
+    {% t shared.product_types.bundle %}
+  </div>
+  <div class="np-top-title">
+    <a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+    </a>
+    {{ product.name }}
+  </div>
+  <img
+    src="{{ product.image_url }}"
+    class="np-top-image"
+    alt="{{ product.name }}"
+  />
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "bundle_description" %}
+</div>
+
+<div class="np-card-spacing">
+  {% include "bundle_product_outline" %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_outline.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_outline.html.liquid
new file mode 100644
index 00000000..9fc22512
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_bundle_product_outline.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-learning-path-outline">
+  <h3 class="np-product-outline-title">{% t shared.bundle.title %}</h3>
+  {% for item in product.bundle_items %}
+    {% if item.course? %}
+      {% include "product_outline_course", id: forloop.index %}
+    {% elsif item.training_event? %}
+      {% include "product_outline_event", id: forloop.index %}
+    {% elsif item.learning_path? %}
+      {% include "product_outline_lp", id: forloop.index %}
+    {% endif %}
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_catalog_item.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_catalog_item.html.liquid
new file mode 100644
index 00000000..a096f57c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_catalog_item.html.liquid	
@@ -0,0 +1,38 @@
+<div class="np-card">
+  <div class="np-card-container">
+    <img
+      class="np-card-image"
+      alt="{{ item.name }}"
+      src="{{ item.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-catalog-card-title">
+        {{ item.name }}
+      </h3>
+      <div class="np-product-badge np-product-badge-catalog">
+        <i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+        <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
+      </div>
+      <div class="np-card-content-footer np-catalog-card-footer">
+        {% if item.free_course? %}
+          <div class="np-card-content-progress np-learning-progress-text-color">
+            {% t shared.progress, count: item.progress %}
+          </div>
+          {% if item.has_to_restart? %}
+            {% include "course_version_outdated_popup", path: item.path %}
+          {% endif %}
+          <a class="np-button np-button-wide" href="{{ item.path }}">
+            {% t shared.view %}
+          </a>
+        {% else %}
+          <span class="np-catalog-card-price">
+            {{ item.formatted_price}}
+          </span>
+          <a class="np-button np-button-wide" href="{{ item.path }}">
+            {% t shared.learn_more %}
+          </a>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_course_ongoing.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_course_ongoing.html.liquid
index ca71767f..bb6bc7f4 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_course_ongoing.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_cards_course_ongoing.html.liquid	
@@ -30,7 +30,9 @@
           <div style="width: {{ course.progress }}%" class="np-button-background-color np-card-progress-bar">
           </div>
         </div>
+        
       </div>
+      
     </div>
   </div>
 </a>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_bundles.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_bundles.html.liquid
new file mode 100644
index 00000000..2e736561
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_bundles.html.liquid	
@@ -0,0 +1,22 @@
+<div class="np-dashboard-resources">
+  {% for item in catalog.items %}
+    <script>
+      console.log("{{ item.type }} {{ item.name }}");
+    </script>
+    {% if item.type == "bundle" %}    
+      <a  href="{{ item.path }}" style="text-decoration: unset;">
+        <div class="content-catds">
+          <div class="content-catds-text">
+            {{ item.name }} 
+          </div>  
+          <div class="content-arrow"><i class="far fa-duotone fa-solid fa-greater-than"></i></div>
+        </div>
+      </a>  
+    {% endif %}
+  {% endfor %}
+</div>
+
+<style>
+
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_certificates.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_certificates.html.liquid
new file mode 100644
index 00000000..90379dd7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_content_by_certificates.html.liquid	
@@ -0,0 +1,127 @@
+
+{% if basic_3p_user %}
+  {% assign lpitems = learning_paths.enrolled %}
+{% else %}  
+  {% assign lpitems = learning_paths.available %}
+{% endif %}
+<div class="np-dashboard-resources">
+  {% for learning_path in  lpitems %}
+    {% if learning_path.has_certificate? %}
+    <a href="app/learning_paths/{{learning_path.id}}" style="text-decoration: unset;">
+      <div class="content-catds">
+        <div class="content-catds-text">
+          {{ learning_path.name }} 
+        </div>  
+        <div class="content-arrow"><i class="far fa-chevron-right"></i></div>
+      </div>
+    </a>  
+    {% endif %}
+  {% endfor %}
+</div>
+
+<style>
+
+.content-catds {
+    border: 2px solid #bac4ca;
+    border-radius: 10px;
+    /* padding: 5px; */
+    text-align: left;
+    margin: 15px;
+    display: flex;
+    justify-content: space-between;
+    /* align-content: stretch; */
+    flex-wrap: nowrap;
+    align-items: center;
+    height: 45px;
+}
+.content-catds:hover {
+  background-color: lightgray;
+  cursor: pointer;
+}
+
+.content-catds-text {
+    color: #333;
+    padding-left: 20px;
+    font-size: 16px;
+    /* margin-bottom: 24px; */
+    /* height: 30px; */
+    /* padding-top: 5px; */
+    
+}
+
+.content-arrow {
+    padding-top: 5px;
+    background-color: #ebe8f3;
+    /* height: 30px; */
+    width: 50px;
+    border-radius: 0px 10px 10px 0px;
+    height: 42px;
+    width: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+</style>
+
+<script>
+  $(document).ready(function(){
+
+        if ($("#divContentbyProduct").height() < "300") {
+          
+          $("#seemore").css("dispaly","none")
+        }
+        else
+        {
+           $("#divContentbyProduct").height("300");
+           $("#seemore").css("dispaly","none")
+        }
+
+        console.log($("#divGetCertified").height())
+        if ($("#divGetCertified").height() < 300) {
+         
+          $("#seemorecertificates").css("display","none")
+        }
+        else 
+        {
+          $("#divGetCertified").height("300");
+          $("#seemorecertificates").html("See more..");
+        }
+
+
+
+        $("#seemore").click(function () {
+          if ($("#divContentbyProduct").height() == "300")
+          {
+            $("#divContentbyProduct").height("auto");
+            $("#seemore").html("Show less..");
+          }
+          else
+          {
+            $("#divContentbyProduct").height("300");
+            $("#seemore").html("See more..");
+          }
+         
+          $("#divContentbyProduct").overflow("hidden");
+          
+      });
+
+
+      $("#seemorecertificates").click(function () {
+          if ($("#divGetCertified").height() == "300")
+          {
+            $("#divGetCertified").height("auto");
+            $("#seemorecertificates").html("Show less..");
+          }
+          else
+          {
+            $("#divGetCertified").height("300");
+            $("#seemorecertificates").html("See more..");
+          }
+         
+          $("#divGetCertified").overflow("hidden");
+          
+
+      });
+    });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_desktop_view.html.liquid
new file mode 100644
index 00000000..ae8d50de
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_desktop_view.html.liquid	
@@ -0,0 +1,41 @@
+<div class="np-card-container">
+  <div class="np-resource-header np-course-header np-card-padding-large">
+    {% include "course_header" %}
+  </div>
+  <div class="np-divider"></div>
+  <div class="row np-course-content np-card-padding-dynamic">
+    <div class="col-xs-12 col-sm-6">
+      <img
+        src="{{ course.image_url }}"
+        class="np-top-image np-top-image-spacing"
+        alt="{{ course.name }}"
+      />
+      {% include "course_description" %}
+
+      {% if course.categories.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_categories" %}
+        </div>
+      {% endif %}
+
+      {% if course.instructors.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_instructors" %}
+        </div>
+      {% endif %}
+
+      {% if course.events.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_events" %}
+        </div>
+      {% endif %}
+    </div>
+
+    <div class="np-grid-spacing col-xs-12 col-sm-6">
+      <div class="np-top-cta np-card-container np-card-padding np-product-cta">
+        {% include "product_price_and_cta" %}
+      </div>
+      {% include "product_outline" %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_mobile_view.html.liquid
new file mode 100644
index 00000000..880a0f24
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_product_mobile_view.html.liquid	
@@ -0,0 +1,31 @@
+<div class="np-card-container np-card-padding-large">
+  {% include "course_header" %}
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "course_description" %}
+</div>
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "product_outline" %}
+</div>
+
+{% if course.categories.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_categories" %}
+  </div>
+{% endif %}
+
+{% if course.instructors.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_instructors" %}
+  </div>
+{% endif %}
+
+{% if course.events.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_events" %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_progress_and_cta.html.liquid
index 495c5a1b..8006bbca 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_progress_and_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_course_progress_and_cta.html.liquid	
@@ -49,7 +49,7 @@
       href="{% route course_enrollment, code: course.enrollment_code %}"
   {% endif %}
   >
-  {% if course.enrolled? == false %}
+  {% if course.enrolled? == false and course.progress == 0 %}
       {% t shared.enroll %}
     {% elsif course.started? == false %}
       {% t shared.course.start, key: current_school.course_vocabulary %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_dashboard_ongoing_training.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_dashboard_ongoing_training.html.liquid
new file mode 100644
index 00000000..ca9ce3e1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_dashboard_ongoing_training.html.liquid	
@@ -0,0 +1,191 @@
+<div class="np-homepage-ongoing np-max-width">
+  <div class="np-homepage-ongoing-text">
+    <div class="np-homepage-headline">
+      Ongoing Training
+    </div>
+    <div class="ongoing-carousel-controls np-hidden-mobile">
+      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
+      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
+    </div>
+  </div>
+  {% if items.size > 0 %}
+    {% assign ongoing_courses_count = 0 %}
+    <div class="ongoing-courses-wrapper">
+      <div class="ongoing-courses-slider">
+        {% for course in items %}
+          {% if course.properties.is_article_course  == false %}
+            {% if course.progress > 0 and course.progress < 100 %}
+              {% assign ongoing_courses_count = ongoing_courses_count | plus: 1 %}
+              <div class="ongoing-course-slide">
+                {% include "cards_course_banner" with course %}
+              </div>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+
+    {% if ongoing_courses_count > 0 %}
+      <div class="ongoing-see-more-wrapper">
+        <a href="/app/dashboard">See more</a>
+      </div>
+    {% else %}
+      <script>console.log("{{ongoing_courses_count}}")</script>
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          Sorry, you don't have any ongoing training at this moment.
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="Sorry, you don't have any ongoing training at this moment."
+        />
+        <div class="zero-state-cta" style="margin-top:32px;">
+          <a href="/app/catalog" class="np-button">Explore Catalog</a>
+        </div>
+      </div>
+    {% endif %}
+  {% else %}
+    <div class="np-homepage-featured-empty">
+      <div class="np-zero-state-text">
+        Sorry, you don't have any ongoing training at this moment.
+      </div>
+      <img
+        class="np-zero-state-courses"
+        alt="Sorry, you don't have any ongoing training at this moment."
+      />
+      <div class="zero-state-cta" style="margin-top:32px;">
+        <a href="/app/catalog" class="np-button">Explore Catalog</a>
+      </div>
+    </div>
+  {% endif %}
+</div>
+
+
+<script>
+
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+
+ 
+</script>
+
+
+<style>
+
+  .ongoing-courses-wrapper {
+    margin: 0 -8px;
+  }
+
+
+
+  .np-homepage-ongoing-text {
+    padding: 0 0 32px;
+    text-align:left;
+    display:flex;
+  }
+
+  .np-homepage-ongoing-text .np-homepage-headline {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 32px;
+    color:#333;
+    align-self: flex-start;
+  }
+
+  .ongoing-carousel-controls {
+    align-self:flex-end;
+    display:flex;
+  }
+
+  .ongoing-carousel-controls .carousel-control {
+    margin: 0 8px;
+    background-color: #ebe8f3;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #3c228a;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .ongoing-carousel-controls .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .ongoing-carousel-controls .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
+  .ongoing-courses-slider {
+    display:flex;
+  }
+
+  .ongoing-course-slide {
+    margin-bottom: 12px;
+  }
+
+  .ongoing-course-slide .np-card {
+    margin:0 auto;
+    padding: 0;
+    height:100%;
+  }
+
+  .ongoing-course-slide .np-card-container {
+    height: 100%;
+    margin: 0 8px;
+  }
+
+  .ongoing-see-more-wrapper {
+    display:flex;
+    justify-content:flex-end;
+    margin-top:8px;
+  }
+
+  .ongoing-see-more-wrapper a {
+    color:#3C228A;
+  }
+
+  @media (min-width:768px){
+    .np-homepage-ongoing-text {
+      flex-direction:row;
+      justify-content:space-between;
+    }
+
+    .np-homepage-ongoing-text .np-homepage-headline {
+      font-size: 32px;
+      line-height: 40px;
+    }
+
+    .ongoing-see-more-wrapper {
+      margin-top:12px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_header.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_header.html.liquid
index 7c4f41ff..b9829d1f 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_header.html.liquid	
@@ -103,6 +103,14 @@ Basic Sandbox Group UUID = 9f5c51a3-8e02-4b81-9e48-7ec3adff7c70
     </div>
 
     {% if current_person.signed_in? %}
+      
+      {% if features.commerce? %}
+        <a class="np-hidden-mobile np-header-button np-header-button-cart" href="{% route cart %}">
+          <i class="np-header-button-icon far fa-shopping-cart"></i>
+          {% t.cart %}
+          {% commerce_cart_badge %}
+        </a>
+      {% endif %}
 			{% unless basic_3p_user %}
       <div class="np-hidden-mobile np-header-search np-header-search-expanded">
         <form action="{% route search %}" method="get" data-test="desktop-search">
@@ -263,7 +271,7 @@ Basic Sandbox Group UUID = 9f5c51a3-8e02-4b81-9e48-7ec3adff7c70
     font-weight: 400;
     font-size: 13px;
     transition: transform 0.2s;
-    color: #333;
+    color: #000000;
   }
 
   .header-dropdown-container.np-hidden-mobile:hover .dropdown-arrow:after,
@@ -332,7 +340,7 @@ Basic Sandbox Group UUID = 9f5c51a3-8e02-4b81-9e48-7ec3adff7c70
   .np-header-avatar-tooltip-navigation-link {
     font-weight: 400;
     font-size:16px;
-    color:#333;
+    color:#000000;
     padding:22px 16px;
   }
 
@@ -372,7 +380,7 @@ Basic Sandbox Group UUID = 9f5c51a3-8e02-4b81-9e48-7ec3adff7c70
   }
 
   .np-header-mobile-menu-content-button {
-    color:#333;
+    color:#000000;
   }
 
   @media (min-width:768px) {
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_featured.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_featured.html.liquid
index c175ac12..88762c9f 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_featured.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_featured.html.liquid	
@@ -1,4 +1,4 @@
-<div class="np-homepage-featured np-max-width">
+<div class="np-homepage-featured" style="margin-top: 0px;">
   <div class="row">
     <div class="col-xs-12">
       <div class="np-homepage-featured-text">
@@ -44,22 +44,22 @@
         {% else %}
           <div class="np-homepage-featured-empty">
             <div class="np-zero-state-text">
-              Yikes! There is no featured content at the moment. Be sure to check back here later.
+              Coming Soon!
             </div>
             <img
               class="np-zero-state-courses"
-              alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
+              alt="Coming Soon!"
             />
           </div>
         {% endif %}
       {% else %}
         <div class="np-homepage-featured-empty">
           <div class="np-zero-state-text">
-            Yikes! There is no featured content at the moment. Be sure to check back here later.
+            Coming Soon!
           </div>
           <img
             class="np-zero-state-courses"
-            alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
+            alt="Coming Soon!"
           />
         </div>
       {% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_inprogress_courses.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_inprogress_courses.html.liquid
new file mode 100644
index 00000000..24c22f40
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_inprogress_courses.html.liquid	
@@ -0,0 +1,189 @@
+<div class="np-homepage-ongoing np-max-width">
+  <div class="np-homepage-ongoing-text">
+    <div class="np-homepage-headline">
+      Ongoing Training
+    </div>
+    <div class="ongoing-carousel-controls np-hidden-mobile">
+      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
+      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
+    </div>
+  </div>
+  {% if items.size > 0 %}
+    {% assign ongoing_courses_count = 0 %}
+    <div class="ongoing-courses-wrapper">
+      <div class="ongoing-courses-slider">
+        {% for course in items %}
+            {% if course.progress > 0 and course.progress < 100 %}
+              {% assign ongoing_courses_count = ongoing_courses_count | plus: 1 %}
+              <div class="ongoing-course-slide">
+                {% include "cards_course_ongoing" with course %}
+              </div>
+            {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+
+    {% if ongoing_courses_count > 0 %}
+      <div class="ongoing-see-more-wrapper">
+        <a href="/app/dashboard">See more</a>
+      </div>
+    {% else %}
+      <script>console.log("{{ongoing_courses_count}}")</script>
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          Yikes! You don't have any ongoing training at this moment.
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="Yikes! You don't have any ongoing training at this moment."
+        />
+        <div class="zero-state-cta" style="margin-top:32px;">
+          <a href="/app/dashboard" class="np-button">Explore Dashboard</a>
+        </div>
+      </div>
+    {% endif %}
+  {% else %}
+    <div class="np-homepage-featured-empty">
+      <div class="np-zero-state-text">
+        Yikes! You don't have any ongoing training at this moment.
+      </div>
+      <img
+        class="np-zero-state-courses"
+        alt="Yikes! You don't have any ongoing training at this moment."
+      />
+      <div class="zero-state-cta" style="margin-top:32px;">
+        <a href="/app/dashboard" class="np-button">Explore Dashboard</a>
+      </div>
+    </div>
+  {% endif %}
+</div>
+
+
+<script>
+
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+
+
+</script>
+
+
+<style>
+
+  .ongoing-courses-wrapper {
+    margin: 0 -8px;
+  }
+
+  
+
+  .np-homepage-ongoing-text {
+    padding: 0 0 32px;
+    text-align:left;
+    display:flex;
+  }
+
+  .np-homepage-ongoing-text .np-homepage-headline {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 32px;
+    color:#333;
+    align-self: flex-start;
+  }
+
+  .ongoing-carousel-controls {
+    align-self:flex-end;
+    display:flex;
+  }
+
+  .ongoing-carousel-controls .carousel-control {
+    margin: 0 8px;
+    background-color: #ebe8f3;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #3c228a;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .ongoing-carousel-controls .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .ongoing-carousel-controls .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
+  .ongoing-courses-slider {
+    display:flex;
+  }
+
+  .ongoing-course-slide {
+    margin-bottom: 12px;
+  }
+
+  .ongoing-course-slide .np-card {
+    margin:0 auto;
+    padding: 0;
+    height:100%;
+  }
+
+  .ongoing-course-slide .np-card-container {
+    height: 100%;
+    margin: 0 8px;
+  }
+
+  .ongoing-see-more-wrapper {
+    display:flex;
+    justify-content:flex-end;
+    margin-top:8px;
+  }
+
+  .ongoing-see-more-wrapper a {
+    color:#3C228A;
+  }
+
+  @media (min-width:768px){
+    .np-homepage-ongoing-text {
+      flex-direction:row;
+      justify-content:space-between;
+    }
+
+    .np-homepage-ongoing-text .np-homepage-headline {
+      font-size: 32px;
+      line-height: 40px;
+    }
+
+    .ongoing-see-more-wrapper {
+      margin-top:12px;
+    }
+  }
+</style>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_ongoing_training.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_ongoing_training.html.liquid
index 2e57bd3d..59e6dcec 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_ongoing_training.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_homepage_ongoing_training.html.liquid	
@@ -1,7 +1,7 @@
 <div class="np-homepage-ongoing np-max-width">
   <div class="np-homepage-ongoing-text">
     <div class="np-homepage-headline">
-      Ongoing Training
+     Courses
     </div>
     <div class="ongoing-carousel-controls np-hidden-mobile">
       <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
@@ -9,9 +9,63 @@
     </div>
   </div>
   {% if items.size > 0 %}
-    {% assign ongoing_courses_count = 0 %}
+    {% assign new_courses_count = 0 %}
     <div class="ongoing-courses-wrapper">
       <div class="ongoing-courses-slider">
+				{% for course in courses.enrolled %}
+          {% if course.properties.is_article_course  == false %}
+						{% if course.started? == false %}
+              {% assign new_courses_count = new_courses_count | plus: 1 %}
+              <div class="ongoing-course-slide">
+                {% include "cards_article" with course %}
+              </div>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+
+    {% if new_courses_count > 0 %}
+   
+    {% else %}
+      <script>console.log("{{new_courses_count}}")</script>
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          You don't have any new training at this moment.
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="Coming Soon!"
+        />
+      </div>
+    {% endif %}
+  {% else %}
+    <div class="np-homepage-featured-empty">
+      <div class="np-zero-state-text">
+        Coming Soon!
+      </div>
+      <img
+        class="np-zero-state-courses"
+        alt="Coming Soon!"
+      />
+    </div>
+  {% endif %}
+</div>
+
+<div class="np-homepage-ongoing np-max-width">
+  <div class="np-homepage-ongoing-text">
+    <div class="np-homepage-headline">
+      Ongoing Training
+    </div>
+    <div class="ongoing-carousel-controls2 np-hidden-mobile">
+      <div class="prev-arrow carousel-control"><i class="far fa-chevron-left"></i></div>
+      <div class="next-arrow carousel-control"><i class="far fa-chevron-right"></i></div>
+    </div>
+  </div>
+  {% if items.size > 0 %}
+    {% assign ongoing_courses_count = 0 %}
+    <div class="ongoing-courses-wrapper">
+      <div class="ongoing-courses-slider2">
         {% for course in items %}
           {% if course.properties.is_article_course  == false %}
             {% if course.progress > 0 and course.progress < 100 %}
@@ -26,84 +80,39 @@
     </div>
 
     {% if ongoing_courses_count > 0 %}
-      <div class="ongoing-see-more-wrapper">
-        <a href="/app/dashboard">See more</a>
-      </div>
     {% else %}
       <script>console.log("{{ongoing_courses_count}}")</script>
       <div class="np-homepage-featured-empty">
         <div class="np-zero-state-text">
-          Yikes! You don't have any ongoing training at this moment.
+          You don't have any ongoing training at this moment.
         </div>
         <img
           class="np-zero-state-courses"
-          alt="Yikes! You don't have any ongoing training at this moment."
+          alt="You don't have any ongoing training at this moment."
         />
-        <div class="zero-state-cta" style="margin-top:32px;">
-          <a href="/app/catalog" class="np-button">Explore Catalog</a>
-        </div>
       </div>
     {% endif %}
   {% else %}
     <div class="np-homepage-featured-empty">
       <div class="np-zero-state-text">
-        Yikes! You don't have any ongoing training at this moment.
-      </div>
-      <img
-        class="np-zero-state-courses"
-        alt="Yikes! You don't have any ongoing training at this moment."
-      />
-      <div class="zero-state-cta" style="margin-top:32px;">
-        <a href="/app/catalog" class="np-button">Explore Catalog</a>
+        You don't have any ongoing training at this moment.
       </div>
+      <img class="np-zero-state-courses" alt="You don't have any ongoing training at this moment." />
     </div>
   {% endif %}
+   
 </div>
 
 
-<script>
-
-window.addEventListener("DOMContentLoaded", (event) => {
-
-  var ongoingSlider = tns({
-    container: '.ongoing-courses-slider',
-    items: 1,
-    slideBy: 'page',
-    autoplay: false,
-    gutter: 8,
-    controls:false,
-    navPosition:"bottom",
-    loop: false,
-    mouseDrag: true,
-    speed: 500,
-    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
-    responsive: {
-      600: {
-        items: 2,
-      },
-      768: {
-        items:3,
-        gutter: 16,
-        controls:true
-      }
-    }
-  });
-});
-
- 
-</script>
-
-
 <style>
-
+	.np-max-width {
+		padding: 0px 40px;
+	}
   .ongoing-courses-wrapper {
     margin: 0 -8px;
   }
 
-  .np-homepage-ongoing {
-    padding: 0 16px;
-    margin-bottom:56px;
-  }
+
 
   .np-homepage-ongoing-text {
     padding: 0 0 32px;
@@ -115,7 +124,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
     font-weight: 400;
     font-size: 24px;
     line-height: 32px;
-    color:#333;
+    color:#000000;
     align-self: flex-start;
   }
 
@@ -147,9 +156,39 @@ window.addEventListener("DOMContentLoaded", (event) => {
     margin-right:0;
   }
 
+  .ongoing-carousel-controls2 {
+    align-self:flex-end;
+    display:flex;
+  }
+  .ongoing-carousel-controls2 .carousel-control {
+    margin: 0 8px;
+    background-color: #ebe8f3;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #3c228a;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .ongoing-carousel-controls2 .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .ongoing-carousel-controls2 .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
   .ongoing-courses-slider {
     display:flex;
   }
+  .ongoing-courses-slider2 {
+    display:flex;
+  }
 
   .ongoing-course-slide {
     margin-bottom: 12px;
@@ -191,4 +230,87 @@ window.addEventListener("DOMContentLoaded", (event) => {
       margin-top:12px;
     }
   }
-</style>
\ No newline at end of file
+</style>
+<script>
+
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider2',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls2'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+window.addEventListener("DOMContentLoaded", (event) => {
+
+  var ongoingSlider = tns({
+    container: '.ongoing-courses-slider3',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:false,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.ongoing-carousel-controls3'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        controls:true
+      }
+    }
+  });
+});
+
+</script>
+
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_completed_banner.html.liquid
index 1c508163..31f72e2c 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_completed_banner.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_completed_banner.html.liquid	
@@ -10,7 +10,7 @@
 	  <p class="np-learning-path-banner-description" style="color: #1b3e4f; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 12px;">
 	  Congratulations, you're Scintilla Replenishment Certified. Click the button below to add your accomplishment to LinkedIn!</p>
 	  <div class="np-learning-path-banner-actions">
-		<a href="https://linkedin.com/profile/add/?startTask=Walmart%20Scintilla%20Replenishment%20Certification&name=Walmart%20Scintilla%20Replenishment%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Fwalmartluminate.northpass.com"
+		<a href="https://linkedin.com/profile/add/?startTask=Scintilla%20Replenishment%20Certification&name=Scintilla%20Replenishment%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Flearn.walmartdataventures.com"
 		   class="np-learning-path-banner-action np-learning-path-banner-action--primary">
 		  Add to LinkedIn!</a>
 	  </div>
@@ -29,7 +29,7 @@
 	  <p class="np-learning-path-banner-description" style="color: #1b3e4f; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 12px;">
 	  Congratulations, you're Scintilla Sales Analysis Certified. Click the button below to add your accomplishment to LinkedIn!</p>
 	  <div class="np-learning-path-banner-actions">
-		<a href="https://linkedin.com/profile/add/?startTask=Walmart%20Scintilla%20Sales%20Analysis%20Certification&name=Walmart%20Scintilla%20Sales%20Analysis%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Fwalmartluminate.northpass.com" class="np-learning-path-banner-action np-learning-path-banner-action--primary">
+		<a href="https://linkedin.com/profile/add/?startTask=Scintilla%20Sales%20Analysis%20Certification&name=Scintilla%20Sales%20Analysis%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Flearn.walmartdataventures.com" class="np-learning-path-banner-action np-learning-path-banner-action--primary">
 		  Add to LinkedIn!</a>
 	  </div>
 	</div>
@@ -46,7 +46,7 @@
 	  <p class="np-learning-path-banner-description" style="color: #1b3e4f; font-size: 20px; font-weight: 400; line-height: 20px; margin: 0 0 12px;">
 	  Congratulations, you're Scintilla Customer Insights Certified. Click the button below to add your accomplishment to LinkedIn!</p>
 	  <div class="np-learning-path-banner-actions">
-		<a href="https://linkedin.com/profile/add/?startTask=Walmart%20Scintilla%20Customer%20and%20Shopper%20Insights%20Certification&name=Walmart%20Scintilla%20Customer%20Insights%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Fwalmartluminate.northpass.com" class="np-learning-path-banner-action np-learning-path-banner-action--primary">
+		<a href="https://linkedin.com/profile/add/?startTask=Scintilla%20Customer%20Insights%20Certification&name=Scintilla%20Customer%20Insights%20Certification&organizationId=80427781&certUrl=https%3A%2F%2Flearn.walmartdataventures.com" class="np-learning-path-banner-action np-learning-path-banner-action--primary">
 		  Add to LinkedIn!</a>
 	  </div>
 	</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_desktop_view.html.liquid
new file mode 100644
index 00000000..08cb6406
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_desktop_view.html.liquid	
@@ -0,0 +1,22 @@
+{% include "learning_path_desktop_header", learning_path: product %}
+<div class="row">
+  <div class="col-xs-12 col-sm-6">
+    <div class="np-card-container">
+      <img
+        src="{{ product.image_url }}"
+        class="np-top-image"
+        alt="{{ product.name }}"
+      />
+      <div class="np-card-padding-dynamic">
+        {% include "learning_path_description", learning_path: product  %}
+        {% include "learning_path_instructors", learning_path: product  %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-6 np-grid-spacing">
+    <div class="np-top-cta np-card-container np-card-padding np-product-cta">
+      {% include "product_price_and_cta"%}
+    </div>
+    {% include "learning_path_product_outline" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_mobile_view.html.liquid
new file mode 100644
index 00000000..c42b6612
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_mobile_view.html.liquid	
@@ -0,0 +1,34 @@
+<div class="np-card-container np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title np-text-muted">
+    {% t shared.learning_path.title %}
+    <i class="far fa-road np-button-color np-learning-path-icon np-hidden-mobile"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+    </a>
+    {{ product.name }}
+  </div>
+  <img
+    src="{{ product.image_url }}"
+    class="np-top-image"
+    alt="{{ product.name }}"
+  />
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "learning_path_description", learning_path: product %}
+</div>
+
+<div class="np-card-spacing">
+  {% include "learning_path_product_outline" %}
+</div>
+
+{% if product.instructors.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "learning_path_instructors", learning_path: product %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_outline.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_outline.html.liquid
new file mode 100644
index 00000000..bf077377
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_learning_path_product_outline.html.liquid	
@@ -0,0 +1,10 @@
+<div class="np-learning-path-outline">
+  <h3 class="np-product-outline-title">{% t .title %}</h3>
+  {% for item in product.learning_path_items %}
+    {% if item.course? %}
+      {% include "product_outline_course", id: forloop.index %}
+    {% elsif item.training_event? %}
+      {% include "product_outline_event", id: forloop.index %}
+    {% endif %}
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_lps_in_progress.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_lps_in_progress.html.liquid
new file mode 100644
index 00000000..ac24e095
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_lps_in_progress.html.liquid	
@@ -0,0 +1,36 @@
+<div class="np-homepage-featured" style="margin: 0px 40px;">
+     <div  style="display:flex; flex-direction:column;">
+      <div class="np-section-header">Progress Tracker</div>
+      <div class="learning-path-progress-container">
+        <div class="row">      
+          {% assign lps_in_progress_count = 0 %}
+          {% assign enrolled_learning_paths = learning_paths.available | sort: "progress" | reverse %}
+          {% for learning_path in enrolled_learning_paths %}       
+            {% if learning_path.progress > 0 %}  
+              {% assign lps_in_progress_count = lps_in_progress_count | plus: 1 %}
+              {% if lps_in_progress_count < 4 %}
+                <div class="col-xs-12 col-md-4">
+                  {% include "cards_learning_path_progress" %}
+                </div>
+              {% endif %}
+            {% endif %}
+          {% endfor %}
+          {% if lps_in_progress_count > 0 %}
+            <div class="see-more-wrapper">
+              <a href="/app/dashboard" style="margin-top:24px;">See more</a>
+            </div>
+          {% endif %}
+          {% if lps_in_progress_count == 0 %}
+            <div class="col-xs-12">
+              <div class="np-learning-paths-resources-container">
+                <div class="np-zero-state-text">
+                  You don't have any learning Paths in progress.
+                </div>
+                <img class="np-zero-state-learning-paths" alt="" />
+              </div>
+            </div>
+          {% endif %}
+        </div>  
+      </div>   
+    </div>      
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_nonbasic_group_users_homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_nonbasic_group_users_homepage.html.liquid
new file mode 100644
index 00000000..54ba5da6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_nonbasic_group_users_homepage.html.liquid	
@@ -0,0 +1,27 @@
+{% assign catalog_courses = courses.in_catalog %}
+<div class="np-homepage-featured">
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-sm-8">
+      {% include "homepage_featured", items: catalog_courses %}
+      {% include "homepage_ongoing_training", items: catalog_courses %}
+          
+    </div>
+    <div class="col-xs-12 col-sm-3">
+      <div id="divContentbyProduct" class="content-by-product">
+        <div id="divGetCertified" class="content-by-product">
+          <div class="left-content-title">
+            Get Certified
+          </div>
+          {% include "content_by_certificates" %}
+        </div> 
+        <div  style="display: flex;flex-direction: row-reverse;">
+          <a id="seemorecertificates" >See more..</a>
+        </div>
+      </div>  
+    </div>
+  </div>  
+</div>
+
+     
+
+{% comment %} This endif is for the "if basic_3p_group" {% endcomment %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_expiration_date.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_expiration_date.html.liquid
new file mode 100644
index 00000000..2d4b898b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_expiration_date.html.liquid	
@@ -0,0 +1,7 @@
+{% if date %}
+  {% capture date_format %}{% t date.formats.short_humanized %}{% endcapture %}
+  {% capture formatted_date %}{{ date | date: date_format }}{% endcapture %}
+  <time class="np-product-expiration-date" datetime="{{ date }}">
+    {% t .label, date: formatted_date %}
+  </time>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline.html.liquid
new file mode 100644
index 00000000..4255455a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline.html.liquid	
@@ -0,0 +1,25 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    {% t .header.course %}
+  </div>
+  <div class="np-course-outline-content">
+    <ol class="np-course-outline-content-section">
+      {% for section in course.sections %}
+        <li class="np-course-outline-content-section-list">
+          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
+            {{ section.name }}
+          </div>
+          <ol class="np-course-outline-content-activity">
+            {% for activity in section.activities %}
+              <li class="np-course-outline-content-activity-list">
+                <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  {% include "course_activity_locked" %}
+                <div class="np-course-outline-content-activity-list-bar"></div>
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_course.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_course.html.liquid
new file mode 100644
index 00000000..594cc2de
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_course.html.liquid	
@@ -0,0 +1,82 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-base-container">
+    <img
+      src="{{ item.image }}"
+      alt="{{ item.name }}"
+      class="np-product-outline-course-image"
+    >
+    <div class="np-product-outline-content">
+      <div class="np-product-outline-name np-top-title">
+        {{ item.name }}
+      </div>
+
+        <p class="np-product-outline-caption">
+        {% if item.instructors.any? %}
+          {{ item.instructor_names }}
+           {% endif %}
+        </p>
+
+      <div class="np-product-outline-base-bottom">
+        <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+          <i class="far fa-graduation-cap np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.course %}</h3>
+        </div>
+        <button
+          class="np-button np-product-outline-details-button"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-expand-{{ id }}"
+          data-toggle-outside
+        >
+          <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+          <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      <p class="np-product-outline-section-content">{{ item.full_description }}</p>
+    </div>
+    {% if item.categories.any? %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t .categories %}
+        </h3>
+        <div class="np-flex">
+          {% for category in item.categories %}
+            <div class="np-content-categories-content-item">
+              {{ category.name }}
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    {% endif %}
+    {% if item.instructors.any? %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t shared.instructors %}
+        </h3>
+        <div class="np-content-instructors-content row">
+          {% for instructor in item.instructors %}
+            <div class="np-content-instructors-content-item col-xs-12 col-lg">
+              <img
+                src="{{ instructor.avatar_url }}"
+                class="np-content-instructors-content-image"
+                alt="{{ instructor.name }}"
+              >
+              <div class="np-content-instructors-content-description">
+                <div class="np-content-instructors-content-name">
+                  {{ instructor.name }}
+                </div>
+                <div class="np-content-instructors-content-info np-text-light">
+                  {{ instructor.title }}
+                </div>
+              </div>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_event.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_event.html.liquid
new file mode 100644
index 00000000..aaa38f41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_event.html.liquid	
@@ -0,0 +1,49 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-content">
+    {% if item.available? %}
+      {% if item.location %}
+        <span class="np-product-location">{{ item.location }} |</span>
+      {% endif %}
+      <span class="np-product-date">{{ item.time }} {{ item.time_zone }}, {{ item.date }}</span>
+      <a class="np-product-outline-name np-top-title" href="{{ item.preview_path }}">{{ item.name }}</a>
+    {% else %}
+      <span class="np-product-outline-name np-top-title">{{ item.name }}</span>
+    {% endif %}
+    <div class="np-learning-path-outline-caption">{{ item.caption }}</div>
+    <div class="np-product-outline-base-bottom np-product-ilt-bottom">
+      <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+      <i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+      <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
+    </div>
+    <button
+      class="np-button np-product-outline-details-button"
+      data-toggle-class-on-target="np-hidden"
+      data-toggle-target=".np-expand-{{ id }}"
+      data-toggle-outside
+    >
+      <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+      <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+    </button>
+    </div>
+    <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      <p class="np-product-outline-section-content">{{ item.description }}</p>
+    </div>
+    {% if item.instructors %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t shared.instructors %}
+        </h3>
+        <div class="np-content-instructors-content row">
+            <div class="np-content-instructors-content-item col-xs-12 col-lg">
+                <div class="np-content-instructors-content-name">
+                  {{ item.instructors }}
+                </div>
+            </div>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_lp.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_lp.html.liquid
new file mode 100644
index 00000000..87106e09
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_outline_lp.html.liquid	
@@ -0,0 +1,65 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-base-container">
+    <img
+      src="{{ item.image_url }}"
+      alt="{{ item.name }}"
+      class="np-product-outline-course-image"
+    >
+    <div class="np-product-outline-content">
+      <div class="np-product-outline-name np-top-title">
+        {{ item.name }}
+      </div>
+
+        <p class="np-product-outline-caption">
+          {% if item.instructor_names %}
+            {{ item.instructor_names }}
+          {% endif %}
+        </p>
+
+      <div class="np-product-outline-base-bottom">
+        <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+          <i class="far fa-road np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.learning_path %}</h3>
+        </div>
+        <button
+          class="np-button np-product-outline-details-button"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-expand-{{ id }}"
+          data-toggle-outside
+        >
+          <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+          <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      {{ item.description }}
+    </div>
+    <h3 class="np-product-outline-section-headline">{% t .content %}</h3>
+    {% for learning_path_item in item.learning_path_items %}
+      <div class="np-product-outline-lp-product-container">
+        <div class="np-product-outline-lp-product-info">
+          {% if learning_path_item.course? %}
+            <h3 class="np-product-outline-name np-top-title">{{learning_path_item.name}}</h3>
+            <p class="np-product-outline-caption">{{learning_path_item.instructor_names}}</p>
+          {% elsif learning_path_item.training_event? %}
+            {% if learning_path_item.available? %}
+              <a class="np-product-outline-name np-top-title" href="{{ learning_path_item.preview_path }}">{{learning_path_item.name}}</a>
+              <span class="np-product-date">{{ learning_path_item.time }} {{ learning_path_item.time_zone }}, {{ learning_path_item.date }}</span>
+            {% else %}
+              <span class="np-product-outline-name np-top-title">{{learning_path_item.name}}</span>
+              <span class="np-product-date">{{ learning_path_item.caption }}</span>
+            {% endif %}
+          {% endif %}
+        </div>
+        <div class="np-product-badge np-product-badge-catalog">
+          <i class="far {{ learning_path_item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ learning_path_item.formatted_type }}</h3>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_price_and_cta.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_price_and_cta.html.liquid
new file mode 100644
index 00000000..c0221597
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_product_price_and_cta.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-top-cta-price-content">
+    <div>
+    <span class="np-catalog-card-price np-commerce-outline-description-price">{{ product.formatted_price }}</span>
+    <span class="np-commerce-outline-description-access">
+        {{ product.formatted_access_period}}
+    </span>
+    </div>
+</div>
+<div class="np-top-cta-container">
+  {% commerce_add_to_cart product %}
+  {% commerce_buy_more_access product %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_sub_navigation.html.liquid
index 1abf2c0e..17e93188 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_sub_navigation.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_sub_navigation.html.liquid	
@@ -3,7 +3,12 @@
     {% for link in navigations.sub_navigation %}
       <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 == "Catalog" %}
+            <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
+            
+          {% else %}  
+            <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
+          {% endif %}  
           {{ link.label }}
         </a>
         <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_desktop_view.html.liquid
new file mode 100644
index 00000000..76ac434a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_desktop_view.html.liquid	
@@ -0,0 +1,42 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
+    <div class="np-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <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>
+        {% 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/Walmart Scintilla Prod/_training_event_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_mobile_view.html.liquid
new file mode 100644
index 00000000..f6a7b959
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_mobile_view.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <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" %}
+    {% include "training_session_description" %}
+  </div>
+
+  {% 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/Walmart Scintilla Prod/_training_event_preview_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_desktop_view.html.liquid
new file mode 100644
index 00000000..be9b996a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_desktop_view.html.liquid	
@@ -0,0 +1,42 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
+    <div class="np-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <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>
+        {% if training_event.sessions.size > 0 %}
+          {% include "training_event_preview_more_sessions" %}
+        {% else %}
+          <div class="np-training-session-zero-state">
+            <img
+              alt="{% t themes.default._training_event_desktop_view.empty %}"
+              class="np-zero-state-training-sessions"
+            />
+            <div class="np-training-session-zero-state-text">
+              {% t themes.default._training_event_desktop_view.empty %}
+            </div>
+          </div>
+        {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_mobile_view.html.liquid
new file mode 100644
index 00000000..84323a09
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_mobile_view.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <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" %}
+    {% include "training_session_description" %}
+  </div>
+
+  {% if training_event.sessions.size > 0 %}
+    <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_event_preview_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_more_sessions.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_more_sessions.html.liquid
new file mode 100644
index 00000000..a81c888a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_more_sessions.html.liquid	
@@ -0,0 +1,3 @@
+{% for session in training_event.sessions %}
+  {% include "training_event_preview_session_tile", current_session: training_session %}
+{% endfor %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_session_tile.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_session_tile.html.liquid
new file mode 100644
index 00000000..7a09cc33
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_event_preview_session_tile.html.liquid	
@@ -0,0 +1,18 @@
+<div class="np-training-session-tile">
+  <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>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_session_status.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_training_session_status.html.liquid
new file mode 100644
index 00000000..75116282
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/_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/Walmart Scintilla Prod/bundle_product.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/bundle_product.html.liquid
new file mode 100644
index 00000000..734327e5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/bundle_product.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile">
+    {% include "bundle_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop">
+    {% include "bundle_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_cart.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_cart.html.liquid
new file mode 100644
index 00000000..1aee9f30
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_cart.html.liquid	
@@ -0,0 +1,11 @@
+{% include "header" %}
+
+<main class="np-commerce-cart-page np-main np-page-container np-max-width">
+  {% commerce_cart %}
+</main>
+
+{% include "footer" %}
+<style>
+.np-header-button {
+  color: #333
+} </style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_catalog.html.liquid
new file mode 100644
index 00000000..94d32dfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_catalog.html.liquid	
@@ -0,0 +1,28 @@
+{% 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">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <h2 class="np-resource-title">{{ catalog.headline }}</h2>
+      <p class="np-resource-subtitle">{{ catalog.subheadline }}</p>
+    </div>
+  </div>
+  {% if catalog.any? %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+      {% for item in catalog.items %}
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+          {% include "cards_catalog_item" with item %}
+        </div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "courses_zero_state", message: message %}
+  {% endif %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_checkout.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_checkout.html.liquid
new file mode 100644
index 00000000..96d540b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_checkout.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-checkout-page np-main np-page-container np-max-width">
+  {% commerce_checkout %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_details.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_details.html.liquid
new file mode 100644
index 00000000..a12b7245
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_details.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-main np-subpage-container np-commerce-order-details-page">
+  {% commerce_order_details %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_history.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_history.html.liquid
new file mode 100644
index 00000000..031f5eac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_order_history.html.liquid	
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-commerce-order-history-page">
+  {% commerce_order_history %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_redeem.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_redeem.html.liquid
new file mode 100644
index 00000000..58260bac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_redeem.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-redeem-page np-main np-page-container np-max-width">
+  {% commerce_redeem %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_return.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_return.html.liquid
new file mode 100644
index 00000000..e8ea847b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/commerce_return.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-return-page np-main np-page-container np-max-width">
+  {% commerce_return %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/course_product.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/course_product.html.liquid
new file mode 100644
index 00000000..05e06883
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/course_product.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="course-desktop">
+    {% include "course_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="course-mobile">
+    {% include "course_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/homepage.html.liquid
index 65517eab..34780786 100644
--- a/Custom_Templates/customer_templates/Walmart Scintilla Prod/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/homepage.html.liquid	
@@ -107,103 +107,18 @@
 		<script> console.log("Homepage: This is a basic user!") </script>
 		{% assign enrolled_courses = courses.enrolled %}
 		{% include "basic_group_homepage", items: enrolled_courses %}
+     {% include "lps_in_progress" %}    
 	{% else %}
+    		<script> console.log("Homepage: This is a non-basic user!") </script>
 		{% include "sub_navigation" %}
+    {% include "nonbasic_group_users_homepage" %}
+     {% include "lps_in_progress" %}    
+    {% include "homepage_topics" %}
+    
+   
+	{% endif %}
 
-  {% include "homepage_featured", items: catalog_courses %}
-
-  <div class="np-max-width np-homepage-row-wrapper">
-    <div class="row">
-      <div class="col-xs-12 col-sm-12 col-md-12" style="display:flex; flex-direction:column;">
-        <div class="np-section-header">Progress Tracker</div>
-        <div class="learning-path-progress-container">
-          <div class="row">
-            {% assign lps_in_progress = 0 %}
-            {% assign enrolled_learning_paths = learning_paths.enrolled | sort: "progress" | reverse %}
-            {% for learning_path in enrolled_learning_paths %}
-              {% if learning_path.progress > 0 %}
-                {% assign lps_in_progress = lps_in_progress | plus: 1 %}
-
-                {% if lps_in_progress < 4 %}
-                  <div class="col-xs-12 col-md-4">
-                    {% include "cards_learning_path_progress" %}
-                  </div>
-
-                {% endif %}
-              {% endif %}
-            {% endfor %}
-
-            {% if lps_in_progress > 0 %}
-              <div class="see-more-wrapper">
-                <a href="/app/dashboard" style="margin-top:24px;">See more</a>
-              </div>
-            {% endif %}
-            {% if lps_in_progress == 0 %}
-              <div class="col-xs-12">
-                <div class="np-learning-paths-resources-container">
-                  <div class="np-zero-state-text">
-                    Yikes! You don't have any learning Paths in progress.
-                  </div>
-                  <img class="np-zero-state-learning-paths" alt="" />
-                </div>
-              </div>
-
-            {% endif %}
-          </div>
-
-        </div>
-      </div>
-      {% comment %} {% if features.training_events? %}
-      <div class="col-xs-12 col-sm-5 col-md-4">
-      <div class="homepage-events">
-      <div class="np-section-header">Upcoming Courses</div>
-      <div class="upcoming events">
-      {% if training_events.available.any? %}
-      {% for training_event in training_events.available limit:1 %}
-      {% include "cards_training_event" with training_event %}
-      {% endfor %}
-      <div class="see-more-wrapper">
-      <a href="/app/training_events" style="margin-top:24px;">See more</a>
-      </div>
-      {% else %}
-      {% include "training_events_zero_state" %}
-      {% endif %}
-      </div>
-      </div>
-      </div>
-      {% endif %} {% endcomment %}
-    </div>
-  </div>
-
-  {% include "homepage_ongoing_training", items: catalog_courses %}
-
-  {% include "homepage_topics" %}
-  {%- comment -%}
-  <button
-    type="button"
-    class="popup-trigger"
-    data-toggle-class-on-target
-    data-toggle-target="#firstTimeUsers"
-    data-toggle-escape
-    data-toggle-modal>
-    Click
-  </button>
-
-  <button
-    type="button"
-    class="survey-popup-trigger"
-    data-toggle-class-on-target
-    data-toggle-target="#surveyPopup"
-    data-toggle-escape
-    data-toggle-modal>
-    Click
-  </button>
-</main>
-  {%- endcomment -%}
-	{% comment %} This endif is for the "if basic_3p_group" {% endcomment %}
-{% endif %}
 {% include "footer" %}
-
 <div
   class="first-time-user-popup"
   id="firstTimeUsers"
@@ -464,6 +379,35 @@
 </script>
 
 <style>
+  .np-homepage-ongoing {
+    
+    margin-bottom:56px;
+  }
+  .left-content-title {
+    font-size: 25px;
+    padding-left: 20px;
+    line-height: 15px;
+    margin: 20px 0;
+   
+  }
+  .content-by-product {
+    height: auto; 
+    overflow: hidden;
+  }
+
+  .upcomongevents {
+    height: 350px; 
+  }
+
+  #seemore:hover, #seemorecertificates:hover {
+        cursor: pointer;
+  }
+  .np-homepage-hero {
+    background-color:#3C228A;
+    padding: 40px 24px 24px;
+    flex-direction: column;
+  }
+
   .np-homepage-hero {
     background-color: #3C228A;
     padding: 40px 24px 24px;
@@ -520,7 +464,7 @@
   }
 
   .np-homepage-row-wrapper {
-    padding: 0 16px;
+   
     margin-bottom: 56px;
   }
 
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/learning_path_product.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/learning_path_product.html.liquid
new file mode 100644
index 00000000..3d613e2a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/learning_path_product.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="learning-path-desktop">
+    {% include "learning_path_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/training_event_preview.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/training_event_preview.html.liquid
new file mode 100644
index 00000000..1645bc57
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/training_event_preview.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-training-session np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="training-session-desktop">
+    {% include "training_event_preview_desktop_view", training_session: training_event %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_event_preview_mobile_view", training_session: training_event %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Scintilla Prod/transcript.html.liquid b/Custom_Templates/customer_templates/Walmart Scintilla Prod/transcript.html.liquid
new file mode 100644
index 00000000..b6cb5428
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Scintilla Prod/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/grow-with-walmart-catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid
index 569ef75c..32cfd6d0 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid	
@@ -52,4 +52,4 @@
     display: block;
   }
 }
-</style>
\ No newline at end of file
+</style>