diff --git a/Custom_Templates/customer_templates/.DS_Store b/Custom_Templates/customer_templates/.DS_Store
index 9dc30e34..31ee9184 100644
Binary files a/Custom_Templates/customer_templates/.DS_Store and b/Custom_Templates/customer_templates/.DS_Store differ
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_advisors_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_advisors_banners.html.liquid
index 89f94068..2f137e04 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_advisors_banners.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_advisors_banners.html.liquid	
@@ -1,7 +1,7 @@
 <div class="banner-wrapper">
     <div class="banner-container">
         <div class="banner-image-wrapper">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Category+Advisor+Resources+1.png" alt="" class="banner-img">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Category+Advisor+Resources.png" alt="" class="banner-img">
         </div>
         <div class="banner-content-container">
             <div class="banner-heading">
@@ -19,8 +19,7 @@
 
 <style>
     .banner-wrapper {
-        background: #13244c;
-        padding: 20px;
+        padding: 10px;
         border-radius: 10px;
     }
     .banner-img {
@@ -30,7 +29,7 @@
         display: flex;
         align-items: center;
         gap: 40px;
-        background: #041e42;
+        background: #001E60;
         padding: 20px;
         border-radius: 10px;
     }
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_announcements.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_announcements.html.liquid
new file mode 100644
index 00000000..bcb5c677
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_announcements.html.liquid	
@@ -0,0 +1,62 @@
+{% assign blog_counter = 0 %}
+<div class="heading-container">
+  <a href='/app/blog' class="carousel-heading events-link">
+    Announcements
+  </a>
+</div>
+<div class="carousel-wrapper">
+  <div class="announcement-carousel">
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+            {% if category.name == 'Blog' %}
+                <div class="event-cart-carousel-item">
+                    {% include "cards_course" with course %}
+                  {% assign blog_counter = blog_counter |  plus: 1 %}
+                </div>
+            {% endif %}
+        {% endfor %}
+      {% endfor %}
+  </div>
+  {% if blog_counter == 0 %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>  
+<style>
+  .events-grid-container {
+    width: 33%;
+  }
+  .announcements-carousel {
+    width: 100%;
+    margin: 0;
+  }
+</style>
+
+<script>
+$(document).ready(function() {
+
+    $(".announcement-carousel").slick({
+        slidesToShow: 1,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 1,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_training_event.html.liquid
index 7b96ff51..2f3c2338 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_training_event.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_training_event.html.liquid	
@@ -33,12 +33,14 @@
         <span class="np-card-training-sessions-label">
           {% t .sessions, count: training_event.sessions.size %}
         </span>
-        <a
-          class="np-button np-button-wide"
-          href="{% route training_session, id: training_event.sessions.first.id %}"
-        >
-          {% t shared.view %}
-        </a>
+        <div class="button-container">
+          <a
+            class="button-course"
+            href="{% route training_session, id: training_event.sessions.first.id %}"
+          >
+            {% t shared.view %}
+          </a>
+        </div>
       </div>
     </div>
   </div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid
index c4e707df..4b5e402f 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid	
@@ -1,5 +1,5 @@
 {% assign available_categories = "Ethics and Compliance,Item Creation,Getting Paid,Merchandising,Onboarding,Packaging and Labeling,Replenishment,Retail Basics,Transportation" %}
-<div class="catalog-categories-container">
+<div id="categories" class="catalog-categories-container">
     <div class="text-container">
         <div class="text-heading text-center">
             Explore the course catalog below!
@@ -39,7 +39,8 @@
   border-radius: 10px;
   overflow: hidden;
   transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-  background: #13244c;
+  /*background: #13244c;*/
+  background: transparent;
   padding: 20px;
 }
 .category-card:hover {
@@ -59,15 +60,15 @@
 <script>
     const categoryCards = document.querySelectorAll('.category-card');
     const images = [
-        {name: 'Ethics and Compliance', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Ethics_and_Compliance.png"},
-        {name: 'Onboarding', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Onboarding.png"},
-        {name: 'Retail Basics', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Retail_Basics.png"},
-        {name: 'Item Creation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Item_Creation.png"},
-        {name: 'Merchandising', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Merchandising.png"},
-        {name: 'Transportation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Transportation.png"},
-        {name: 'Packaging and Labeling', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Packaging_and_Labeling.png"},
-        {name: 'Getting Paid', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Getting_Paid.png"},
-        {name: 'Replenishment', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Replinishment.png"},
+        {name: 'Ethics and Compliance', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/ethics_and_compliance.png"},
+        {name: 'Onboarding', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/onboarding.png"},
+        {name: 'Retail Basics', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/retail_basics.png"},
+        {name: 'Item Creation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/item_creation.png"},
+        {name: 'Merchandising', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/merchandising.png"},
+        {name: 'Transportation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/transportation.png"},
+        {name: 'Packaging and Labeling', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/packaging_labeling.png"},
+        {name: 'Getting Paid', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/getting_paid.png"},
+        {name: 'Replenishment', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/replenish.png"},
     ];
 
     function addCategoryCardImage() {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_continue_learning.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_continue_learning.html.liquid
index d599d2aa..d9f3266f 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_continue_learning.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_continue_learning.html.liquid	
@@ -1,3 +1,4 @@
+{% assign uniqe_enrolled = '' %}
 <div class="heading-container">
   <div class="carousel-heading">
    Continue Learning
@@ -7,9 +8,16 @@
     <div class="continue_learning_carousel">
         {% for course in courses.enrolled %}
             {% if course.progress > 0 and course.progress < 100 %}
-                <div class="carousel-card-wrapper">
-                    {% include 'cards_course' %}
-                </div>
+                {% for category in course.categories %}
+                    {% unless category.name == "HelpDoc" %}
+                        {% unless uniqe_enrolled contains course.name %}
+                            <div class="carousel-card-wrapper">
+                                {% include 'cards_course' %}
+                            </div>
+                            {% assign uniqe_enrolled = uniqe_enrolled |  append: course.name |  append: ',' %}
+                        {% endunless %}
+                    {% endunless %}
+                {% endfor %}
             {% endif %}
         {% endfor %}
     </div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid
index a9646f82..9303b135 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid	
@@ -116,7 +116,6 @@
 }
 
 .faq-card {
-    background: #13244c;
     padding: 20px;
     border-radius: 12px;
     height: fit-content;
@@ -137,15 +136,15 @@
 .faq-cta {
     width: 40px;
     height: 40px;
-    background: #002d97;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
+    background: #ffc220;
 }
 
 .cta-faq-icon {
-    color: #fff;
+    color: #000;
     transition: transform 0.3s ease;
 }
 
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_footer.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_footer.html.liquid
index 3cc33327..ff21fd05 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_footer.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_footer.html.liquid	
@@ -19,7 +19,7 @@
         </ul>
       </div>
     {% endif %}
-    <div class="copyright">© 2023 Walmart Inc.</div>
+    <div class="copyright">© 2025 Walmart Inc.</div>
   </div>
 
   <div class="np-footer-bottom">
@@ -71,7 +71,7 @@
     margin:auto;
     border-top: 1px solid #DADCE0;
     padding: 24px 16px 48px;
-    background: #041e42;
+    background: #001E60;
   }
   
   .np-footer-top {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid
index faa3d4ef..1a6231cc 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid	
@@ -2,19 +2,32 @@
 <div class="banner-wrapper">
     <div class="banner-container">
         <div class="banner-image-wrapper">
-            <img src="https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Banners/GWW+Logo.png" alt="" class="banner-img">
-            <div class="deatils-container">
-                <div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@walmart.com</span></div>
+        
+            <img src="https://i5.walmartimages.com/dfwrs/76316474-30ea/k2-_c397aeb4-ecf5-485a-b04a-9e094d10e8fb.v1.png" alt="" class="banner-img">
+            
+           <div class="deatils-container">
+                <div class="banner-descirption text-center">Email <span class="bold-text">supplierinclusion@walmart.com</span></div>
                 <div class="banner-descirption text-center">for additional support.</div>
             </div>
         </div>
         <div class="banner-content-container">
             <div class="banner-descirption">
-                If you are a U.S. based supplier wanting to sell your product in our U.S. stores, clubs, or online marketplace, <span class="bold-text">Grow With Walmart</span> will help prepare you for success.
+                Ready to elevate your small business with Walmart?
             </div>
+            
             <div class="banner-descirption">
-                Learn foundational business skills in our Business Fundamentals and Advanced Business pathways.  Explore the skills necessary for a successful experience working with Walmart in our Retail Ready Capabilities and Walmart Ways of Working pathways.
+                Grow with US provides tailored learning paths to help small businesses succeed in Walmart's U.S. stores, clubs, and online Marketplace.<br> <br> <a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">Click here</a> to learn more about what Walmart has to offer small businesses.
+
             </div>
+            
+            <!-- <div class="banner-descirption">
+                Before you get started, register your company in our Small Business Portal to make sure we can verify you as a small business and provide access to additional tools and resources. Click here and answer a few short questions.
+           </div>
+            
+            <div class="banner-description">
+  <a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">Click here</a> to learn more about what Walmart has to offer small businesses.  
+</div> -->
+            
         </div>
     </div>
 </div>
@@ -65,8 +78,7 @@
 
 <style>
     .banner-wrapper {
-        background: #13244c;
-        padding: 20px;
+        padding: 10px;
         border-radius: 10px;
     }
     .banner-img {
@@ -76,7 +88,7 @@
         display: flex;
         align-items: center;
         gap: 40px;
-        background: #041e42;
+        background: #001E60;
         padding: 20px;
         border-radius: 10px;
     }
@@ -95,7 +107,7 @@
         align-items: center;
     }
     .banner-image-wrapper {
-        width: 40%;
+        width: 30%;
         display: flex;
         flex-direction: column;
         gap: 30px;
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_head.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_head.html.liquid
index 723e2f6b..8c9b2d4b 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_head.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_head.html.liquid	
@@ -10,6 +10,7 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
 
+
 <script>
     function changeTranscriptPageText() {
         if (window.location.pathname == "/app/transcript") {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid
index 1c2ca16e..989a2ac9 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid	
@@ -65,7 +65,7 @@
                 class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
                 href="/app/grow-with-walmart-catalog"
                 >
-              Grow With Walmart
+              Grow with US
               </a>
             </div>
             <div class="header-dropdown-option">            
@@ -88,6 +88,23 @@
             {% endif %}
           </div>
         </div>
+
+ <div class= "np-header-desktop-nav-link dropdown-nav">
+ 	 Walmart Links
+          <div class="header-dropdown-container">
+            <div class="header-dropdown-option">            
+              <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="https://supplierone.wal-mart.com/" target="_blank"> Supplier One
+              </a>
+            </div>
+
+	    <div class="header-dropdown-option">            
+              <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://retaillink.login.wal-mart.com/" target="_blank"> Retail Link
+              </a>
+            </div>
+	</div>
+</div>
+
         <li class= "np-header-desktop-nav-item">
           <a
             href="mailto:supplierdevelopment@walmart.com "
@@ -251,7 +268,7 @@
       Blog
     </a>
     <a
-    href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities/2571c2cb-2fc7-4b11-a8b9-fd72d5fa6adf"
+    href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities"
     class="np-header-mobile-menu-content-button"
       >
       Help Docs
@@ -300,7 +317,6 @@
   z-index: 10; 
   width: fit-content;
   top: 40px;
-  left: -20px;
 }
 
 .np-header-desktop-nav-link:hover .header-dropdown-container {
@@ -319,6 +335,7 @@
   display: flex;
   align-items: center;
   color: #fff;
+  margin-left: 15px;
 }
 
 .header-dropdown-option:hover {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_nav.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_nav.html.liquid
new file mode 100644
index 00000000..737d8f80
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_nav.html.liquid	
@@ -0,0 +1,77 @@
+<div class="homepage-nav-wrapper">
+    <div class="nav-heading-container">
+        <div class="carousel-heading">
+            Your one-stop-shop for success with Walmart.
+        </div>
+    </div>
+
+    <div class="nav-homepage-container">
+        <a href="/app/grow-with-walmart-catalog" class="nav-item">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Bus+Fund+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Grow with US</div>
+        </a>
+        <a href="/app/welcome-to-walmart" class="nav-item">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/New+to+WM+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">New to Walmart</div>
+        </a>
+        <a class="nav-item" href="#categories">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Explore+Modules+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Explore Modules</div>
+        </a>
+        <a class="nav-item" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Help+Docs+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Help Docs</div>
+        </a>
+    </div>
+</div>
+
+<style>
+.nav-item {
+    text-decoration: none;
+    color: #fff;
+}
+
+.nav-item:hover {
+  -ms-transform: scale(1.1); /* IE 9 */
+  -webkit-transform: scale(1.1); /* Safari 3-8 */
+  transform: scale(1.1); 
+
+}
+.nav-icon-image {
+  height: 175px;
+  width: 175px;
+}
+.nav-homepage-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 40px;
+  margin-top: 30px;
+}
+.nav-icon {
+  display: flex;
+  justify-content: center;
+}
+.homepage-nav-wrapper {
+  margin-top: 40px;
+}
+.nav-title {
+  color: #fff;
+  font-weight: 600;
+  margin-top: 15px;
+  font-size: 1.25rem;
+  text-align: center;
+}
+.nav-heading-container {
+    margin-bottom: 20px;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_widget_and_events.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_widget_and_events.html.liquid
index 4f0581e5..36787553 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_widget_and_events.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_widget_and_events.html.liquid	
@@ -5,6 +5,9 @@
     <div class="events-grid-container">
         {% include "training_events_dashboard" %}
     </div>
+    <div class="announcements-grid-container">
+        {% include "announcements" %}
+    </div>
 </div>
 <style>
     .widget-and-events-wrapper {
@@ -12,19 +15,22 @@
         gap: 40px;
     }
     .widget-grid-container {
-        width: 30%;
+        width: 33%;
     }
     .events-grid-container {
-        width: 70%;
+        width: 33%;
     }
     .event-card, .np-card-content-training-event {
         height: 100%;
     }
+    .announcements-grid-container {
+        width: 33%;
+    }
 @media only screen and (max-width: 1000px) {
     .widget-and-events-wrapper {
         flex-direction: column;
     }
-    .widget-grid-container, .events-grid-container {
+    .widget-grid-container, .events-grid-container, .announcements-grid-container {
         width: 100%;
     }
 }
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_training_session.html.liquid
index f796cdf4..e827f76f 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_training_session.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_training_session.html.liquid	
@@ -40,7 +40,7 @@
         </div>
       </div>
       <div class="np-learning-path-outline-content">
-        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-name np-top-title np-learning-path-outline-name-locked">{{ training_session.name }}</div>
         <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
       </div>
       {% if training_session.optional? %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_modal.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_modal.html.liquid
index b397f400..19e504b1 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_modal.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_modal.html.liquid	
@@ -15,15 +15,18 @@
                             In Supplier Academy you can...
                         </div>
                         <div class="list-modal-container">
-                            <li>
-                                <ul class="dot-modal">Explore hundreds of eLearning modules</ul>
-                            </li>
-                            <li>
-                                <ul class="dot-modal">Sign up for live webinars</ul>
-                            </li>
-                            <li>
-                                <ul class="dot-modal">Complete custom learning paths</ul>
-                            </li>
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Explore hundreds of eLearning modules</div>
+                            </div>
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Sign up for live webinars</div>
+                            </div>
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Complete custom learning paths</div>
+                            </div>
                         </div>
                         <div class="modal-text-description">
                             The Supplier Development team is here to support you every step of the way. If you have any questions or need assistance, feel free to reach out to us at <span class="text-bold">supplierdevelopment@walmart.com</span>.
@@ -71,6 +74,18 @@
 </div>
 
 <style>
+    .dot {
+        width: 7.5px;
+        height: 7.5px;
+        background: #fff;
+        border-radius: 50%;
+    }
+    .list-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin: 15px 0;
+    }
     .overlay-modal {
         position: fixed;
         z-index: 111;
@@ -115,7 +130,7 @@
         display: flex;
         justify-content: center;
         border: 3px solid #ffc220;
-        background: #041e42;
+        background: #001e60;
         border-radius: 12px;
         padding: 60px 40px;
         margin-top: 5%;
@@ -226,6 +241,7 @@
             flex-direction: column;
             gap: 20px;
         }
+
         .modal-text {
             text-align: center;
         }
@@ -289,7 +305,7 @@ document.addEventListener("DOMContentLoaded", () => {
                 payload = { group: "5274843d-fba0-461c-b05b-3f3640385cf2", locale: "MEX", id: "{{current_person.id}}" };
                 break;
             case "Walmart Associate":
-                payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", locale: "USA", id: "{{current_person.id}}" };
+                payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", group2: "646fe445-cc88-4266-a6bd-8e28b977649e", group3: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" };
                 break;
             case "USA":
                 if (!selectedBusiness) {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid
index 352812e6..2757632e 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid	
@@ -6,7 +6,7 @@
       <div class="np-sub-navigation-content-item {{ link.active_class }}">
         <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
           {% if link.label == 'Catalog' %}
-            Courses 
+            Modules 
             {% else %}
             {{ link.label }}
           {% endif %}
@@ -17,12 +17,12 @@
     {% endfor %}
      <div id="navBlog" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
       <a class="np-sub-navigation-content-item-link" href="/app/blog">
-        Blog
+        Announcements
       </a>
       <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
     </div>
     <div id="helpDocs" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
-      <a class="np-sub-navigation-content-item-link" href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d">
+      <a class="np-sub-navigation-content-item-link" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d">
         Help Docs
       </a>
       <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_training_events_dashboard.html.liquid
index 84b41759..17cda9af 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_training_events_dashboard.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_training_events_dashboard.html.liquid	
@@ -1,8 +1,8 @@
 {% assign events_counter = 0 %}
 <div class="heading-container">
-  <div class="carousel-heading">
+  <a href='/app/training_events' class="carousel-heading events-link">
     Upcoming Events
-  </div>
+  </a>
 </div>
 <div class="carousel-wrapper">
   <div class="events-carousel">
@@ -19,19 +19,22 @@
 </div>  
 <style>
   .events-grid-container {
-    width: 100%;
+    width: 33%;
   }
   .events-carousel {
     width: 100%;
     margin: 0;
   }
+  .events-link {
+    text-decoration: none;
+  }
 </style>
 
 <script>
 $(document).ready(function() {
 
     $(".events-carousel").slick({
-        slidesToShow: 3,
+        slidesToShow: 1,
         cssEase: 'linear',
         prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
         nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
@@ -40,7 +43,7 @@ $(document).ready(function() {
             {
                 breakpoint: 1170,
                 settings: {
-                    slidesToShow: 2,
+                    slidesToShow: 1,
                 }
             },
             {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid
index e518f7c8..c4e497ed 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid	
@@ -59,7 +59,7 @@
                         </li>
                         <li class="get-started-item">
                             <span class="get-started-item-heading">Have a system-specific questions?</span>
-                            Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
+                            Visit our <a href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
                         </li>
                     </ul>
                 </div>
@@ -76,13 +76,12 @@
 
 <style>
     .welcome-section-container {
-        background: #13244c;
-        padding: 20px;
+        padding: 10px;
         display: flex;
         border-radius: 10px;
     }
     .welcome-section-wrapper {
-        background: #041e42;
+        background: #001E60;
         padding: 20px;
         border-radius: 10px;
         display: grid;
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_walmart.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_walmart.html.liquid
index 2327275a..81aca022 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_walmart.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_walmart.html.liquid	
@@ -30,7 +30,7 @@
 
 <style>
     .welcome-section-container {
-        background: #13244c;
+        background: #001E60;
         padding: 20px;
         display: flex;
         border-radius: 10px;
@@ -39,7 +39,7 @@
         margin-top: 20px;
     }
     .welcome-section-wrapper {
-        background: #041e42;
+        background: #001E60;
         padding: 20px;
         border-radius: 10px;
         display: grid;
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_to_walmart_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_to_walmart_categories.html.liquid
index 7e45b1c5..2964e82f 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_to_walmart_categories.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_to_walmart_categories.html.liquid	
@@ -4,7 +4,7 @@
 <div class="categories-wrapper">
     <a class="category-item" href="#Introduction to Walmart" onclick="expandSection('Introduction to Walmart')">
         <div class="category-item-image-container">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/WM+Store+Icon.png" alt="" class="category-item-image">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons+2-01.png" alt="" class="category-item-image">
         </div>
         <div class="category-item-title">
             Introduction to Walmart
@@ -12,7 +12,7 @@
     </a>
     <a class="category-item" href="#Onboarding" onclick="expandSection('Onboarding')">
         <div class="category-item-image-container">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Clip+Board+Icon.png" alt="" class="category-item-image">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons-01.png" alt="" class="category-item-image">
         </div>
         <div class="category-item-title">
             Onboarding
@@ -20,7 +20,7 @@
     </a>
     <a class="category-item" href="#Merchandising" onclick="expandSection('Merchandising')">
         <div class="category-item-image-container">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Bag+Icon.png" alt="" class="category-item-image">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/GroceryBag_Circle_Blue.png" alt="" class="category-item-image">
         </div>
         <div class="category-item-title">
             Merchandising
@@ -28,7 +28,7 @@
     </a>
     <a class="category-item" href="#Supply Chain" onclick="expandSection('Supply Chain')">
         <div class="category-item-image-container">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Truck+Icon.png" alt="" class="category-item-image">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/Truck_Spark_Circle_LightBlue.png" alt="" class="category-item-image">
         </div>
         <div class="category-item-title">
             Supply Chain
@@ -36,7 +36,7 @@
     </a>
     <a class="category-item" href="#Getting Paid" onclick="expandSection('Getting Paid')">
         <div class="category-item-image-container">
-            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Dollar+Sign+Icon.png" alt="" class="category-item-image">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/DollarSignCircle_Shine_Circle_Gray.png" alt="" class="category-item-image">
         </div>
         <div class="category-item-title">
             Getting Paid
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid
index b11767ab..643855cd 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid	
@@ -1,10 +1,16 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% 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">
-      <div class="np-resource-title">Blog</div>
+      <div class="np-resource-title">Announcements</div>
     </div>
   </div>
   {% include "courses_blogs" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/catalog.html.liquid
index d7b380b8..630e9c80 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/catalog.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 {% include "sub_navigation" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/categories-catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/categories-catalog.html.liquid
index e80359ba..88d20006 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/categories-catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/categories-catalog.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 {% include "sub_navigation" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/certifications.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/certifications.html.liquid
index 8464f8ca..99e83811 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/certifications.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/certifications.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "sub_navigation" %}
 <main class="np-main np-certifications np-subpage-container np-max-width">
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/course.html.liquid
index 5424b815..a2f0b6ca 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/course.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/course.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% assign skip_overview = false %}
   {% for category in course.categories %}
     {% if category.name == 'HelpDoc' %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/courses.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/courses.html.liquid
index ef34b59a..4f729ab7 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/courses.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/courses.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.enrolled %}
 {% include "sub_navigation" %}
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 a70a2762..569ef75c 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	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "sub_navigation" %}
 <main class="np-main np-catalog np-subpage-container np-max-width">
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 d7b380b8..630e9c80 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	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 {% include "sub_navigation" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid
index 0c25b55a..220ccedf 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid	
@@ -1,3 +1,5 @@
+
+
 {% assign in_progress_courses = 0 %}
 {% for course in courses.enrolled %}
   {% if course.progress > 0 and course.progress < 100 %}
@@ -18,11 +20,14 @@
       alt="{{ homepage.headline }}"
     />
   </div>
-  {% include "sub_navigation" %}
+
   <div class="np-max-width">
-    <section>
+    {% include 'homepage_nav' %}
+  </div>
+  <div class="np-max-width">
+    {% comment %} <section>
       {% include 'welcome_section' %}
-    </section>
+    </section> {% endcomment %}
     <section>
       {% include 'homepage_widget_and_events' %}
     </section>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid
index accc3331..0ff0fdf3 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "sub_navigation" %}
 <main class="np-main np-learning-paths np-subpage-container np-max-width">
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/search.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/search.html.liquid
index 01684399..745a75aa 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/search.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/search.html.liquid	
@@ -8,7 +8,7 @@
       {% t .showing %}
       <span class="np-resource-subtitle-number">{{ results.count }}</span>
       {% t .results_for %}
-      <span class="np-button-color">"{{ results.term }}"</span>
+      <span class="white-text">"{{ results.term }}"</span>
     </div>
     {% capture label %}{% t shared.filters.by_type %}{% endcapture %}
     {%
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid
index c3c2a67a..cf80eab3 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid	
@@ -69,7 +69,7 @@ html {
 }
 
 body {
-  background: #041e42;
+  background: #001E60;
 }
 
 .np-homepage-featured .np-homepage-headline, .np-homepage-featured .np-homepage-subheadline, .np-resource-title, .np-dashboard-resources-title, .np-dashboard-resources-category, .np-resource-subtitle, .np-search .np-resource-subtitle-number{
@@ -77,7 +77,7 @@ body {
 }
 
 .np-sub-navigation {
-	background-color: #041E42 !important;
+	background-color: #001e60 !important;
 	padding: 25px 0 0 0;
 	margin: 0 0 0 0;
 }
@@ -146,7 +146,7 @@ section {
 }
 
 .np-learning-paths {
-  background: #041e42;
+  background: #001E60;
 }
 .np-card-header-icon, .np-card-header-type, .np-learning-path-items-count {
   color: #041141;
@@ -156,7 +156,7 @@ section {
   height: 100%;
 }
 .button-course {
-  background: #041141;
+  background: #001E60;
   color: #fff;
   text-decoration: none;
   padding: 12.5px 25px;
@@ -222,7 +222,7 @@ section {
   color: #fff;
 }
 .search-input {
-  background: #041e42;
+  background: #001e60;
 }
 .slick-track {
   display: flex !important;
@@ -317,6 +317,15 @@ height: 20px;
 .calendar-icon-event {
   margin-bottom: 10px;
 }
+.white-text {
+  color: #fff;
+}
+.events-link {
+  text-decoration: none;
+}
+.events-link:hover {
+  text-decoration: underline;
+}
 @media only screen and (max-width: 1000px) {
   .welcome-section-wrapper {
     flex-direction: column;
@@ -332,6 +341,9 @@ height: 20px;
   .category-links-wrapper {
     grid-template-columns: repeat(1, 1fr) !important;
   }
+  .faq-wrapper {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
 }
 @media only screen and (max-width: 500px) {
   .np-sub-navigation {
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/training_events.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/training_events.html.liquid
index 139717ee..f6eb681e 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/training_events.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/training_events.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% include "header" %}
 {% include "sub_navigation" %}
 <main class="np-main np-training-events np-subpage-container np-max-width">
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/welcome-to-walmart.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/welcome-to-walmart.html.liquid
index fab108c9..bd1690da 100644
--- a/Custom_Templates/customer_templates/Walmart Supplier Prod/welcome-to-walmart.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/welcome-to-walmart.html.liquid	
@@ -1,3 +1,9 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
 {% assign in_progress_courses = 0 %}
 {% for course in courses.enrolled %}
   {% if course.progress > 0 and course.progress < 100 %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_avatar.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_avatar.html.liquid	
@@ -0,0 +1,66 @@
+<div class="np-hidden-mobile">
+  <p>{% t .description %}</p>
+  <p>{% t .requirements %}</p>
+</div>
+
+<img
+  alt=""
+  class="np-account-avatar-image"
+  src="{{ form.gravatar_url }}?s=200"
+  id="{{version}}_gravatar_img"
+  {% unless form.use_gravatar? %}style="display: none"{% endunless %}
+/>
+<img
+  alt=""
+  class="np-account-avatar-image"
+  src="{{ form.secure_custom_avatar_url }}"
+  id="{{version}}_custom_avatar_img"
+  {% if form.use_gravatar? %}style="display: none"{% endif %}
+/>
+
+<div class="np-account-avatar-choice">
+  <div class="np-form-field">
+    <label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_true">
+      <span class="radio__input">
+        <input
+          id="{{version}}_learner_use_gravatar_true"
+          name="learner[use_gravatar]"
+          type="radio"
+          value="true"
+          {% if form.use_gravatar? %}checked{% endif %}
+        />
+        <span class="np-button-color radio__control"></span>
+      </span>
+      <span class="radio__label">
+        {% t .use_gravatar %}
+      </span>
+    </label>
+  </div>
+
+  <div class="np-form-field">
+    <label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_false">
+      <span class="radio__input">
+        <input
+          id="{{version}}_learner_use_gravatar_false"
+          name="learner[use_gravatar]"
+          type="radio"
+          value="false"
+          {% unless form.use_gravatar? %}checked{% endunless %}
+        />
+        <span class="np-button-color radio__control"></span>
+      </span>
+      <span class="radio__label">
+        {% t .upload_custom_photo %}
+      </span>
+    </label>
+  </div>
+  <div>
+    <button
+      id="{{version}}_upload_avatar"
+      type="button"
+      class="np-button np-button-secondary" {% if form.use_gravatar? %}style="visibility: hidden"{% endif %}
+    >
+      {% t .upload %}
+    </button>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_desktop_view.html.liquid	
@@ -0,0 +1,19 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card">
+    <div class="np-card-container np-card-padding">
+      <div class="row">
+        <div class="col-sm-7 np-account-form">
+          {% render "account_form", form: form, version: "desktop" %}
+          <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+            {% t shared.account.save %}
+          </button>
+        </div>
+        <div class="col-sm-5 np-account-avatar">
+          {% include "account_avatar", version: "desktop" %}
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_form.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_form.html.liquid	
@@ -0,0 +1,139 @@
+<div class="np-resource-title">
+  {% t .header %}
+</div>
+<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
+  <input
+    {% if form.options.invite? %} disabled {% endif %}
+    autofocus="autofocus"
+    class="np-input"
+    id="{{version}}_learner_email"
+    name="learner[email]"
+    type="email"
+    value="{{ form.email }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_first_name">
+    {% t shared.first_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_first_name"
+    name="learner[first_name]"
+    value="{{ form.first_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_last_name">
+    {% t shared.last_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_last_name"
+    name="learner[last_name]"
+    value="{{ form.last_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_display_name">
+    {% t .display_name %}
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_display_name"
+    name="learner[display_name]"
+    value="{{ form.display_name }}"
+  />
+</div>
+
+{% unless form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_current_password">
+      {% t .current_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_current_password"
+      name="learner[current_password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t .new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  {% if form.terms_of_service_required? %}
+    <div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
+      <input
+        id="{{version}}_learner_terms_of_service"
+        name="learner[terms_of_service_accepted]"
+        type="checkbox"
+      />
+      <div class="label">
+        {% t .terms_of_service %}
+        <a
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </div>
+    </div>
+  {% else %}
+    <div class="np-margin-top">
+      <span class="np-form-terms ">
+        {% t .terms %}
+        <a
+          class="np-form-link np-button-color"
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </span>
+    </div>
+  {% endif %}
+
+  <input
+    id="{{version}}_invite_token"
+    name="learner[token]"
+    value="{{ form.invite_token }}"
+    type="hidden"
+  />
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_mobile_view.html.liquid	
@@ -0,0 +1,17 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card np-account-form">
+    <div class="np-card-container np-card-padding">
+      {% render "account_form", form: form, version: "mobile" %}
+    </div>
+  </div>
+  <div class="np-card np-account-avatar">
+    <div class="np-card-container np-card-padding">
+      {% include "account_avatar", version: "mobile" %}
+    </div>
+  </div>
+  <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+    {% t shared.account.save %}
+  </button>
+</form>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_tabs.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_tabs.html.liquid
new file mode 100644
index 00000000..f4de6c8e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_account_tabs.html.liquid	
@@ -0,0 +1,23 @@
+{% capture settings_path %}{% route account %}{% endcapture %}
+{% capture transcript_path %}{% route transcript %}{% endcapture %}
+
+{% if current_person.signed_in? %}
+{% unless current_school.sso_active? %}
+  <nav class="np-tabs np-account-tabs">
+    <div class="np-tabs-content">
+      <div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ settings_path}}">
+          {% t .profile_settings %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+      <div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ transcript_path }}">
+          {% t .transcript %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+    </div>
+  </nav>
+{% endunless %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_advisors_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_advisors_banners.html.liquid
new file mode 100644
index 00000000..2f137e04
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_advisors_banners.html.liquid	
@@ -0,0 +1,76 @@
+<div class="banner-wrapper">
+    <div class="banner-container">
+        <div class="banner-image-wrapper">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Category+Advisor+Resources.png" alt="" class="banner-img">
+        </div>
+        <div class="banner-content-container">
+            <div class="banner-heading">
+                Welcome Category Advisors! 
+            </div>
+            <div class="banner-descirption">
+                This learning path contains a collection of resources, materials, and information related to the Category Advisor Program and is designed to support and assist you with the advisorship. 
+            </div>
+            <div class="banner-descirption">
+                This page and the resources are for use by current category advisors only and cannot be shared.
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .banner-wrapper {
+        padding: 10px;
+        border-radius: 10px;
+    }
+    .banner-img {
+        width: 100%;
+    }
+    .banner-container {
+        display: flex;
+        align-items: center;
+        gap: 40px;
+        background: #001E60;
+        padding: 20px;
+        border-radius: 10px;
+    }
+    .text-center {
+        text-align: center;
+    }
+    .banner-heading {
+        font-size: 20px;
+        font-weight: 600;
+    }
+    .banner-descirption {
+        font-size: 20px;
+    }
+    .bold-text {
+        font-weight: 700;
+    }
+    .deatils-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .banner-image-wrapper {
+        width: 40%;
+        display: flex;
+        flex-direction: column;
+        gap: 30px;
+    }
+    .banner-content-container {
+        width: 60%;
+        display: flex;
+        flex-direction: column;
+        gap: 30px;
+    }
+    @media only screen and (max-width: 900px) { 
+    .banner-container {
+    flex-direction: column;
+  }
+}
+@media only screen and (max-width: 500px) { 
+    .banner-descirption{
+        font-size: 17px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_analysis-and-reporting-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_analysis-and-reporting-carousel.html.liquid
new file mode 100644
index 00000000..0a79e83d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_analysis-and-reporting-carousel.html.liquid	
@@ -0,0 +1,103 @@
+<div class="carousel-wrapper">
+    <div class="carousel-heading">Analysis and Reporting</div>
+    <div class="carousel-filter-wrapper" id="carousel-filter-wrapper-analysis">
+        <div class="filter-container">
+            <div class="filter" id="filterToggleAnalysis">Filter</div>
+        </div>
+        <div class="filter-content" id="filterContentAnalysis">
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="a-not-started">
+                <label class="filter-name">Not Started</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="a-in-progress">
+                <label class="filter-name">In Progress</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="a-completed">
+                <label class="filter-name">Completed</label>
+            </div>
+        </div>
+    </div>
+    <div class="analysis-and-reporting-carousel">
+        {% for course in courses.in_catalog %}
+            {% for category in course.categories %}
+                {% if category.name == 'Analysis and Reporting' %}
+                    <div class="carousel-cards-container analysis-courses" progress="{% if course.progress == 100 %}completed{% elsif course.progress == 0 %}not-started{% else %}in-progress{% endif %}">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.analysis-and-reporting-carousel {
+  margin-top: 25px;
+}
+</style>
+
+<script>
+$(document).ready(function() {
+
+    $(".analysis-and-reporting-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+
+    document.getElementById("filterToggleAnalysis").addEventListener("click", function() {
+        const filterWrapper = document.querySelector('#carousel-filter-wrapper-analysis');
+        filterWrapper.classList.toggle("filter-active");
+    });
+
+    document.addEventListener("click", function(event) {
+        const filterWrapper = document.querySelector('#carousel-filter-wrapper-analysis');
+        const isClickInside = filterWrapper.contains(event.target) || event.target.id === "filterToggleAnalysis";
+
+        if (!isClickInside) {
+            filterWrapper.classList.remove("filter-active");
+        }
+    });
+
+    function filterCardsAnalysis() {
+        const selectedFilters = Array.from(document.querySelectorAll('#filterContentAnalysis .filter-checkbox:checked')).map(checkbox => checkbox.id.replace('a-', ''));
+        const cards = document.querySelectorAll('.analysis-courses');
+
+        $(".analysis-and-reporting-carousel").slick('slickUnfilter');
+
+        if (selectedFilters.length === 0) {
+            $(".analysis-and-reporting-carousel").slick('slickUnfilter');
+        } else {
+            $(".analysis-and-reporting-carousel").slick('slickFilter', function(index, element) {
+                const cardProgress = element.getAttribute('progress'); 
+                return selectedFilters.includes(cardProgress); 
+            });
+        }
+    }
+
+    document.querySelectorAll('#filterContentAnalysis .filter-checkbox').forEach(checkbox => {
+        checkbox.addEventListener('change', filterCardsAnalysis);
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_announcements.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_announcements.html.liquid
new file mode 100644
index 00000000..bcb5c677
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_announcements.html.liquid	
@@ -0,0 +1,62 @@
+{% assign blog_counter = 0 %}
+<div class="heading-container">
+  <a href='/app/blog' class="carousel-heading events-link">
+    Announcements
+  </a>
+</div>
+<div class="carousel-wrapper">
+  <div class="announcement-carousel">
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+            {% if category.name == 'Blog' %}
+                <div class="event-cart-carousel-item">
+                    {% include "cards_course" with course %}
+                  {% assign blog_counter = blog_counter |  plus: 1 %}
+                </div>
+            {% endif %}
+        {% endfor %}
+      {% endfor %}
+  </div>
+  {% if blog_counter == 0 %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>  
+<style>
+  .events-grid-container {
+    width: 33%;
+  }
+  .announcements-carousel {
+    width: 100%;
+    margin: 0;
+  }
+</style>
+
+<script>
+$(document).ready(function() {
+
+    $(".announcement-carousel").slick({
+        slidesToShow: 1,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 1,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_article.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_article.html.liquid
new file mode 100644
index 00000000..837e4ae4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_article.html.liquid	
@@ -0,0 +1,38 @@
+{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+<div class="np-card np-card-article">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.short_description }}
+        {% if course.properties.course_length %}
+          <div class="course-length">{{course.properties.course_length}}</div>
+        {% endif %}
+      </div>
+      <div class="np-card-content-footer">
+      
+        <div class="np-card-content-progress np-button-color">
+          {% if course.progress == 100 %}
+            Viewed
+          {% endif %}
+        </div>
+  
+        <a class="np-button np-button-wide" href="{{ course_path }}">
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course.html.liquid
new file mode 100644
index 00000000..cfe32b6a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course.html.liquid	
@@ -0,0 +1,49 @@
+{% assign skip_course_page = false %}
+{% for category in course.categories %}
+  {% if category.name == 'Blog' or category.name == 'HelpDoc' %}
+    {% assign skip_course_page = true %}
+  {% endif %}
+{% endfor %}
+
+<div class="card-course" progress="{% if course.progress == 100 %}completed{% elsif course.progress == 0 %}not-started{% else %}in-progress{% endif %}">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+        <div class="button-container">
+          {% if skip_course_page %}
+          <a class="button-course" {% if course.enrolled? == true %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
+            {% t shared.view %}
+          </a>
+          {% else %}
+          <a class="button-course" {% if course.properties.skip_course_page == true and course.enrolled? == true %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
+            {% t shared.view %}
+          </a>
+        {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course_ongoing.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course_ongoing.html.liquid
new file mode 100644
index 00000000..ca71767f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_course_ongoing.html.liquid	
@@ -0,0 +1,36 @@
+{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+<a href="{{course_path}}" class="np-card np-card-ongoing">
+  <div class="np-card-container">
+    <div class="np-image-wrapper">
+      {% if course.ribbon %}
+        <div class="np-card-ribbon">
+          {{ course.ribbon }}
+        </div>
+      {% endif %}
+      <div class="course-img-content">
+        <h3 class="np-card-content-title">
+          {{ course.name }}
+        </h3>
+      </div>
+      <img
+        class="np-card-image"
+        alt="{{ course.name }}"
+        src="{{ course.image_url }}"
+      >
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-content-subtitle">
+        {{ course.short_description }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        <div class="np-card-progress-bar-container">
+          <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 Supplier Sandbox/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..33c26751
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_path.html.liquid	
@@ -0,0 +1,70 @@
+<div class="np-card np-no-horizontal-padding lp-card" {% for category in learning_path.categories %}{% if category.name == 'Grow Program' %}prioritise = 'true'{% endif %}{% endfor %} categories="{% for category in learning_path.categories %}{{category.name}},{% endfor %}"
+  progress="{% if learning_path.progress > 0 and learning_path.progress < 100 %}in-progress{% elsif learning_path.progress == 100 %}completed{% else %}not-started{% endif %}"
+  >
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <div class="np-hidden-desktop  np-card-header-items-count">
+            {{ learning_path.items.count }} {% t .items %}
+          </div>
+        </div>
+        <div class="np-hidden-mobile np-card-header">
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ learning_path.progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <div class="button-container">
+              <a class="button-course" href="{% route learning_path, id: learning_path.id %}">
+                {% t shared.view %}
+              </a>
+            </div>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_path_progress.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_path_progress.html.liquid
new file mode 100644
index 00000000..d24ca23b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_path_progress.html.liquid	
@@ -0,0 +1,55 @@
+<a href="{% route learning_path, id: learning_path.id %}" class="np-card np-card-learning-path-progress">
+  <div class="np-card-container lp-progress-card-wrapper">
+    <div class="learning-path-title np-hidden-desktop">{{ learning_path.name }}</div>
+    <div class="lp-progress-circle-wrapper">
+      <svg
+        class="progress-ring"
+        width="130"
+        height="130"
+        data-total="{{learning_path.items.count}}"
+        >      
+        <circle
+          class="progress-ring__circle circle-bg"
+          stroke="#E0E4EB"
+          stroke-width="9"
+          fill="transparent"
+          r="57"
+          cx="65"
+          cy="65"/>
+          <circle
+          class="progress-ring__circle circle-progress"
+          stroke="#3C228A"
+          stroke-width="9"
+          fill="transparent"
+          r="57"
+          cx="65"
+          cy="65"/>
+          <text x="50%" y="50%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="#333" dy=".3em">{{learning_path.progress}}%</text>
+      </svg>
+    </div>
+    <div class="lp-content">
+      <div class="learning-path-title np-hidden-mobile">{{ learning_path.name }}</div>
+      <div class="lp-total-courses">
+        Total Courses: <span>{{ learning_path.items.count }} Courses</span>
+      </div>
+      <div class="lp-completed-items">
+        {% assign completed_count = 0 %}
+
+        {% for item in learning_path.items %}
+          {% if item.completed? %}
+            {% assign completed_count = completed_count | plus: 1 %}
+          {% endif %}
+        {% endfor %}
+        Completed:     
+        {% if completed_count > 1 or completed_count == 0 %}
+          <span><div data-completed='{{completed_count}}'>{{completed_count}}</div> Courses</span>
+        {% else %}
+          <span><div data-completed='{{completed_count}}'>{{completed_count}}</div>  Course</span>
+        {% endif %}       
+      </div>
+    </div>
+  </div>
+</a>
+
+
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_paths_square.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_paths_square.html.liquid
new file mode 100644
index 00000000..4d8d84ad
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_learning_paths_square.html.liquid	
@@ -0,0 +1,28 @@
+
+<div class="card-course">
+  <div class="np-card-container">
+    <img
+      class="np-card-image"
+      alt="{{ learning_path.name }}"
+      src="{{ learning_path.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ learning_path.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ learning_path.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+        </div>
+        <div class="button-container">
+            <a class="button-course" href="{% route learning_path, id: learning_path.id %}">
+                {% t shared.view %}
+            </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_training_event.html.liquid
new file mode 100644
index 00000000..2f3c2338
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_cards_training_event.html.liquid	
@@ -0,0 +1,47 @@
+<div class="np-card event-card">
+  <div class="np-card-container">
+    <div class="np-card-content-training-event">
+      <h3 class="np-card-content-title">
+        {{ training_event.title }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {% t shared.event_types, key: training_event.event_type %}
+      </div>
+      <div class="np-card-training-session">
+        <span class="np-card-content-label">
+          {% t .next_session %}
+        </span>
+        <div class="np-card-training-session-date">
+          <div class="np-button-background-color np-card-training-session-date-bar"></div>
+          <div class="np-card-training-session-date-day">
+            {{ training_event.sessions.first.day }}
+          </div>
+          <div>
+            <div class="np-card-training-session-date-month">
+              {{ training_event.sessions.first.month }}
+            </div>
+            <div class="np-card-training-session-date-year">
+              {{ training_event.sessions.first.year }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-training-sessions">
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+        <div class="button-container">
+          <a
+            class="button-course"
+            href="{% route training_session, id: training_event.sessions.first.id %}"
+          >
+            {% t shared.view %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_carousel_courses.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_carousel_courses.html.liquid
new file mode 100644
index 00000000..c7872b5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_carousel_courses.html.liquid	
@@ -0,0 +1,96 @@
+{% assign topic_classname = topic | split: " " %}
+
+<div class="courses-carousel np-carousel" data-topic="{{ topic_classname | join: '-' | downcase }}">
+    {% if items.any? %}
+        {% assign sorted_items =items | sort: "name" %}
+        {% for course in sorted_items %}
+
+            {% comment %} USED FOR PROGRESS FILTER  {% endcomment %}
+            {% assign course_status = "" %}
+
+            {% if course.started? == false  %}
+                {% assign course_status = "not-started" %}
+            {% elsif course.completed?  %}
+                {% assign course_status = "completed" %}
+            {% elsif course.started?  %}
+                {% assign course_status = "in-progress" %}
+            {% endif %}
+
+            {% if topic == "Not Categorized" %}
+                <div class="np-carousel-card {{course_status}}" language="{{course.properties.language}}"> {% include "cards_course" with course %}</div>
+            {% else %}
+                {% for category in course.categories %}
+                    {% if category.name == topic  %}
+                        <div class="np-carousel-card {{course_status}}" language="{{course.properties.language}}"> {% include "cards_course" with course %}</div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+        {% endfor %}
+    {% endif %}
+</div>
+
+<script>
+
+$(document).ready(function(){
+
+    $(".courses-carousel").not('.slick-initialized').slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });  
+});
+	
+</script>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function(){
+    let npHideLang = getCookie("npLang");
+    if (npHideLang == "es")
+    {
+      npHideLang = "English";
+    }
+    else if (npHideLang == "en")
+    {
+      npHideLang = "Spanish";
+    }
+    var element = document.querySelectorAll(`[language=${npHideLang}]`);
+    element.forEach(card => {card.classList.add("np-hidden")});
+  })
+  function getCookie(name) {
+    var dc = document.cookie;
+    var prefix = name + "=";
+    var begin = dc.indexOf("; " + prefix);
+    if (begin == -1) {
+      begin = dc.indexOf(prefix);
+      if (begin != 0) return null;
+    }
+    else
+    {
+      begin += 2;
+      var end = document.cookie.indexOf(";", begin);
+      if (end == -1) {
+      end = dc.length;
+      }
+    }
+    return decodeURI(dc.substring(begin + prefix.length, end));
+  } 
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_catalog_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_catalog_categories.html.liquid
new file mode 100644
index 00000000..734cf726
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_catalog_categories.html.liquid	
@@ -0,0 +1,104 @@
+{% assign available_categories = "Ethics and Compliance,Item Creation,Getting Paid,Merchandising,Onboarding,Packaging and Labeling,Replenishment,Retail Basics,Transportation" %}
+<div class="catalog-categories-container">
+    <div class="text-container">
+        <div class="text-heading text-center">
+            Explore the module catalog below!
+        </div>
+    </div>
+
+    <div class="category-links-wrapper" id="categories">
+        {% assign uniq_cats = '' %}
+        {% for course in courses.in_catalog %}
+            {% for category in course.categories %}
+                {% if available_categories contains category.name %}
+					<script> console.log("{{ course.name }} + {{ category.name }}")</script>
+                    {% unless uniq_cats contains category.name %}
+                        <a class="category-card" id="{{category.name}}" href="/app/catalog?filter[category_uuid][in][]={{category.id}}&search_terms=">
+                            <img class="category-card-image" src="" alt="">
+                        </a>
+                        {% assign uniq_cats = uniq_cats | append: category.name%}
+                    {% endunless %}
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.category-links-wrapper {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+}
+.category-card {
+  text-decoration: none;
+  color: #fff;
+  text-align: center;
+  font-size: 20px;
+  cursor: pointer;
+  border-radius: 10px;
+  overflow: hidden;
+  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+  padding: 10px;
+}
+.category-card:hover {
+  transform: scale(1.075);
+  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
+}
+.category-card-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+}
+.category-card-image {
+  width: 100%;
+}
+</style>
+
+<script>
+    const categoryCards = document.querySelectorAll('.category-card');
+    const images = [
+        {name: 'Ethics and Compliance', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/ethics.png"},
+        {name: 'Onboarding', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/onboarding.png"},
+        {name: 'Retail Basics', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/retail.png"},
+        {name: 'Item Creation', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/item_creation.png"},
+        {name: 'Merchandising', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/merchandisin.png"},
+        {name: 'Transportation', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/transport.png"},
+        {name: 'Packaging and Labeling', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/packing.png"},
+        {name: 'Getting Paid', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/gettingPaid.png"},
+        {name: 'Replenishment', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/New+Category+Images/Replenishment.png"},
+    ];
+
+    function addCategoryCardImage() {
+        categoryCards.forEach((card) => {
+            const cardName = card.id;
+            const cardImage = card.querySelector('.category-card-image');
+
+            for (const i of images) {
+                if (cardName === i.name) {
+                    cardImage.src = i.url;
+                }
+            }
+        });
+    }
+
+    function sortCategoryCards() {
+        const wrapper = document.querySelector('.category-links-wrapper');
+        const sortedCards = Array.from(categoryCards).sort((a, b) => {
+            const aIndex = images.findIndex(img => img.name === a.id);
+            const bIndex = images.findIndex(img => img.name === b.id);
+            return aIndex - bIndex;
+        });
+
+        wrapper.innerHTML = '';
+
+        sortedCards.forEach(card => {
+            wrapper.appendChild(card);
+        });
+    }
+
+    addEventListener("DOMContentLoaded", (event) => {
+        addCategoryCardImage();
+        sortCategoryCards();
+    });
+</script>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_categories_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_categories_courses_catalog.html.liquid
new file mode 100644
index 00000000..31172bb8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_categories_courses_catalog.html.liquid	
@@ -0,0 +1,16 @@
+{% if courses.in_catalog.any? %}
+  <div class="np-catalog-courses row row-with-thumbnails">
+    {% for course in courses.in_catalog %}
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+            {% include "cards_course" with course %}
+        </div>
+    {% endfor %}
+  </div>
+{% else %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "grow-with-walmart-zero-state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_info_column.html.liquid	
@@ -0,0 +1,4 @@
+<div class="col-xs-12 col-md-4 spacing-clear">
+  {% include "certificates_verification" %}
+  {% include "certificates_metadata" %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_metadata.html.liquid	
@@ -0,0 +1,59 @@
+<div class="np-card spacing-clear">
+  <div class="np-card-container padding-spacing-8">
+    <div class="row np-certificate-metadata-row">
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-title" >
+          {% t .learner %}
+        </p>
+      </div>
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-value">
+          {{certificate.learner_name}}
+        </p>
+      </div>
+    </div>
+    <div class="line"></div>
+
+    {% if certificate.issuer_name_enabled? %}
+      <div class="row  np-certificate-metadata-row">
+        <div class="col-xs-6 col-md-6">
+          <p class="np-certificate-metadata-title">
+            {% t .issued_by %}
+          </p>
+        </div>
+        <div class="col-xs-6 col-md-6">
+          <p class="np-certificate-metadata-value">
+            {{ certificate.issuer_name }}
+          </p>
+        </div>
+      </div>
+      <div class="line"></div>
+    {% endif %}
+
+    <div class="row np-certificate-metadata-row">
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-title" >
+          {% t .issued_on %}
+        </p>
+      </div>
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-value">
+          {{ certificate.issue_date }}
+        </p>
+      </div>
+    </div>
+    <div class="line"></div>
+    <div class="row np-certificate-metadata-row">
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-title" >
+          {% t .expires_on %}
+        </p>
+      </div>
+      <div class="col-xs-6 col-md-6">
+        <p class="np-certificate-metadata-value">
+          {{ certificate.expiration_date_translation }}
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_preview.html.liquid	
@@ -0,0 +1,35 @@
+<script type="text/javascript">
+  const resizeIframe = () => {
+    const combinedPadding = 16;
+    const previewIframe = document.getElementById("previewIframe");
+    const previewIFrameCard = document.getElementById("previewIFrameCard");
+    const templateInPreviewContainer = previewIframe.contentWindow.document.querySelector('.np-certificate-container');
+    const previewIframeContentHeight = templateInPreviewContainer.offsetHeight;
+    const previewIframeContentWidth = templateInPreviewContainer.offsetWidth;
+    const certificateRatio = previewIframeContentHeight / previewIframeContentWidth;
+
+    templateInPreviewContainer.style.margin = 0;
+    previewIFrameCard.style.height = `${previewIFrameCard.offsetWidth * certificateRatio}px`;
+
+    const scaledIframeWidth = previewIFrameCard.offsetWidth - combinedPadding;
+    const scaledIframeHeight = scaledIframeWidth * certificateRatio;
+    const scale = scaledIframeHeight / previewIframeContentHeight;
+
+    previewIframe.style.transform = `scale(${scale})`;
+  }
+
+  window.onresize = resizeIframe;
+</script>
+
+<div class="col-xs-12 col-md-8 np-certificate-iframe-container">
+  <div class="np-card spacing-clear">
+    <div id="previewIFrameCard" class="np-card-container np-certificate-card">
+      <iframe
+        id="previewIframe"
+        onload="resizeIframe()"
+        class="np-certificate-iframe-preview"
+        srcdoc="{{ certificate.certificate_template_html }}"
+      ></iframe>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_top_bar.html.liquid	
@@ -0,0 +1,44 @@
+<div class="top-bar np-certificate-top-bar-spacing">
+  <div class="top-bar__container uk-container uk-container-center uk-padding-horizontal np-max-width">
+    <div class="top-bar__col">
+      <h2 class="np-certificate-title" >
+        {{certificate.certificate_name}}
+      </h2>
+    </div>
+    <div class="button-container np-certificate-button-container">
+      {% if certificate.linkedin_sharing_enabled and current_person.signed_in? and certificate.learner_uuid == current_person.id %}
+        <a
+          class="np-button np-certificate-button np-certificate-button-secondary"
+          href="{{certificate.linkedin_share_url}}"
+          target="_blank"
+        >
+          <i class="fab fa-linkedin np-certificate-share-icon"></i>
+          {% t .share %}
+        </a>
+      {% endif %}
+      <button
+        id="print"
+        type="button"
+        class="np-button np-certificate-button np-certificate-button-secondary np-certificate-button-print"
+      >
+        {% t .print %}
+      </button>
+      {% if certificate.generating_pdf %}
+        <div class="np-button np-certificate-button np-certificate-button-primary np-certificate-spinner-container">
+          <i class="loader fad fa-spinner-third fa-spin np-certificate-spinner-icon np-button-font-color"></i>
+        </div>
+      {% else %}
+        <a
+        href="{{ certificate.download_url }}"
+        aria-label="{% t .download %}"
+        target="_blank"
+        rel="noopener noreferrer"
+        download
+        class="np-button np-certificate-button np-certificate-button-primary np-button-font-color"
+        >
+          {% t .download %}
+        </a>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_certificates_verification.html.liquid	
@@ -0,0 +1,15 @@
+<div class="np-card spacing-clear np-certificate-verification-card">
+  <div class="np-card-container np-certificate-verification-container">
+    <div class="np-certificate-verification-icon-container np-certificate-verification-icon-container-{{certificate.verification_status}}">
+      <i class="far fa-{{certificate.verification_icon}} np-certificate-verification-icon"></i>
+    </div>
+    <div class="np-certificate-verification-info-container">
+      <h2 class="np-certificate-verification-info-status spacing-clear">
+       {{certificate.verification_title}}
+      </h2>
+      <p class="np-certificate-verification-info-description spacing-clear">
+        {{certificate.verification_description}}
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_continue_learning.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_continue_learning.html.liquid
new file mode 100644
index 00000000..d9f3266f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_continue_learning.html.liquid	
@@ -0,0 +1,58 @@
+{% assign uniqe_enrolled = '' %}
+<div class="heading-container">
+  <div class="carousel-heading">
+   Continue Learning
+  </div>
+</div>
+<div class="continue_learning_wrapper">
+    <div class="continue_learning_carousel">
+        {% for course in courses.enrolled %}
+            {% if course.progress > 0 and course.progress < 100 %}
+                {% for category in course.categories %}
+                    {% unless category.name == "HelpDoc" %}
+                        {% unless uniqe_enrolled contains course.name %}
+                            <div class="carousel-card-wrapper">
+                                {% include 'cards_course' %}
+                            </div>
+                            {% assign uniqe_enrolled = uniqe_enrolled |  append: course.name |  append: ',' %}
+                        {% endunless %}
+                    {% endunless %}
+                {% endfor %}
+            {% endif %}
+        {% endfor %}
+    </div>
+</div>
+<style>
+.continue_learning_wrapper {
+  position: relative;
+}
+</style>
+<script>
+$(document).ready(function() {
+
+    $(".continue_learning_carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_locked.html.liquid	
@@ -0,0 +1,4 @@
+<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
+<span class="np-course-outline-content-activity-title">
+  {{ activity.title }}
+</span>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_activity_unlocked.html.liquid	
@@ -0,0 +1,15 @@
+{% if course.enrolled? %}
+  <a
+    href="{% route activity_viewer,
+      id: activity.id,
+      course_id: params.course_id,
+      learning_path_id: params.learning_path_id
+    %}" class="{{ class }}"
+  >
+    {{ activity.title }}
+  </a>
+{% else%}
+  <span class="{{ class }}">
+    {{ activity.title }}
+  </span>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_categories.html.liquid
new file mode 100644
index 00000000..e578a324
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_categories.html.liquid	
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="course-categories-wrapper">
+  {% for category in course.categories %}
+    <div class="np-content-categories-content-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_description.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .header, key: current_school.course_vocabulary %}
+</h3>
+<div class="np-card-text">
+  {{ course.full_description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_desktop_view.html.liquid	
@@ -0,0 +1,40 @@
+<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">
+        {% include "course_progress_and_cta" %}
+      </div>
+      {% include "course_outline" %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_events.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_events.html.liquid	
@@ -0,0 +1,28 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex-column">
+  {% for event in course.events %}
+    <div class="np-course-events-content-item">
+      <div class="np-course-events-content-date np-button-background-color">
+        <div class="np-course-events-content-month">
+          {{ event.sessions.first.abbreviated_month }}
+        </div>
+        <div class="np-course-events-content-day">
+          {{ event.sessions.first.day }}
+        </div>
+      </div>
+      <div class="np-course-events-content-details">
+        <div class="np-course-events-content-name">
+          {{ event.title }}
+        </div>
+        <div class="np-course-events-content-type np-text-light">
+          {% t shared.event_types, key: event.event_type %}
+        </div>
+        <div class="np-course-events-content-time np-button-color">
+          {{ event.sessions.first.time_period }} {{ event.sessions.first.time_zone }}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_header.html.liquid	
@@ -0,0 +1,16 @@
+<div class="np-top-vocabulary np-text-title np-text-muted">
+  {{ current_school.course_vocabulary }}
+  <i class="far fa-graduation-cap 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>
+  {{ course.name }}
+</div>
+<img
+  src="{{ course.image_url }}"
+  class="np-top-image np-hidden-desktop"
+  alt="{{ course.name }}"
+/>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_instructors.html.liquid	
@@ -0,0 +1,22 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex">
+  {% for instructor in course.instructors %}
+    <div class="np-content-instructors-content-item">
+      <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>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_mobile_view.html.liquid	
@@ -0,0 +1,40 @@
+<div class="np-card-container np-card-padding-large">
+  {% include "course_header" %}
+  <div class="np-top-cta">
+    {% include "course_progress_and_cta" %}
+  </div>
+</div>
+
+{% if course.progress == 0 %}
+  <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 "course_outline" %}
+  </div>
+{% else %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_outline" %}
+  </div>
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_description" %}
+  </div>
+{% endif %}
+
+{% 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 Supplier Sandbox/_course_outline.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_outline.html.liquid	
@@ -0,0 +1,40 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    {% t .header, key: current_school.course_vocabulary %}
+  </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">
+                {% if activity.completed? %}
+                  <i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
+                  {% endif %}
+                  <div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
+                {% else %}
+                  <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
+                  {% endif %}
+                  <div class="np-course-outline-content-activity-list-bar"></div>
+                {% endif %}
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1c3db9fa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_progress_and_cta.html.liquid	
@@ -0,0 +1,46 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container">
+    <div
+      style="width: {{ course.progress }}%"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+  {% if course.enrolled? %}
+      href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+  {% else %}
+      href="{% route course_enrollment, code: course.enrollment_code %}"
+  {% endif %}
+  >
+    {% if course.enrolled? == false %}
+      {% t shared.enroll %}
+    {% elsif course.started? == false %}
+      {% t shared.course.start, key: current_school.course_vocabulary %}
+    {% elsif course.completed? %}
+      {% t shared.course.view, key: current_school.course_vocabulary %}
+    {% else %}
+      {% t shared.continue %}
+    {% endif %}
+  </a>
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_alert.html.liquid	
@@ -0,0 +1,7 @@
+{% if courses.include_courses_to_restart? %}
+  <div role="alert" class="np-alert np-alert-global np-alert-info">
+    <div class="np-alert-container uk-container uk-container-center">
+      {% t .content %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_course_version_outdated_popup.html.liquid	
@@ -0,0 +1,33 @@
+<div class="np-course-version-outdated-popup np-popup">
+  <div class="np-popup-positioner">
+    <i
+      class="np-course-version-outdated-popup-trigger fas fa-exclamation-circle"
+      data-toggle-class-on-target="np-popup-tooltip--visible"
+      data-toggle-target-parent=".np-popup-tooltip"
+      data-toggle-outside
+    ></i>
+    <div
+      class="np-popup-tooltip"
+      role="tooltip"
+      aria-hidden="true"
+    >
+      <header class="np-popup-header">
+        <i class="np-popup-header-icon fas fa-exclamation-circle"></i>
+        <h3 class="np-popup-header-title">
+          {% t .title %}
+        </h3>
+      </header>
+      <div class="np-popup-body">
+        <h4>{% t .body.header %}</h4>
+        <p>{% t .body.content %}</p>
+        <a
+          class="np-popup-body-button"
+          href="{{ path }}"
+        >
+          {% t .body.button %}
+        </a>
+      </div>
+      <div class="np-popup-tail"></div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_blogs.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_blogs.html.liquid
new file mode 100644
index 00000000..5523f258
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_blogs.html.liquid	
@@ -0,0 +1,21 @@
+{% if courses.in_catalog.any? %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+            {% if category.name == 'Blog' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+            {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  {% else %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "courses_zero_state", message: message %}
+  {% endif %}
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_catalog.html.liquid
new file mode 100644
index 00000000..c5c9401f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_catalog.html.liquid	
@@ -0,0 +1,33 @@
+{% assign uniq_courses = '' %}
+{% assign course_counter = 0 %}
+{% assign learner_region = current_person.properties.person_locale %}
+
+
+{% if courses.in_catalog.any? %}
+  <div class="np-catalog-courses row row-with-thumbnails">
+    {% for course in courses.in_catalog %}
+      {% for category in course.categories %}
+        {% unless category.name == 'Blog' %}
+          {% unless uniq_courses contains course.name %}
+              {% if course.properties.course_locale == learner_region %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+              {% assign uniq_courses = uniq_courses |  append: course.name %} 
+              {% assign course_counter = course_counter |  plus: 1 %}
+              {% endif %}
+          {% endunless %}
+        {% endunless %}
+      {% endfor %}
+    {% endfor %}
+  </div>
+
+  {% if course_counter == 0 %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "grow-with-walmart-zero-state", message: message %}
+  {% endif %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_help_doc.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_help_doc.html.liquid
new file mode 100644
index 00000000..ae184a70
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_help_doc.html.liquid	
@@ -0,0 +1,21 @@
+{% if courses.in_catalog.any? %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+            {% if category.name == 'HelpDoc' %}
+                <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content card-course-container">
+                  {% include "cards_course" with course %}
+                </div>
+            {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  {% else %}
+    {% capture message %}
+      {% t shared.zero_state.courses.catalog,
+        key: current_school.course_vocabulary
+      %}
+    {% endcapture %}
+    {% include "courses_zero_state", message: message %}
+  {% endif %}
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_index.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_index.html.liquid	
@@ -0,0 +1,16 @@
+{% if courses.enrolled.any? %}
+  <div class="row row-with-thumbnails">
+    {% for course in courses.enrolled %}
+      <div class="{{ class }}">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.index,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_courses_zero_state.html.liquid	
@@ -0,0 +1,6 @@
+<div class="np-dashboard-resources-container">
+  <div class="np-zero-state-text">
+    {{ message }}
+  </div>
+  <img class="np-zero-state-courses" alt="{{ message }}" />
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_faq_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_faq_section.html.liquid
new file mode 100644
index 00000000..9303b135
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_faq_section.html.liquid	
@@ -0,0 +1,186 @@
+<div class="faq-section-container">
+    <div class="text-container">
+        <div class="text-heading text-center">
+            Frequently Asked Questions
+        </div>
+    </div>
+    <div class="faq-wrapper">
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    Who can access Supplier Academy? 
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    Supplier Academy is available to anyone with a Retail Link account. Content is made available to you based on where you are in your journey as a supplier - from learning how to work with Walmart, through getting your product on the shelf.  
+                </div>
+            </div>
+        </div>
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    How often is content updated?
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    Content in Supplier Academy is frequently reviewed and updated as needed.  Look for the icon next to courses that have been updated since you last viewed the course.
+                </div>
+            </div>
+        </div>
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    What is a learning path?
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    Learning paths are a collection of courses on a specific topic. Check out the learning paths page to help guide your learning.
+                </div>
+            </div>
+        </div>
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    Can I track my progress?
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    Yes. The Supplier Academy platform has robust analytics that tracks your progress in all courses and events.
+                </div>
+            </div>
+        </div>
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    Who do I contact for support?
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    The Supplier Academy team is happy to help support your learning.  Email supplierdevelopment@walmart.com and we will respond as soon as possible.
+                </div>
+            </div>
+        </div>
+        <div class="faq-card">
+            <div class="faq-top">
+                <div class="faq-cta">
+                    <i class="far fa-plus cta-faq-icon"></i>
+                </div>
+                <div class="card-heading">
+                    Can I provide feedback on Supplier Academy content?
+                </div>
+            </div>
+            <div class="faq-content">
+                <div class="faq-answer">
+                    Yes.  Please send all feedback to supplierdevelopment@walmart.com. 
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="support-text text-center">
+        Contact supplierdevelopment@walmart.com for additional support.
+    </div>
+</div>
+
+<style>
+.faq-wrapper {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+    margin-top: 30px;
+}
+
+.faq-content {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease;
+}
+
+.faq-card {
+    padding: 20px;
+    border-radius: 12px;
+    height: fit-content;
+}
+
+.faq-top {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    cursor: pointer;
+}
+
+.faq-answer {
+    margin-top: 20px;
+    font-size: 1.25rem;
+}
+
+.faq-cta {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #ffc220;
+}
+
+.cta-faq-icon {
+    color: #000;
+    transition: transform 0.3s ease;
+}
+
+.faq-card.active .faq-content {
+    max-height: 500px;
+}
+
+.faq-top .card-heading {
+    width: 100%;
+    font-weight: 600;
+  font-size: 1.25rem;
+}
+.support-text {
+    font-size: 1.5rem;
+    margin-top: 40px;
+}
+
+
+</style>
+
+<script>
+    const faqCards = document.querySelectorAll('.faq-card');
+
+    faqCards.forEach(card => {
+        card.addEventListener('click', () => {
+            const icon = card.querySelector('.cta-faq-icon'); 
+
+            if (card.classList.contains('active')) {
+                card.classList.remove('active');
+                icon.classList.remove('fa-minus');
+                icon.classList.add('fa-plus');
+            } else {
+                card.classList.add('active');
+                icon.classList.remove('fa-plus');
+                icon.classList.add('fa-minus');
+            }
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_cards_lp.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_cards_lp.html.liquid
new file mode 100644
index 00000000..52bcac2e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_cards_lp.html.liquid	
@@ -0,0 +1,9 @@
+<a  href="{% route learning_path, id: learning_path.id %}" class="feature-lp-card">
+  <div class="lp-card-image-container">
+      <img
+        alt="{{ learning_path.name }}"
+        class="lp-feature-image"
+        src="{{ learning_path.image_url }}"
+      />
+  </div>
+</a>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_learning_paths.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_learning_paths.html.liquid
new file mode 100644
index 00000000..6800ad17
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_feature_learning_paths.html.liquid	
@@ -0,0 +1,63 @@
+<div class="feature-learning-paths-container">
+    <div class="text-container">
+        <div class="text-heading">
+            Grow With Walmart Learning Pathways
+        </div>
+    </div>
+
+        <div class="feature-lp-carousel">
+            {% for learning_path in learning_paths.available %}
+                {% for category in learning_path.categories %}
+                    {% if category.name == 'Featured' %}
+                        <div class="feature-lp-carousel-card-container">
+                            {% include 'feature_cards_lp' %}
+                        </div>
+                    {% endif %}
+                {% endfor %}
+            {% endfor %}
+        </div>
+    </div>
+
+
+<style>
+    .feature-cards-container {
+        display: flex;
+    }
+    .feature-lp-carousel-card-container {
+        margin: 10px;
+    }
+    .feature-learning-paths-container {
+        position: relative;
+    }
+</style>
+
+
+<script>
+$(document).ready(function(){
+
+    $(".feature-lp-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });  
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_by_progress.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_by_progress.html.liquid
new file mode 100644
index 00000000..d351c8f9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_by_progress.html.liquid	
@@ -0,0 +1,117 @@
+{% assign topic_classname = topic | split: " " %}
+
+<div class="np-progress-filter-wrapper">
+    {% if label %}
+      <div class="np-progress-filter-label">
+          <span class="lang-en">{{ label }}</span>
+          <span class="lang-es">Filtrar por progreso:</span>
+    </div>
+    {% endif %}
+    <div class="progress-filter filter-select-wrapper select-wrapper np-button lang-en" data-topic="{{ topic_classname | join: '-' | downcase }}"  style="border-radius: 8px;">
+       
+            <select >
+                <option selected disabled hidden>{{ default_option}}</option>
+                <option value="a">All Courses</option>
+                <option value="n">Not Started</option>
+                <option value="i">In Progress</option>
+                <option value="c">Completed</option>
+            </select>
+       
+    </div>
+</div>
+
+<style>
+  .np-progress-filter-label {
+      color: rgba(255, 255, 255, 0.5);
+      padding-right: 7px;
+      text-transform: none;
+      font-weight:500;
+      font-size:0.812rem;
+  }
+  .np-progress-filter-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+  }
+  .filter-select-wrapper {
+      position: relative;
+      padding:0;
+      border: 2px solid  rgba(255, 255, 255, 0.25);
+      color: #fff;
+      height:auto;
+      text-transform: none;
+      background: transparent;
+      border-radius:0;
+  }
+  .filter-select-wrapper:hover {
+      background:transparent;
+      color:#fff;
+  }
+  .select-items {
+      position: absolute;
+      background-color: #062531;
+      top: 105%;
+      left: -2px;
+      z-index: 99;
+      width: 102%;
+      border: 2px solid rgba(255, 255, 255, 0.25);
+      border-top:none;
+  }
+  .select-items div {
+      color: rgba(255, 255, 255, 0.5);
+      border-top:none;
+      cursor: pointer;
+      width:100%;
+      padding: 12px 16px;
+    }
+
+  .select-items div:hover {  color: rgba(255, 255, 255, 1); }
+  .select-selected {
+      width: 100%;
+      height: 100%;
+      padding: 9px 66px 9px 20px;
+      position: relative;
+      color:#fff;
+  }
+  .select-selected::after {
+      content:"\f078";
+      font-family: "Font Awesome 5 Pro";
+      position: absolute;
+      width:20px;
+      height:100%;
+      color:rgba(255, 255, 255, 0.5);
+      right:10px;
+      top:0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size:1rem;
+  }
+  .select-selected::before {
+      content:"";
+      position: absolute;
+      width:20px;
+      height:100%;
+      border-left:2px solid rgba(255, 255, 255, 0.25);
+      right:20px;
+      top:0;
+  }
+  .select-selected.select-arrow-active::after { transform: rotate(180deg); }
+  .same-as-selected,
+  .filter-select-wrapper select,
+  .select-hide {
+      display: none;
+  }
+  .mo-filter-wrapper {
+      display: flex;
+      justify-content: center;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+  }
+  .select-items div:hover, 
+  .same-as-selected {
+    background-color: #062531;
+  }
+</style>
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_checkbox.html.liquid	
@@ -0,0 +1,10 @@
+<input
+  id={{value}}
+  name={{ name }}
+  value={{ value }}
+  type="checkbox"
+  {% if selected %} checked="checked" {% endif %}
+/>
+<label for={{value}}>
+  {{label}}
+</label>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_dropdown.html.liquid	
@@ -0,0 +1,33 @@
+<div class="np-filter">
+  <div class="dropdown">
+    <button
+      class="np-button dropdown-button"
+      data-toggle-class="is-open"
+      data-toggle-escape
+      data-toggle-outside
+      data-toggle-target-next
+      type="button"
+    >
+      {% t shared.filters.filter %}
+    </button>
+
+    <div class="dropdown-menu" data-test="modal">
+      <form method="get">
+        {%
+          include "filter_select",
+          filters: filters,
+          key: key,
+          label: label
+        %}
+
+        <button
+          class="np-button dropdown-button-apply"
+          data-toggle-trigger-off
+          type="submit"
+        >
+          {% t shared.filters.apply %}
+        </button>
+      </form>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_select.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_filter_select.html.liquid	
@@ -0,0 +1,22 @@
+{% if params.q %}
+  <input type="hidden" name="q" value="{{ params.q }}">
+{% endif %}
+
+<label class="dropdown-label" for="filter[category_uuid][in][]">
+  {{ label }}
+</label>
+
+<select
+  class="np-filter-select"
+  multiple
+  name="filter[{{ key }}][in][]"
+>
+  {% for filter in filters %}
+    <option
+      value="{{ filter.value }}"
+      {% if filter.selected? %} selected="selected" {% endif %}
+    >
+      {{ filter.name }}
+    </option>
+  {% endfor %}
+</select>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_footer.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_footer.html.liquid
new file mode 100644
index 00000000..ff21fd05
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_footer.html.liquid	
@@ -0,0 +1,109 @@
+<footer class="np-footer">
+  <div class="np-footer-top">
+    {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation">
+        <ul class="np-footer-navigation-list">
+          {% for website_navigation in navigations.footer_navigations %}
+            {% if website_navigation.external? %}
+              <li class="np-footer-navigation-item">
+                <a
+                  class="np-footer-navigation-link np-button-color"
+                  href="{{ website_navigation.path }}"
+                  {% if website_navigation.external? %} target="_blank" {% endif %}
+                >
+                  {{ website_navigation.name }}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    <div class="copyright">© 2025 Walmart Inc.</div>
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}"
+                ></i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and
+      website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
+
+<style>
+  .np-footer {
+    max-width:1380px;
+    margin:auto;
+    border-top: 1px solid #DADCE0;
+    padding: 24px 16px 48px;
+    background: #001E60;
+  }
+  
+  .np-footer-top {
+    justify-content:center;
+    flex-direction:column;
+  }
+
+  .np-footer-navigation-list {
+    flex-direction:row;
+    flex-wrap:wrap;
+    margin:0;
+    justify-content:center;
+  }
+
+  .np-footer-navigation {
+    min-height:auto;
+  }
+
+  .np-footer-navigation-link {
+    font-size:16px;
+    line-height:30px;
+    margin: 0 12px 16px;
+    padding: 0;
+  }
+
+  @media (min-width:1381px) {
+    .np-footer {
+      margin: 0 auto;
+    }
+
+    .np-footer-navigation-link {
+      margin: 0 16px 16px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_french_lang.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_french_lang.html.liquid
new file mode 100644
index 00000000..e69de29b
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_getting-started-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_getting-started-carousel.html.liquid
new file mode 100644
index 00000000..47d7958d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_getting-started-carousel.html.liquid	
@@ -0,0 +1,100 @@
+<div class="carousel-wrapper">
+    <div class="carousel-heading">Getting Started</div>
+    <div class="carousel-filter-wrapper" id="carousel-filter-wrapper-started">
+        <div class="filter-container">
+            <div class="filter" id="filterToggle">Filter</div>
+        </div>
+        <div class="filter-content" id="filterContent">
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="gs-not-started">
+                <label class="filter-name">Not Started</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="gs-in-progress">
+                <label class="filter-name">In Progress</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="gs-completed">
+                <label class="filter-name">Completed</label>
+            </div>
+        </div>
+    </div>
+    <div class="getting-started-carousel">
+        {% for course in courses.in_catalog %}
+            {% for category in course.categories %}
+                {% if category.name == 'Getting Started' %}
+                    <div class="carousel-cards-container gettin-started-courses" progress="{% if course.progress == 100 %}completed{% elsif course.progress == 0 %}not-started{% else %}in-progress{% endif %}">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.getting-started-carousel {
+  margin-top: 25px;
+}
+</style>
+
+<script>
+$(document).ready(function() {
+    $(".getting-started-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+
+    document.getElementById("filterToggle").addEventListener("click", function() {
+        const filterWrapper = document.querySelector('.carousel-filter-wrapper');
+        filterWrapper.classList.toggle("filter-active");
+    });
+    document.addEventListener("click", function(event) {
+        const filterWrapper = document.querySelector('#carousel-filter-wrapper-started');
+        const isClickInside = filterWrapper.contains(event.target) || event.target.id === "filterToggle";
+
+        if (!isClickInside) {
+            filterWrapper.classList.remove("filter-active");
+        }
+    });
+    function filterCards() {
+        const selectedFilters = Array.from(document.querySelectorAll('.filter-checkbox:checked')).map(checkbox => checkbox.id.replace('gs-', ''));
+        const cards = document.querySelectorAll('.gettin-started-courses');
+
+        $(".getting-started-carousel").slick('slickUnfilter');
+
+        if (selectedFilters.length === 0) {
+            $(".getting-started-carousel").slick('slickUnfilter');
+        } else {
+            $(".getting-started-carousel").slick('slickFilter', function(index, element) {
+                const cardProgress = element.getAttribute('progress'); 
+                return selectedFilters.includes(cardProgress); 
+            });
+        }
+    }
+
+    document.querySelectorAll('#filterContent .filter-checkbox').forEach(checkbox => {
+        checkbox.addEventListener('change', filterCards);
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow-with-walmart-zero-state.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow-with-walmart-zero-state.html.liquid
new file mode 100644
index 00000000..d967bde4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow-with-walmart-zero-state.html.liquid	
@@ -0,0 +1,115 @@
+
+  <div class="zero-state-container">
+    <div class="zero-state-logo">
+      <img class="zero-state-logo-img" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4ODEyOTI3OTAsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:1ced31330ca94f7126cb6541f569f7c3caa2d116af79ee6644ee173fafdba070/glXgXFmuT2KPDDWoWnHg" alt="">
+    </div>
+    <div class="zero-state-content-wrapper">
+      <div class="zero-state-content-container">
+        <div class="zero-state-heading">
+          Need Assistance?
+        </div>
+        <div class="zero-state-desc">
+          If you are experiencing issues accessing Supplier Academy content please contact
+        </div>
+        <div class="zero-state-email">
+          <a class="zero-link text-bold" href="mailto:supplierdevelopment@walmart.com">supplierdevelopment@walmart.com</a>
+        </div>
+        <div class="zero-state-heading second-zero-heading">
+          Usuarios Crece con Walmart: ¡Has activado exitosamente tu cuenta en Crece con Walmart! Nos alegra que estés aquí.
+        </div>
+        <div class="zero-state-desc">
+          Nos encontramos validando tu cuenta, -nos tomará menos de 24 horas-. ¡Pronto podrás disfrutar de los cursos, herramientas y el acompañamiento que te permitirá llevar tu negocio al siguiente nivel!
+        </div>
+      </div>
+      <div class="zero-state-svg-container">
+        <svg xmlns="http://www.w3.org/2000/svg" width="259" height="503" fill="none" viewBox="0 0 259 503"><path fill="#CD8B52" fill-rule="evenodd" d="m98.732 162.781 4.786-32.995 19.392 5.929-6.604 31.512s.029 2.802-15.389 18.752c-15.419 15.949-36.098 31.373-36.098 31.373s-.621 2.332-6.971 9.797c-6.35 7.464-22.156 11.78-22.156 11.78l-7.272-2.223 16.366-18.852s-6.11-2.182-7.81-3.839c-1.703-1.657-1.01-4.748-1.01-4.748l11.885 2.897 8.013-.2 3.165-1.683 26.502-30.332 13.2-17.168Z" clip-rule="evenodd"/><path fill="#CD8B52" d="M236.034 97.892c0 1.012-7.761 19.084-14.342 30.905-6.58 11.822-9.111 14.353-9.111 14.353l-10.123-29.215-14.848 26.007s19.572 36.138 23.959 35.801c4.387-.336 16.366-16.717 19.741-22.628 3.374-5.91 11.642-40.195 12.654-43.064 1.012-2.87 2.395-8.022 3.609-8.528 1.215-.507 4.604-2.316 6.46-6.582 1.856-4.265 3.169-10.36 3.778-13.772.609-3.412 1.169-10.128-.349-9.621-1.519.506-1.235 4.502-1.601 6.696-.366 2.194-1.828 4.997-2.28 4.997-.451 0 .169-3.925.844-6.796.675-2.87.383-9.9-.844-9.413-1.226.485-1.254 3.41-1.254 5.606 0 2.195-1.859 9.28-2.795 9.043-.936-.236.393-4.544.936-9.043.594-4.93.982-9.902-.43-9.195-1.443.722-2.402 5.761-2.465 8.464-.062 2.702-1.576 8.76-2.597 8.76-.997 0-.268-2.12 0-5.835.322-4.453.497-10.729-1.012-9.629-1.509 1.1-1.195 5.267-1.509 7.8-.315 2.534-2.792 14.589-3.9 14.589-1.856 0-3.027-2.028-4.546-3.379-1.518-1.35-5.061-3.546-6.58-2.702-1.519.845 3.543 5.066 3.881 6.081.337 1.015 4.724 9.288 4.724 10.3Z"/><path fill="#000" fill-rule="evenodd" d="M125.867 28.884C125.867 12.932 138.799 0 154.751 0s28.884 12.932 28.884 28.884v61.79h-57.768v-61.79Z" clip-rule="evenodd"/><path fill="#000" d="M139.165 114.555c16.794 0 30.408-13.398 30.408-29.926s-13.614-29.926-30.408-29.926-30.409 13.398-30.409 29.926 13.615 29.926 30.409 29.926Z"/><path fill="#000" d="M143.39 81.734c15.536 0 28.131-11.67 28.131-26.065 0-14.395-12.595-26.064-28.131-26.064-15.537 0-28.131 11.67-28.131 26.064 0 14.395 12.594 26.065 28.131 26.065Z"/><path fill="#000" d="M163.54 114.555c16.794 0 30.409-13.398 30.409-29.926s-13.615-29.926-30.409-29.926c-16.794 0-30.409 13.398-30.409 29.926s13.615 29.926 30.409 29.926Z"/><path fill="#000" d="M167.765 81.734c15.537 0 28.131-11.67 28.131-26.065 0-14.395-12.594-26.064-28.131-26.064-15.536 0-28.131 11.67-28.131 26.064 0 14.395 12.595 26.065 28.131 26.065Z"/><path fill="#CD8B52" d="M136.104 27.474c0-10.299 8.348-18.647 18.646-18.647s18.647 8.348 18.647 18.647v19.743c0 10.298-8.349 18.647-18.647 18.647-10.298 0-18.646-8.349-18.646-18.647V27.474Z"/><rect width="10.969" height="10.969" x="167.548" y="35.152" fill="#CD8B52" rx="4.387"/><rect width="10.969" height="10.969" x="130.986" y="35.152" fill="#CD8B52" rx="4.387"/><path fill="#000" fill-rule="evenodd" d="m136.103 8.722 18.281-6.581 19.012 6.581 2.194 5.85-2.194 3.732s-7.966 2.198-16.818 8.32c-8.852 6.124-20.475 9.154-20.475 9.154l-2.925-13.894 2.925-13.162Z" clip-rule="evenodd"/><path fill="#CD8B52" fill-rule="evenodd" d="M166.815 55.678s-.731 8.367-.731 13.663c0 6.973 13.611 12.877 24.851 16.564 8.69 2.85 15.481 10.089 16.757 19.145l7.31 51.902-12.934.613h-7.575l-6.061 46.967-15.15 19.696h-37.877l-15.151-19.696-4.545-46.967-19.696-.613 6.088-51.497c1.095-9.26 7.954-16.738 16.815-19.641 11.17-3.66 24.5-9.434 24.5-16.143 0-5.271-.731-14.777-.731-14.777l24.13.784Z" clip-rule="evenodd"/><path fill="#FFC300" d="m100.264 157.084-4.25-.132 6.087-51.497c1.095-9.26 7.954-16.738 16.815-19.642 3.756-1.23 7.756-2.7 11.412-4.364 5.524 4.457 13.945 9.167 24.789 9.065 10.731-.102 18.888-4.704 24.224-9.064 3.751 1.72 7.852 3.23 11.675 4.481 8.651 2.832 15.426 10.015 16.743 19.023l5.428 37.125c-.528.408-6.965 5.375-10.736 8.102-3.934 2.845-9.348 9.552-9.348 9.552l-2.203 31.289c-.422 3.523-.647 7.381-.762 10.826l-.189 2.685-15.151 18.181h-37.877l-16.666-18.181-4.545-47.449h-15.446Z"/><path fill="#338DE3" stroke="#338DE3" stroke-width="1.95" d="M118.57 85.93c.115-.04.231-.079.346-.117 4.536-1.486 9.428-3.32 13.639-5.425 3.362 17.37 12.326 64.223 14.252 79.719 1.654 13.303 1.357 45.607 1.021 64.121h-12.423l-15.151-19.696-4.194-43.344c.798-2.157 2.678-7.618 2.678-11.198 0-3.526-.116-45.444-.168-64.06Z"/><path fill="#E8E8E8" d="M122.691 124.943a.943.943 0 0 0-.943.943v3.301c0 .521.422.943.943.943h11.788a.943.943 0 0 0 .943-.943v-3.301a.943.943 0 0 0-.943-.943h-11.788Z"/><path fill="#338DE3" stroke="#338DE3" stroke-width="1.95" d="M195.412 173.594c-1.644 4.541-3.157 9.385-3.935 13.572-1.788 9.613-1.423 24.997-1.423 24.997l-16.772 12.065h-6.679l-.896-19.696s-1.688-24.765.226-44.425c1.542-15.846 8.718-62.2 11.445-79.594 4.246 2.113 9.136 3.944 13.638 5.418l.137.046c-.018 18.191-.042 58.476.112 63.524.198 6.549 3.229 12.609 3.229 12.609l.918 11.484Z"/><path fill="#FFE190" fill-rule="evenodd" d="M128.361 107.647c-.542 0-.972.3-.972.663l.334 3.702c.032.221.311.395.638.395.335 0 .614-.174.654-.395l.327-3.702c0-.363-.431-.663-.981-.663Zm-5.11 3.031c-.319-.182-.797.039-1.068.505-.279.466-.232.987.095 1.168l3.396 1.571c.215.071.502-.079.67-.363.167-.284.151-.608-.024-.75l-3.069-2.131Zm11.207 1.673c.319-.181.367-.702.096-1.168-.279-.466-.758-.687-1.077-.505l-3.069 2.131c-.175.142-.191.466-.024.75.168.284.455.434.67.363l3.404-1.571Zm-12.18 4.73c-.327.189-.374.71-.095 1.176.271.466.749.687 1.068.505l3.069-2.131c.175-.15.191-.474.024-.758-.168-.284-.455-.434-.67-.355l-3.396 1.563Zm8.776-1.563c-.215-.079-.502.071-.67.355-.167.284-.151.608.024.758l3.069 2.131c.319.182.798-.039 1.077-.505.271-.466.223-.987-.096-1.176l-3.404-1.563Zm-2.685 1.514c-.335 0-.614.166-.646.387l-.334 3.703c0 .371.43.67.972.67.55 0 .981-.299.981-.67l-.327-3.703c-.04-.221-.319-.387-.646-.387Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="m118.739 192.412 18.577 24.373s9.821 3.306 19.3 2.898c9.479-.408 18.938-4.545 18.938-4.545l14.393-22.726s13.636 65.148 13.636 98.479c0 33.332-15.151 186.354-15.151 186.354h-15.15l-13.636-195.444h-4.545L142.98 477.245h-16.665s-18.961-156.014-19.696-186.354c-.736-30.34 12.12-98.479 12.12-98.479Z" clip-rule="evenodd"/><path fill="#338DE3" d="m198.731 241.481-31.508 2.864-1.089-26.118c5.413-1.336 9.42-3.089 9.42-3.089l14.394-22.726s4.865 23.245 8.783 49.069ZM110.978 240.128c3.48-25.024 7.761-47.716 7.761-47.716l18.577 24.373s4.673 1.573 10.684 2.415c-.161 14.083-.475 25.145-.475 25.145l-36.547-4.217Z"/><path stroke="#338DE3" stroke-width="1.952" d="m198.731 241.481-31.508 2.864-1.089-26.118c5.413-1.336 9.42-3.089 9.42-3.089l14.394-22.726s4.865 23.245 8.783 49.069ZM110.978 240.128c3.48-25.024 7.761-47.716 7.761-47.716l18.577 24.373s4.673 1.573 10.684 2.415c-.161 14.083-.475 25.145-.475 25.145l-36.547-4.217Z"/><path fill="#000" fill-rule="evenodd" d="M126.316 477.244s1.067 7.613-3.03 12.12c-4.098 4.508-13.153 4.062-16.666 7.576-3.513 3.513-1.515 6.06-1.515 6.06h42.422s-1.579-10.216-3.03-15.151c-1.452-4.934-1.515-10.605-1.515-10.605h-16.666ZM173.283 477.244s-.458 7.644-1.515 13.636c-1.058 5.991 0 12.12 0 12.12h34.846s1.515-3.03 0-4.545c-1.515-1.515-5.349-3.821-10.605-7.575-5.256-3.755-7.576-13.636-7.576-13.636h-15.15ZM167.074 40.062a2.68 2.68 0 0 0-2.673-2.686 2.68 2.68 0 0 0-2.673 2.686M147.933 40.062a2.68 2.68 0 0 0-2.673-2.686 2.68 2.68 0 0 0-2.673 2.686" clip-rule="evenodd"/><path fill="#B96D35" fill-rule="evenodd" d="M154.819 49.85c1.654 0 2.996-1.08 2.996-1.492 0-.412-1.342-.746-2.996-.746-1.655 0-2.996.334-2.996.746 0 .413 1.341 1.493 2.996 1.493Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M149.141 53.544c0 2.596 2.903 3.917 5.36 3.917 2.458 0 5.585-1.321 5.585-3.917" clip-rule="evenodd"/></svg>
+      </div>
+    </div>
+  </div>
+
+
+
+<style>
+    .np-dashboard-resources-container {
+        width: 100%;
+    }
+    .zero-link {
+        color: #fff;
+        text-decoration: none;
+    }
+    .zero-state-content-wrapper {
+      display: flex;
+      margin-top: 40px;
+      justify-content: center;
+    }
+    .zero-state-container {
+      background: #0171dc;
+      padding: 40px;
+      border-radius: 20px;
+    }
+    .zero-state-logo-img {
+      width: 100%;
+      max-width: 600px;
+    }
+    .zero-state-heading {
+      font-size: 40px;
+      font-weight: 600;
+      text-align: center;
+    }
+    .zero-state-desc {
+      font-size: 25px;
+      max-width: 500px;
+      text-align: center;
+    }
+    .zero-state-email {
+      font-size: 25px;
+      font-weight: 600;
+    }
+    .zero-state-logo {
+      display: flex;
+      justify-content: center;
+    }
+    .zero-state-content-container {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 20px;
+    }
+    .second-zero-heading {
+      margin-top: 25px;
+    }
+    .zero-state-svg-container {
+      display: flex;
+      align-items: center;
+    }
+    svg {
+      max-height: 300px;
+    }
+    @media only screen and (max-width: 800px) {
+      .zero-state-content-wrapper {
+      flex-direction: column;
+      align-items: center;
+      gap: 30px;
+      }
+      .zero-state-heading {
+        font-size: 30px;
+      }
+      .zero-state-desc, .zero-state-email {
+        font-size: 20px;
+      }
+}
+@media only screen and (max-width: 500px) {
+      .zero-state-content-wrapper {
+      flex-direction: column;
+      align-items: center;
+      gap: 30px;
+      }
+      .zero-state-heading {
+        font-size: 25px;
+      }
+      .zero-state-desc, .zero-state-email {
+        font-size: 17px;
+      }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow_with_walmart_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow_with_walmart_banners.html.liquid
new file mode 100644
index 00000000..b27362f1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_grow_with_walmart_banners.html.liquid	
@@ -0,0 +1,118 @@
+{% if us_user_grow or us_user_supplier %}
+<div class="banner-wrapper">
+    <div class="banner-container">
+        <div class="banner-image-wrapper">
+            <img src="https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Banners/GWW+Logo.png" alt="" class="banner-img">
+            <div class="deatils-container">
+                <div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@walmart.com</span></div>
+                <div class="banner-descirption text-center">for additional support.</div>
+            </div>
+        </div>
+        <div class="banner-content-container">
+            <div class="banner-descirption">
+                Grow with US is going to be really really awesome!  Sherry and Chrissy are rockstars! :-) <span class="bold-text">Grow With US</span> will help prepare you for success.
+            </div>
+            <div class="banner-descirption">
+                Learn foundational business skills in our Business Fundamentals and Advanced Business pathways.  Explore the skills necessary for a successful experience working with Walmart in our Retail Ready Capabilities and Walmart Ways of Working pathways.
+            </div>
+        </div>
+    </div>
+</div>
+{% elsif mexico_user %}
+<div class="banner-wrapper">
+    <div class="banner-container">
+        <div class="banner-image-wrapper">
+            <img src="https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Banners/Crece-con-Walmart-Blanco.png" alt="" class="banner-img">
+            <div class="deatils-container">
+                <div class="banner-descirption text-center">Correo electrónico <span class="bold-text">contacto@crececonwalmart.com</span></div>
+                <div class="banner-descirption text-center">para soporte adicional.</div>
+            </div>
+        </div>
+        <div class="banner-content-container">
+            <div class="banner-descirption">
+                Crece con Walmart es un programa de desarrollo de proveedores que tiene como objetivo trabajar con personas que lideran micro, pequeñas y medianas empresas en México para ampliar sus capacidades empresariales y digitales.                                                                                                                                                     
+            </div>
+            <div class="banner-descirption">
+                Por medio de módulos de aprendizaje autogestionado, sesiones grupales en vivo y mentorías uno a uno, se busca apoyar a empresarias y empresarios para fortalecer sus capacidades y habilidades de venta en línea.
+            </div>
+            <div class="banner-descirption">
+                Crece con Walmart te permite desarrollar, aprender y conectar para, juntos, hacer que tu negocio llegue al siguiente nivel. 
+            </div>
+        </div>
+    </div>
+</div>
+{% elsif india_user %}
+    <div class="banner-wrapper">
+        <div class="banner-container">
+            <div class="banner-image-wrapper">
+                <img src="https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Banners/Vriddhi+Logo.png" alt="" class="banner-img">
+                <div class="deatils-container">
+                    <div class="banner-descirption text-center">Email <span class="bold-text">contactus@walmartvriddhi.org</span></div>
+                    <div class="banner-descirption text-center">for additional support.</div>
+                </div>
+            </div>
+            <div class="banner-content-container">
+                <div class="banner-descirption">
+                    Walmart Vriddhi is a supplier development program that aims to work with 50,000 Micro, Small and Medium Enterprises (MSMEs) in India to expand their domestic capabilities.
+                </div>
+                <div class="banner-descirption">
+                    The program offers the opportunity to develop through on-demand learning and personalized mentoring. Participants also have support onboarding to Flipkart Marketplace.
+                </div>
+            </div>
+        </div>
+    </div>
+{% endif %}
+
+<style>
+    .banner-wrapper {
+        padding: 10px;
+        border-radius: 10px;
+    }
+    .banner-img {
+        width: 100%;
+    }
+    .banner-container {
+        display: flex;
+        align-items: center;
+        gap: 40px;
+        background: #001E60;
+        padding: 20px;
+        border-radius: 10px;
+    }
+    .text-center {
+        text-align: center;
+    }
+    .banner-descirption {
+        font-size: 20px;
+    }
+    .bold-text {
+        font-weight: 700;
+    }
+    .deatils-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .banner-image-wrapper {
+        width: 40%;
+        display: flex;
+        flex-direction: column;
+        gap: 30px;
+    }
+    .banner-content-container {
+        width: 60%;
+        display: flex;
+        flex-direction: column;
+        gap: 30px;
+    }
+    @media only screen and (max-width: 900px) { 
+    .banner-container {
+    flex-direction: column;
+  }
+}
+@media only screen and (max-width: 500px) { 
+    .banner-descirption{
+        font-size: 17px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_head.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_head.html.liquid
new file mode 100644
index 00000000..8c9b2d4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_head.html.liquid	
@@ -0,0 +1,28 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
+
+
+<script>
+    function changeTranscriptPageText() {
+        if (window.location.pathname == "/app/transcript") {
+            const heading = document.querySelector('.Transcript_Caption');
+            const subHeading = document.querySelector('.Transcript_SchoolName');
+            subHeading.style.color = "#fff";
+            heading.style.color = "#fff";
+            heading.innerText = "Transcript";
+        }
+    }
+    addEventListener("DOMContentLoaded", (event) => {
+        changeTranscriptPageText();
+    });
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header.html.liquid
new file mode 100644
index 00000000..f99f5d00
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header.html.liquid	
@@ -0,0 +1,425 @@
+{% assign us_user_grow = false %}
+{% assign us_user_supplier = false %}
+{% assign india_user = false %}
+{% assign mexico_user = false %}
+
+{% for group in current_person.groups %}
+  {% if group.name == 'Grow With Walmart' %}
+    {% assign us_user_grow = true %}
+  {% endif %}
+  {% if group.name == 'Supplier Academy' %}
+    {% assign us_user_supplier = true %}
+  {% endif %}
+  {% if group.name == 'Walmart Vriddhi' %}
+    {% assign india_user = true %}
+  {% endif %}
+  {% if group.name == 'Crece con Walmart' %}
+    {% assign mexico_user = true %}
+  {% endif %}
+{% endfor %}
+
+{% assign category_advisors = false %}
+
+{% for group in current_person.groups %}
+  {% if group.name == 'Category Advisors' %}
+    {% assign category_advisors = true %}
+  {% endif %}
+{% endfor %}
+
+<header class="np-header np-header-color">
+  <div class="np-header-content">
+    {% if current_school.logo_url %}
+      <h1 class="np-header-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+    {% else %}
+      <a href="{% route home %}" class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </a>
+    {% endif %}
+
+    <div class="np-hidden-mobile np-header-desktop-nav hidden-mobile">
+      <ul class="np-header-desktop-nav-list">
+        {% for website_navigation in navigations.header_navigations_external %}
+          <li class= "np-header-desktop-nav-item">
+            <a
+              href="{{ website_navigation.path }}"
+              class="np-header-desktop-nav-link np-header-font-color"
+              target="_blank"
+            >
+              {{ website_navigation.name }}
+            </a>
+          </li>
+        {% endfor %}
+        <div class= "np-header-desktop-nav-link dropdown-nav">
+        
+
+
+ 	 Programs
+          <div class="header-dropdown-container">
+            <div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="/app/grow-with-walmart-catalog"
+                >
+              Grow With Walmart
+              </a>
+            </div>
+
+
+
+
+            <div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="/app/welcome-to-walmart"
+                >
+                Welcome to Walmart
+              </a>
+            </div>
+
+	<div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="/app/walmart-start"
+                >
+                Walmart Start
+              </a>
+            </div>
+	
+	
+            {% if category_advisors %}
+            <div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="/app/advisors"
+                >
+                Category Advisors
+              </a>
+            </div>
+            {% endif %}
+	     </div>
+
+
+
+        </div>
+
+
+
+ <div class= "np-header-desktop-nav-link dropdown-nav">
+        
+
+ 	 Walmart Links
+
+          <div class="header-dropdown-container">
+            <div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="https://supplier.walmart.com/"target="_blank"
+                >
+             Supplier One
+              </a>
+            </div>
+
+
+
+
+            <div class="header-dropdown-option">            
+              <a
+                class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
+                href="https://retaillink.login.wal-mart.com/" target="_blank"
+                >
+		Retail Link
+              </a>
+            </div>
+</div>
+</div>
+
+
+        <li class= "np-header-desktop-nav-item">
+          <a
+            href="mailto:supplierdevelopment@walmart.com "
+            class="np-header-desktop-nav-link np-header-font-color"
+          >
+           Contact
+          </a>
+        </li>
+
+
+      </ul>
+    </div>
+
+    {% if current_person.signed_in? %}
+      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
+        <form action="{% route search %}" method="get" data-test="desktop-search">
+          <input
+            aria-label="{% t .search %}"
+            class="np-header-search-input np-header-font-background-color search-input"
+            type="text"
+            name="q"
+            placeholder="{% t .search %}"
+          />
+          <i class="np-header-search-icon far fa-search"></i>
+        </form>
+      </div>
+      <div class="hidden-desktop header-mobile-menu-nav">
+  {% if current_person.signed_in? %}
+    <button
+      data-toggle-class="np-hidden"
+      class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
+      data-toggle-target=".np-header-mobile-avatar-menu,
+      .np-header-mobile-menu-content, .np-main, .np-footer"
+    ></button>
+    <button
+      data-test="open-mobile-menu"
+      data-toggle-class="np-hidden"
+      class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
+      data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
+    >
+    <i class="fal fa-bars hamburger-menu"></i>
+    </button>
+  {% endif %}
+</div>
+      <div class="hidden-mobile np-header-avatar">
+        <button
+          class="np-header-avatar-button"
+          data-test="open-desktop-menu"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-header-avatar-tooltip"
+          data-toggle-outside
+        >
+          <img
+            alt="{{ current_person.name }}"
+            class="np-header-avatar-image"
+            src="{{ current_person.avatar_url }}"
+          >
+        </button>
+        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
+          <span class="np-header-avatar-tooltip-arrow-up"></span>
+          <div class="np-header-avatar-tooltip-learner">
+            <div class="np-header-avatar-tooltip-learner-name">
+              {{ current_person.name }}
+            </div>
+            <div class="np-header-avatar-tooltip-learner-email">
+              {{ current_person.email }}
+            </div>
+          </div>
+          <nav class="np-header-avatar-tooltip-navigation">
+          {% unless current_school.sso_active? %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link"
+              href="{% route account %}"
+            >
+              {% t .profile_settings %}
+            </a>
+          {% endunless %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link np-danger"
+              href="{% route logout %}"
+            >
+              {% t .sign_out %}
+            </a>
+          </nav>
+        </div>
+      </div>
+    {% else %}
+      <a
+        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
+        aria-label="{% t shared.sign_in %}"
+        href="{% route login %}"
+      >
+        {% t shared.sign_in %}
+      </a>
+    {% endif %}
+  </div>
+</header>
+
+<div class="hidden-desktop">
+  <div class="np-header-mobile-menu-content np-hidden">
+    {% if current_person.signed_in? %}
+      <img
+        alt="{{ current_person.name }}"
+        class="np-header-mobile-menu-content-avatar"
+        src="{{ current_person.avatar_url }}"
+      />
+      <div class="np-header-mobile-menu-content-name">
+        {{ current_person.name }}
+      </div>
+    {% endif %}
+    <div class="np-header-mobile-menu-content-nav">
+      <form
+        class="header-search"
+        data-test="mobile-search"
+        method="get"
+        action="{% route search %}"
+      >
+        <input
+          aria-label="{% t .search %}"
+          class="header-mobile-search-input"
+          type="text"
+          name="q"
+          placeholder="{% t .search %}"
+        />
+        <i class="np-header-search-icon far fa-search"></i>
+      </form>
+        <a
+        class="np-header-mobile-menu-content-button start-here-btn-mobile"
+        href="/app/grow-with-walmart-catalog"
+        >
+        Start Here
+        </a>
+      {% for website_navigation in navigations.header_navigations %}
+        {% unless website_navigation.name == 'Dashboard' %}
+        <a
+          href="{{ website_navigation.path }}"
+          class="np-header-mobile-menu-content-button"
+          {% if website_navigation.external? %} target="_blank" {% endif %}
+        >
+        {% if website_navigation.name == '' %}
+          
+        {% endif %}
+          {{ website_navigation.name }}
+        </a>
+      {% endunless %}
+      {% endfor %}
+      <a
+      href="/app/welcome-to-walmart"
+      class="np-header-mobile-menu-content-button"
+        >
+        Welcome to Walmart
+      </a>
+      <a
+      href="/app/catalog"
+      class="np-header-mobile-menu-content-button"
+    >
+      Courses
+    </a>
+    <a
+    href="/app/blog"
+    class="np-header-mobile-menu-content-button"
+      >
+      Blog
+    </a>
+    <a
+    href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities"
+    class="np-header-mobile-menu-content-button"
+      >
+      Help Docs
+    </a>
+      <div class="np-header-mobile-menu-content-line"></div>
+       <a
+        href="#"
+        class="np-header-mobile-menu-content-button"
+      >
+        Contact
+      </a>
+      {% unless current_school.sso_active? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route account %}"
+        >
+          {% t .profile_settings %}
+        </a>
+      {% endunless %}
+      <a
+        class="np-header-mobile-menu-content-button np-danger"
+        href="{% route logout %}"
+      >
+        {% t .sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+
+{% include "messages" %}
+
+<style>
+  .start-here-btn {
+    color: #000;
+  }
+  .np-header-desktop-nav-link {
+    font-size: 20px;
+    font-weight: 500;
+
+  }
+
+  .header-dropdown-container {
+  display: none;
+  position: absolute; 
+  background-color: white; 
+  border: 1px solid #ccc; 
+  z-index: 10; 
+  width: fit-content;
+  top: 40px;
+  left: -20px;
+}
+
+.np-header-desktop-nav-link:hover .header-dropdown-container {
+  display: block;
+}
+
+.header-dropdown-option {
+  display: block;
+  padding: 15px; 
+  color: black; 
+  text-decoration: none; 
+  white-space: nowrap;
+}
+.dropdown-nav {
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: #fff;
+
+}
+
+.header-dropdown-option:hover {
+  background-color: #f0f0f0;
+}
+.hidden-mobile {
+  display: none;
+}
+.hidden-desktop {
+  display: block;
+}
+.header-mobile-menu-nav {
+  margin-left: 20px;
+}
+.hamburger-menu {
+  color: #fff;
+}
+.header-search {
+  position: relative;
+  width: 100%;
+}
+.header-mobile-search-input {
+  width: 100%;
+  padding: 13px;
+}
+.start-here-btn-mobile {
+  background: #FFC220;
+}
+@media only screen and (min-width: 1100px) {
+  .hidden-mobile  {
+   display: flex;
+  }
+  .hidden-desktop {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: 768px) { 
+  .np-header-mobile-menu-content {
+    top: 110px;
+  }
+}
+
+</style>
+
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header_minimal.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header_minimal.html.liquid	
@@ -0,0 +1,17 @@
+<header class="np-box-header np-header-color">
+  <a class="np-box-header-link" href="{% route home %}">
+    {% if current_school.logo_url %}
+      <img
+        alt="{{ current_school.name }}"
+        src="{{ current_school.logo_url }}"
+        class="np-box-header-logo"
+      />
+    {% else %}
+      <span class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </span>
+    {% endif %}
+  </a>
+</header>
+
+{% include "messages" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_featured.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_featured.html.liquid
new file mode 100644
index 00000000..4df67715
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_featured.html.liquid	
@@ -0,0 +1,220 @@
+<div class="np-homepage-featured np-max-width">
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="np-homepage-featured-text">
+        <div class="np-homepage-headline">
+          Grow With Walmart Learning Pathways
+        </div>
+        <div class="featured-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 featured_courses_count = 0 %}
+        <div class="featured-courses-wrapper">
+          <div class="featured-courses-slider">
+            {% for learning_path in items %}
+                {% assign is_featured = false %}
+
+                {% for cat in learning_path.categories %}
+                  {% assign cat_name = cat.name | downcase %}
+                  {% if cat_name == "featured" %}
+                    {% assign is_featured = true %}
+                  {% endif %}
+                {% endfor %}
+
+                {% if is_featured %}
+                  {% assign featured_courses_count = featured_courses_count | plus: 1 %}
+
+                    <div class="featured-course-slide">
+                      {% include "cards_learning_path"  %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+          </div>
+        </div>
+
+        {% if featured_courses_count > 0 %}
+          <div class="featured-see-more-wrapper">
+            <a href="/app/articles">See more</a>
+          </div>
+        {% 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.
+            </div>
+            <img
+              class="np-zero-state-courses"
+              alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
+            />
+          </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.
+          </div>
+          <img
+            class="np-zero-state-courses"
+            alt="Yikes! There is no featured content at the moment. Be sure to check back here later."
+          />
+        </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+
+<script>
+
+window.addEventListener("load", (event) => {
+  var indexes = document.querySelectorAll(".featured-courses-slider .featured-course-slide");
+  var indexesArray = Array.from(indexes);
+
+  const sortByPosition = arr => {
+    const positionSorter = (a, b) => {
+        return a.dataset.position - b.dataset.position;
+    }
+    arr.sort(positionSorter);
+  };
+
+  sortByPosition(indexesArray);
+
+  document.querySelector(".featured-courses-slider").innerHTML = ""
+
+  indexesArray.forEach(e =>
+      document.querySelector(".featured-courses-slider").appendChild(e));
+
+
+  initFeaturedCoursesCarousel()
+
+});
+
+function initFeaturedCoursesCarousel() {
+  var featuredSlider = tns({
+    container: '.featured-courses-slider',
+    items: 1,
+    slideBy: 'page',
+    autoplay: false,
+    gutter: 8,
+    controls:true,
+    navPosition:"bottom",
+    loop: false,
+    mouseDrag: true,
+    speed: 500,
+    controlsContainer: document.querySelector('.featured-carousel-controls'),
+    responsive: {
+      600: {
+        items: 2,
+      },
+      768: {
+        items:3,
+        gutter: 16,
+        nav: false,
+      }
+    }
+  });
+}
+
+
+</script>
+
+
+<style>
+  .featured-courses-wrapper {
+    margin: 0 -8px;
+  }
+
+  .np-homepage-featured {
+    padding: 0 16px;
+    margin-bottom:56px;
+  }
+
+  .np-homepage-featured-text {
+    padding: 0 0 32px;
+    text-align:left;
+    display:flex;
+  }
+
+  .np-homepage-featured-text .np-homepage-headline {
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 32px;
+    color:#fff;
+    align-self: flex-start;
+  }
+
+  .featured-carousel-controls {
+    align-self:flex-end;
+    display:flex;
+  }
+
+  .featured-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: #0071ce;
+    cursor: pointer;
+    transition:opacity 0.2s;
+  }
+
+  .featured-carousel-controls .carousel-control[aria-disabled='true'] {
+    opacity: 0.3;
+    cursor:default;
+  }
+
+  .featured-carousel-controls .carousel-control.next-arrow {
+    margin-right:0;
+  }
+
+  .featured-courses-slider {
+    display:flex;
+  }
+
+  .featured-course-slide {
+    margin-bottom: 12px;
+  }
+
+  .featured-course-slide .np-card {
+    margin:0 auto;
+    padding: 0;
+    height:100%;
+  }
+
+  .featured-course-slide .np-card-container {
+    height: 100%;
+    margin: 0 8px;
+  }
+
+  .featured-see-more-wrapper {
+    display:flex;
+    justify-content:flex-end;
+    margin-top:8px;
+  }
+
+  .featured-see-more-wrapper a {
+    color:#0071ce;
+  }
+
+  @media (min-width:768px){
+    .np-homepage-featured-text {
+      flex-direction:row;
+      justify-content:space-between;
+    }
+
+    .np-homepage-featured-text .np-homepage-headline {
+      font-size: 32px;
+      line-height: 40px;
+    }
+
+    .featured-see-more-wrapper {
+      margin-top:12px;
+    }
+  }
+</style>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_nav.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_nav.html.liquid
new file mode 100644
index 00000000..ebc7d63f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_nav.html.liquid	
@@ -0,0 +1,100 @@
+<div class="homepage-nav-wrapper">
+    <div class="nav-heading-container">
+       <!-- <div class="carousel-heading">
+            Your one-stop-shop for success with Walmart.
+        </div> -->
+    </div>
+
+    <div class="nav-homepage-container">
+        <a href="/app/grow-with-walmart-catalog" class="nav-item">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Bus+Fund+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Grow with US</div>
+        </a>
+
+
+        <a href="/app/welcome-to-walmart" class="nav-item">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/New+to+WM+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Onboarding</div>
+        </a>
+
+
+        <a class="nav-item" href="#categories">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Explore+Modules+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Explore Modules</div>
+        </a>
+
+
+        <a class="nav-item" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Help+Docs+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Learning Paths</div>
+        </a>
+
+
+	<a class="nav-item" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Help+Docs+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Live Training</div>
+        </a>
+
+
+	<a class="nav-item" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
+            <div class="nav-icon">
+                <img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Help+Docs+Icon.svg" alt="">
+            </div>
+            <div class="nav-title">Help Docs</div>
+        </a>
+
+
+    </div>
+</div>
+
+<style>
+.nav-item {
+    text-decoration: none;
+    color: #fff;
+}
+.nav-item:hover {
+  -ms-transform: scale(1.1); /* IE 9 */
+  -webkit-transform: scale(1.1); /* Safari 3-8 */
+  transform: scale(1.1); 
+
+}
+.nav-icon-image {
+  height: 175px;
+  width: 175px;
+}
+.nav-homepage-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 40px;
+  margin-top: 30px;
+}
+.nav-icon {
+  display: flex;
+  justify-content: center;
+}
+.homepage-nav-wrapper {
+  margin-top: 40px;
+}
+.nav-title {
+  color: #fff;
+  font-weight: 600;
+  margin-top: 15px;
+  font-size: 1.25rem;
+  text-align: center;
+}
+.nav-heading-container {
+    margin-bottom: 20px;
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_ongoing_training.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_ongoing_training.html.liquid
new file mode 100644
index 00000000..34c5fd3b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_ongoing_training.html.liquid	
@@ -0,0 +1,194 @@
+<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_ongoing" 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">
+          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>
+        </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>
+      </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 {
+    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: #0071ce;
+    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:#0071ce;
+  }
+
+  @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 Supplier Sandbox/_homepage_topics.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_topics.html.liquid
new file mode 100644
index 00000000..39314882
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_topics.html.liquid	
@@ -0,0 +1,149 @@
+<section class="homepage-topics np-max-width np-subpage-container"> 
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="np-section-header">Explore Courses by Category</div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="category-cards">
+        {% for category in categories.in_catalog %}
+          {% assign category_name = category.name | downcase %}
+          {% if category_name != "featured" and category_name != "articles" %}
+            {% assign cat_image = "" %}
+
+            {% if category_name == "customer perception" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-customer-perception.png" %}
+            {% elsif category_name == "shopper behavior" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-shopper-behavior.png" %}
+            {% elsif category_name == "insights dashboard" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-insights-dashboard.png" %}
+            {% elsif category_name == "report builder" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-report-builder.png" %}
+            {% elsif category_name == "apis" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-apis.png" %}
+            {% elsif category_name == "know your store" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-knowyourstore.png" %}
+            {% elsif category_name == "metrics" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-metrics.png" %}
+            {% elsif category_name == "channel performance" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-channel-performance.png" %}
+            {% elsif category_name == "know your customer" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-knowyourcustomer.png" %}
+            {% elsif category_name == "advanced" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-advanced.png" %}
+            {% elsif category_name == "beginner" %}
+              {% assign cat_image = "https://s3.amazonaws.com/static.northpass.com/walmart-luminate/category-image-beginner.png" %}
+            {% endif %}
+
+            <a href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D={{category.id}}" class="category-card">
+              {% comment %} {% if cat_image %}
+                <img class="category-card-image" src="{{cat_image}}" />
+              {% endif %} {% endcomment %}
+              {% comment %} <div class="category-card-content">
+                {{category.name}}
+              </div>            {% endcomment %}
+              {{category.name}}
+            </a>
+          {% endif %}
+        {% endfor %}
+      </div>     
+    </div>
+  </div>
+</section>
+
+<style>
+  .homepage-topics {
+    padding: 0 16px;
+  }
+
+  .category-cards {
+    display:flex;
+    flex-wrap:wrap;
+  }
+
+  .category-card {
+    border-radius:30px;
+    border:2px solid #3c228a;
+    background-color: #3c228a;
+    color: #fff;
+    width:100%;
+    text-decoration: none;
+    overflow: hidden;
+    text-align:center;
+    margin-bottom:16px;
+    padding:16px;
+    font-weight:700;
+    transition:all 0.2s;
+  }
+
+  .category-card:hover {
+    background-color: #13014a;
+  }
+
+  .category-card-image {
+    max-width:80px;
+  }
+
+  .category-card-content {
+    padding: 16px;
+  }
+
+  @media (min-width:500px) {
+    .category-card {
+      width:calc(50% - 16px);
+      margin:0 16px 32px;
+    }
+
+    .category-card:nth-child(odd) {
+      margin-left:0;
+    }
+
+    .category-card:nth-child(even) {
+      margin-right:0;
+    }
+  }
+
+  @media (min-width:768px) {
+    .category-card {
+      width:calc(33.33% - 22px);
+    }
+
+    .category-card:nth-child(even),
+    .category-card:nth-child(odd) {
+      margin:0 16px 32px;
+    }
+
+    .category-card:nth-child(3n+1) {
+      margin-left:0;
+    }
+
+    .category-card:nth-child(3n+3) {
+      margin-right:0;
+    }
+  }
+
+  @media (min-width:992px) {
+    .category-card {
+      width:calc(25% - 24px);
+    }
+
+    .category-card:nth-child(3n+3) {
+      margin-right:16px;
+    }
+
+    .category-card:nth-child(3n+1) {
+      margin-left:16px;
+    }
+    
+    .category-card:nth-child(4n+1) {
+      margin-left:0;
+    }
+
+    .category-card:nth-child(4n+4) {
+      margin-right:0;
+    }
+
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_widget_and_events.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_widget_and_events.html.liquid
new file mode 100644
index 00000000..36787553
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_homepage_widget_and_events.html.liquid	
@@ -0,0 +1,37 @@
+<div class="widget-and-events-wrapper">
+    <div class="widget-grid-container">
+        {% include "widget_course_progress" %}
+    </div>
+    <div class="events-grid-container">
+        {% include "training_events_dashboard" %}
+    </div>
+    <div class="announcements-grid-container">
+        {% include "announcements" %}
+    </div>
+</div>
+<style>
+    .widget-and-events-wrapper {
+        display: flex;
+        gap: 40px;
+    }
+    .widget-grid-container {
+        width: 33%;
+    }
+    .events-grid-container {
+        width: 33%;
+    }
+    .event-card, .np-card-content-training-event {
+        height: 100%;
+    }
+    .announcements-grid-container {
+        width: 33%;
+    }
+@media only screen and (max-width: 1000px) {
+    .widget-and-events-wrapper {
+        flex-direction: column;
+    }
+    .widget-grid-container, .events-grid-container, .announcements-grid-container {
+        width: 100%;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_in-progress-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_in-progress-carousel.html.liquid
new file mode 100644
index 00000000..17d3dc34
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_in-progress-carousel.html.liquid	
@@ -0,0 +1,48 @@
+<div class="carousel-wrapper">
+    <div class="carousel-heading">In Progress</div>
+    <div class="in-progress-carousel">
+        {% for course in courses.enrolled %}
+            {% if course.progress > 0 and course.progress < 100 %}
+                <div class="carousel-cards-container">
+                    {% include 'cards_course' %}
+                </div>
+            {% endif %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.in-progress-carousel {
+  margin-top: 25px;
+}
+</style>
+
+<script>
+$(document).ready(function(){
+
+    $(".in-progress-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });  
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_banners.html.liquid	
@@ -0,0 +1,5 @@
+{% if learning_path.new_content_available? %}
+  {% include "learning_path_new_content_banner" %}
+{% else %}
+  {% include "learning_path_completed_banner" %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate.html.liquid	
@@ -0,0 +1,17 @@
+{% if learning_path.has_certificate? %}
+  {% if learning_path.certificate_completed? %}
+    <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+    <a
+      class="np-learning-path-certificate-link"
+      href="{{ learning_path.certificate_link }}"
+    >
+      <div class="np-learning-path-certificate">
+        {% include "learning_path_certificate_content" %}
+      </div>
+    </a>
+  {% else %}
+    <div class="np-learning-path-certificate np-learning-path-certificate--inactive">
+      {% include "learning_path_certificate_content" %}
+    </div>
+  {% endif %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_certificate_content.html.liquid	
@@ -0,0 +1,19 @@
+<div class="np-learning-path-certificate-content">
+  <div class="np-learning-path-certificate-avatar" role="img">
+    <i class="np-learning-path-certificate-avatar-icon fal fa-award"></i>
+    <h5 class="np-learning-path-certificate-avatar-title">
+      {% t .avatar_title %}
+    </h5>
+  </div>
+  <h4 class="np-learning-path-certificate-name">
+    {{ learning_path.certificate_name }}
+  </h4>
+  {% if learning_path.certificate_completed? %}
+    <time
+      class="np-learning-path-certificate-issue-date"
+      datetime="{{ learning_path.certificate_issue_date }}"
+    >
+      {{ learning_path.certificate_issue_date | date: "%B %d, %Y" }}
+    </time>
+  {% endif  %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_completed_banner.html.liquid	
@@ -0,0 +1,13 @@
+<div class="np-learning-path-completed-banner np-learning-path-banner">
+  <img class="np-learning-path-banner-image" src="https://s3.amazonaws.com/static.northpass.com/images/stars-completed.svg"/>
+  <div class="np-learning-path-banner-content">
+    <h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
+    <p class="np-learning-path-banner-description">{% t .description %}</p>
+    <div class="np-learning-path-banner-actions">
+      {% if learning_path.certificate_link %}
+        <a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--primary">{% t .actions.certificate %}</a>
+      {% endif %}
+      <a href="/app/courses" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.more_courses %}</a>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_course.html.liquid
new file mode 100644
index 00000000..53ac6eeb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_course.html.liquid	
@@ -0,0 +1,56 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+        {% if course.instructors %}
+          <div class="np-learning-path-outline-caption">
+            {{ course.instructors }}
+          </div>
+        {% endif %}
+        <div class="np-learning-path-outline-progress
+          {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+        ">
+          {% t shared.progress, count: course.progress %}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title np-learning-path-outline-name-locked">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .about %}
+</h3>
+<div class="np-card-text">
+  {{ learning_path.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_content.html.liquid	
@@ -0,0 +1,21 @@
+<div class="row">
+  <div class="col-xs-12 col-sm-6">
+    <div class="np-card-container">
+      <img
+        src="{{ learning_path.image_url }}"
+        class="np-top-image"
+        alt="{{ learning_path.name }}"
+      />
+      <div class="np-card-padding-dynamic">
+        {% include "learning_path_description" %}
+        {% include "learning_path_instructors" %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-6 np-grid-spacing">
+    <div class="np-top-cta">
+      {% include "learning_path_progress_and_cta" %}
+    </div>
+    {% include "learning_path_outline" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..bf2cdece
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_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.learning_path.title %}
+    <i class="far fa-road np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="/app/learning_paths" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-icon-back"></i>
+    </a>
+    {{ learning_path.name }}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_desktop_view.html.liquid	
@@ -0,0 +1,2 @@
+{% include "learning_path_desktop_header" %}
+{% include "learning_path_desktop_content" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_instructors.html.liquid	
@@ -0,0 +1,26 @@
+{% if learning_path.instructors.any? %}
+  <div class="np-card-content-divider">
+    <h3 class="np-card-heading">
+      {% t shared.instructors %}
+    </h3>
+    <div class="np-content-instructors-content row">
+      {% for instructor in learning_path.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 %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_content.html.liquid	
@@ -0,0 +1,19 @@
+{% if learning_path.in_progress? %}
+  {% include "learning_path_outline" %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "learning_path_description" %}
+  </div>
+{% else %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "learning_path_description" %}
+  </div>
+  <div class="np-card-spacing">
+    {% include "learning_path_outline" %}
+  </div>
+{% endif %}
+
+{% if learning_path.instructors.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "learning_path_instructors" %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_header.html.liquid	
@@ -0,0 +1,17 @@
+<div class="np-resource-header np-card-padding-vertical">
+  <div class="np-top-vocabulary np-text-title">
+    {% t shared.learning_path.title %}
+    <i class="far fa-road np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    {{ learning_path.name }}
+  </div>
+  <img
+    src="{{ learning_path.image_url }}"
+    class="np-top-image"
+    alt="{{ learning_path.name }}"
+  />
+  <div class="np-top-cta">
+    {% include "learning_path_progress_and_cta" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_mobile_view.html.liquid	
@@ -0,0 +1,2 @@
+{% include "learning_path_mobile_header" %}
+{% include "learning_path_mobile_content" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_new_content_banner.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-learning-path-new-content-banner np-learning-path-banner">
+  <div class="np-learning-path-banner-content">
+    <h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
+    <p class="np-learning-path-banner-description">{% t .description %}</p>
+    <div class="np-learning-path-banner-actions">
+      {% learning_path_next_step_button learning_path, class: "np-learning-path-banner-action np-learning-path-banner-action--primary" %}
+      {% if learning_path.certificate_link %}
+        <a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.view_certificate %}</a>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_outline.html.liquid	
@@ -0,0 +1,10 @@
+<div class="np-learning-path-outline">
+  {% for item in learning_path.items %}
+    {% if item.course? %}
+      {% include "learning_path_course", course: item %}
+    {% elsif item.training_event? %}
+      {% include "learning_path_training_session", training_session: item %}
+    {% endif %}
+  {% endfor %}
+  {% include "learning_path_certificate" %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1d90a2a7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_progress_and_cta.html.liquid	
@@ -0,0 +1,20 @@
+{% if learning_path.enrolled? %}
+  <div class="np-top-cta-progress-content">
+    <div class="np-top-cta-progress-title np-text-title">
+      {% t .progress %}
+    </div>
+    <div class="np-progress-bar-container">
+      <div
+        style="width: {{ learning_path.progress }}%"
+        class="np-button-background-color np-card-progress-bar">
+      </div>
+    </div>
+    <div class="np-top-cta-progress-text
+      {% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
+    ">
+      {% t shared.progress, count: learning_path.progress %}
+    </div>
+  </div>
+{% endif %}
+
+{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_desktop_view.html.liquid	
@@ -0,0 +1,3 @@
+{% include "learning_path_desktop_header" %}
+{% include "learning_path_banners" %}
+{% include "learning_path_desktop_content" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_summary_mobile_view.html.liquid	
@@ -0,0 +1,5 @@
+<div class="np-card-padding">
+  {% include "learning_path_banners" %}
+</div>
+{% include "learning_path_mobile_header" %}
+{% include "learning_path_mobile_content" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..e827f76f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_path_training_session.html.liquid	
@@ -0,0 +1,53 @@
+{% if learning_path.enrolled? and training_session.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route training_session, id: training_session.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
+        <div class="np-events-content-time np-learning-path-outline-time np-button-color">
+          {{ training_session.time }} {{ training_session.time_zone }}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item">
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title np-learning-path-outline-name-locked">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
+      </div>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..f1ddc529
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index.html.liquid	
@@ -0,0 +1,51 @@
+{% assign uniq_lps = '' %}
+
+<div class="np-learning-paths-resources">
+  {% if items.any? %}
+    {% for learning_path in items %}
+      {% for category in learning_path.categories %}
+        {% unless category.name == 'Category Advisors' %}
+          {% unless uniq_lps contains learning_path.name %}
+            {% include "cards_learning_path" with learning_path %}
+            {% assign uniq_lps = uniq_lps |  append: learning_path.name %}
+          {% endunless %}
+        {% endunless %}
+      {% endfor %}
+    {% endfor %}
+  {% else %}
+    <div class="np-learning-paths-resources-container">
+      <div class="np-zero-state-text">
+        {% t .empty %}
+      </div>
+      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
+    </div>
+  {% endif %}
+</div>
+
+
+<script>
+  function sortGrowLps() {
+    const lpCards = Array.from(document.querySelectorAll('.lp-card'));
+
+    lpCards.sort((a, b) => {
+      const aPrioritise = a.getAttribute('prioritise') === 'true';
+      const bPrioritise = b.getAttribute('prioritise') === 'true';
+      
+      return bPrioritise - aPrioritise;
+    });
+
+
+    const parentElement = lpCards[0].parentNode;
+
+
+    while (parentElement.firstChild) {
+      parentElement.removeChild(parentElement.firstChild);
+    }
+
+
+    lpCards.forEach(card => parentElement.appendChild(card));
+  }
+  document.addEventListener("DOMContentLoaded", () => {
+    sortGrowLps();
+  });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index_advisors.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index_advisors.html.liquid
new file mode 100644
index 00000000..a69f22a1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_learning_paths_index_advisors.html.liquid	
@@ -0,0 +1,23 @@
+{% assign uniq_lps = '' %}
+
+<div class="np-learning-paths-resources">
+  {% if items.any? %}
+    {% for learning_path in items %}
+        {% for category in learning_path.categories %}
+            {% if category.name == 'Category Advisors' %}
+                {% unless uniq_lps contains learning_path.name %}
+                    {% include "cards_learning_path" with learning_path %}
+                    {% assign uniq_lps = uniq_lps |  append: learning_path.name %}
+                {% endunless %}
+            {% endif %}
+        {% endfor %}
+    {% endfor %}
+  {% else %}
+    <div class="np-learning-paths-resources-container">
+      <div class="np-zero-state-text">
+        {% t .empty %}
+      </div>
+      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
+    </div>
+  {% endif %}
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_lp_filters.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_lp_filters.html.liquid
new file mode 100644
index 00000000..b24c2751
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_lp_filters.html.liquid	
@@ -0,0 +1,112 @@
+<div class="lp-filter-wrapper">
+    <div class="filter-container">
+        <div class="filter" id="filterToggle">Filter</div>
+    </div>
+    <div class="filter-content" id="filterContent">
+        <div class="filter-option">
+            <input class="filter-checkbox" type="checkbox" id="not-started">
+            <label class="filter-name" >Not Started</label>
+        </div>
+        <div class="filter-option">
+            <input class="filter-checkbox" type="checkbox" id="in-progress">
+            <label class="filter-name" >In Progress</label>
+        </div>
+        <div class="filter-option">
+            <input class="filter-checkbox" type="checkbox" id="completed">
+            <label class="filter-name" >Completed</label>
+        </div>
+    </div>
+</div>
+
+
+<style>
+.lp-filter-wrapper {
+    position: relative;
+    width: 100%;
+    color: #000;
+    border-radius: 4px;
+    display: flex;
+    justify-content: end;
+    margin-bottom: 20px;
+}
+.filter-checkbox {
+  width: 20px;
+  height: 20px;
+}
+
+.filter-container {
+    position: relative;
+}
+
+.filter {
+    background-color: #d9dfe2;
+    padding: 10px 20px;
+    cursor: pointer;
+    width: 100%;
+    text-align: center;
+    border-radius: 4px;
+    color: #305263;
+    font-size: 14px;
+    font-weight: 700;;
+}
+
+.filter-content {
+    position: absolute;
+    top: 100%; 
+    width: 250px; 
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    display: none;
+    flex-direction: column;
+    gap: 10px;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.4s ease, width 0.4s ease; 
+    z-index: 111;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    padding: 5px;
+    margin-top: 5px;
+}
+
+.filter-option {
+    padding: 10px;
+    display: flex;
+    align-items: end;
+    gap: 10px;
+}
+
+.filter-active .filter-content {
+    display: flex;
+    max-height: 500px; 
+    width: 250px; 
+}
+</style>
+
+<script>
+document.getElementById("filterToggle").addEventListener("click", function() {
+    const filterWrapper = document.querySelector('.lp-filter-wrapper');
+    filterWrapper.classList.toggle("filter-active");
+});
+
+
+function filterCards() {
+    const selectedCategories = Array.from(document.querySelectorAll('.filter-checkbox:checked')).map(checkbox => checkbox.id);
+    const cards = document.querySelectorAll('.np-card');
+
+    if (selectedCategories.length === 0) {
+        cards.forEach(card => card.style.display = 'block');
+    } else {
+        cards.forEach(card => {
+            
+            const cardCategories = card.getAttribute('progress').split(',');
+            const isVisible = selectedCategories.some(category => cardCategories.includes(category));
+            card.style.display = isVisible ? 'block' : 'none';
+        });
+    }
+}
+
+document.querySelectorAll('.filter-checkbox').forEach(checkbox => {
+    checkbox.addEventListener('change', filterCards);
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_merchandising-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_merchandising-carousel.html.liquid
new file mode 100644
index 00000000..91d99646
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_merchandising-carousel.html.liquid	
@@ -0,0 +1,103 @@
+<div class="carousel-wrapper">
+    <div class="carousel-heading">Merchandising</div>
+    <div class="carousel-filter-wrapper" id="carousel-filter-wrapper-merchandising">
+        <div class="filter-container">
+            <div class="filter" id="filterToggleMerchandising">Filter</div>
+        </div>
+        <div class="filter-content" id="filterContentMerchandising">
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="m-not-started">
+                <label class="filter-name">Not Started</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="m-in-progress">
+                <label class="filter-name">In Progress</label>
+            </div>
+            <div class="filter-option">
+                <input class="filter-checkbox" type="checkbox" id="m-completed">
+                <label class="filter-name">Completed</label>
+            </div>
+        </div>
+    </div>
+    <div class="merchandising-carousel">
+        {% for course in courses.in_catalog %}
+            {% for category in course.categories %}
+                {% if category.name == 'Merchandising' %}
+                    <div class="carousel-cards-container merchandising-courses" progress="{% if course.progress == 100 %}completed{% elsif course.progress == 0 %}not-started{% else %}in-progress{% endif %}">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+.merchandising-carousel {
+  margin-top: 25px;
+}
+</style>
+
+<script>
+$(document).ready(function() {
+
+    $(".merchandising-carousel").slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+
+    document.getElementById("filterToggleMerchandising").addEventListener("click", function() {
+        const filterWrapper = document.querySelector('#carousel-filter-wrapper-merchandising');
+        filterWrapper.classList.toggle("filter-active");
+    });
+
+    document.addEventListener("click", function(event) {
+        const filterWrapper = document.querySelector('#carousel-filter-wrapper-merchandising');
+        const isClickInside = filterWrapper.contains(event.target) || event.target.id === "filterToggleMerchandising";
+
+        if (!isClickInside) {
+            filterWrapper.classList.remove("filter-active");
+        }
+    });
+
+    function filterCards1() {
+        const selectedFilters = Array.from(document.querySelectorAll('#filterContentMerchandising .filter-checkbox:checked')).map(checkbox => checkbox.id.replace('m-', ''));
+        const cards = document.querySelectorAll('.merchandising-courses');
+
+        $(".merchandising-carousel").slick('slickUnfilter');
+
+        if (selectedFilters.length === 0) {
+            $(".merchandising-carousel").slick('slickUnfilter');
+        } else {
+            $(".merchandising-carousel").slick('slickFilter', function(index, element) {
+                const cardProgress = element.getAttribute('progress'); 
+                return selectedFilters.includes(cardProgress); 
+            });
+        }
+    }
+
+    document.querySelectorAll('#filterContentMerchandising .filter-checkbox').forEach(checkbox => {
+        checkbox.addEventListener('change', filterCards1);
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_messages.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_messages.html.liquid	
@@ -0,0 +1,19 @@
+{% if messages.alert.size > 0 %}
+  <div class="np-alert np-alert-error">
+    <div class="np-alert-wrapper">
+      {% for message in messages.alert %}
+        <div>{{ message }}</div>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
+
+{% if messages.notice.size > 0 %}
+  <div class="np-alert np-alert-success">
+    <div class="np-alert-wrapper">
+      {% for message in messages.notice %}
+        <div>{{ message }}</div>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_modal.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_modal.html.liquid
new file mode 100644
index 00000000..19e504b1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_modal.html.liquid	
@@ -0,0 +1,359 @@
+<div class="overlay-modal">
+    <div class="modal-wrapper">
+        <div class="modal-container">
+            <div class="modal-logo">
+                <img class="modal-logo-img" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4ODEyOTI3OTAsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:1ced31330ca94f7126cb6541f569f7c3caa2d116af79ee6644ee173fafdba070/glXgXFmuT2KPDDWoWnHg" alt="">
+            </div>
+            <div class="modal-content-container">
+                <div class="modal-descirption">
+                    <div class="modal-heading">
+                        Welcome to Supplier Academy <br>
+                        your one-stop-shop for success at Walmart!
+                    </div>
+                    <div class="modal-text">
+                        <div class="modal-smaller-heading">
+                            In Supplier Academy you can...
+                        </div>
+                        <div class="list-modal-container">
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Explore hundreds of eLearning modules</div>
+                            </div>
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Sign up for live webinars</div>
+                            </div>
+                            <div class="list-item">
+                                <div class="dot"></div>
+                                <div class="dot-modal">Complete custom learning paths</div>
+                            </div>
+                        </div>
+                        <div class="modal-text-description">
+                            The Supplier Development team is here to support you every step of the way. If you have any questions or need assistance, feel free to reach out to us at <span class="text-bold">supplierdevelopment@walmart.com</span>.
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-dividing-line"></div>
+                <div class="modal-form">
+                    <div class="modal-welcome-section">
+                        <div class="welcome-image-wrapper">
+                            <svg class="welcome-image" xmlns="http://www.w3.org/2000/svg" width="186" height="162" fill="none" viewBox="0 0 186 162"><mask id="a" width="164" height="162" x="11" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#E6F1FC" d="M93 162c44.793 0 81.105-36.265 81.105-81S137.793 0 93 0C48.207 0 11.895 36.265 11.895 81S48.207 162 93 162Z"/></mask><g mask="url(#a)"><path fill="#E6F1FC" d="M93.287 161.783c44.793 0 81.105-36.265 81.105-81s-36.312-81-81.105-81c-44.793 0-81.104 36.265-81.104 81s36.311 81 81.104 81Z"/><path fill="#000" fill-rule="evenodd" d="M48.976 48.756c0-13.853 11.23-25.084 25.083-25.084 13.854 0 25.084 11.23 25.084 25.084v52.57H48.976v-52.57Z" clip-rule="evenodd"/><path fill="#000" d="M60.524 121.778c14.585 0 26.408-11.474 26.408-25.629 0-14.154-11.823-25.629-26.408-25.629S34.116 81.995 34.116 96.15c0 14.154 11.823 25.628 26.408 25.628Z"/><path fill="#000" d="M64.193 93.67c13.493 0 24.43-9.994 24.43-22.322s-10.938-22.322-24.43-22.322c-13.492 0-24.43 9.994-24.43 22.322S50.7 93.67 64.193 93.67Z"/><path fill="#000" d="M81.692 121.778c14.585 0 26.408-11.474 26.408-25.629 0-14.154-11.823-25.629-26.408-25.629-14.584 0-26.408 11.475-26.408 25.63 0 14.154 11.824 25.628 26.408 25.628Z"/><path fill="#000" d="M85.362 93.67c13.492 0 24.43-9.994 24.43-22.322s-10.938-22.322-24.43-22.322c-13.493 0-24.43 9.994-24.43 22.322S71.868 93.67 85.361 93.67Z"/><path fill="#CC8B57" d="M57.865 32.533c0-.719.583-1.302 1.302-1.302H88.95c.72 0 1.302.583 1.302 1.302v31.352c0 8.943-7.25 16.193-16.193 16.193-8.944 0-16.194-7.25-16.194-16.193V32.533Z"/><path fill="#CC8B57" d="M85.173 53.832c0-.03.025-.056.055-.056h4.773a4.697 4.697 0 1 1 0 9.394h-4.773a.056.056 0 0 1-.055-.056v-9.282ZM53.422 58.473a4.697 4.697 0 0 1 4.696-4.697h4.774c.03 0 .055.025.055.056v9.282c0 .031-.025.056-.055.056h-4.774a4.697 4.697 0 0 1-4.696-4.697Z"/><path fill="#000" fill-rule="evenodd" d="m57.865 31.142 15.876-5.636 16.51 5.636 1.906 5.01-1.905 3.196s-6.918 1.882-14.606 7.126c-7.688 5.244-17.78 7.839-17.78 7.839l-2.541-11.899 2.54-11.272Z" clip-rule="evenodd"/><path fill="#CC8B57" d="M103.309 161.352a81.946 81.946 0 0 1-10.31.648c-27.395 0-51.619-13.565-66.302-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747 7.552-3.01 14.365-6.945 14.365-11.353 0-4.514-.635-12.655-.635-12.655l20.956.67s-.636 7.166-.636 11.702c0 3.666 4.454 6.986 10.15 9.735 13.155 6.345 23.332 18.776 22.241 33.34l-1.141 15.246-11.842 3.945v16.029Z"/><path fill="#CC8B57" d="M103.309 161.352a81.946 81.946 0 0 1-10.31.648c-27.395 0-51.619-13.565-66.302-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747 7.552-3.01 14.365-6.945 14.365-11.353 0-4.514-.635-12.655-.635-12.655l20.956.67s-.04.449-.1 1.191c-.178 2.228-.535 7.11-.535 10.511 0 3.655 4.427 6.967 10.1 9.71l.05.025c13.154 6.345 23.331 18.776 22.24 33.34l-1.141 15.246-11.842 3.945v16.029Z"/><path fill="#002D58" d="M107.533 160.703A81.682 81.682 0 0 1 93 162c-27.396 0-51.62-13.565-66.303-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747a76.48 76.48 0 0 0 2.998-1.266c4.798 3.816 12.11 7.85 21.527 7.762 9.32-.086 16.404-4.028 21.038-7.762 3.035 1.374 6.336 2.59 9.458 3.616 8.322 2.737 15.635 8.217 19.63 16.015l7.772 15.168-15.888 23.264c-.357.356-.661.627-.903.799-3.416 2.436-7.881 7.501-7.881 7.501l-.069.913Z"/><path fill="#0071DC" stroke="#0071DC" d="M66.728 157.657c-2.297-15.585-9.227-51.295-11.944-65.139a69.043 69.043 0 0 1-4.933 2.175 41.087 41.087 0 0 0-7.208 3.73c.034 12.271.096 34.461.126 46.177a80.98 80.98 0 0 0 23.96 13.057Z"/><path fill="#E8E8E8" d="M46.659 130.675c-.696 0-1.26.565-1.26 1.261v1.921c0 .696.564 1.26 1.26 1.26h9.354a1.26 1.26 0 0 0 1.26-1.26v-1.921c0-.696-.564-1.261-1.26-1.261h-9.354Z"/><path fill="#0071DC" stroke="#0071DC" d="M107.768 160.661A81.662 81.662 0 0 1 92.999 162c-3.143 0-6.244-.178-9.294-.526.02-.229.043-.457.065-.684 1.34-13.57 7.571-53.269 9.94-68.165 3.474 1.706 7.444 3.196 11.162 4.418.268.089.535.18.801.273-.017 15.586-.037 50.069.096 54.391.11 3.56 1.21 6.951 1.999 8.954Z"/><path fill="#FEBC11" fill-rule="evenodd" d="M97.748 115.862c-.47 0-.844.257-.844.568l.29 3.171c.028.189.27.338.554.338.29 0 .533-.149.568-.338l.284-3.171c0-.311-.374-.568-.852-.568Zm-4.437 2.596c-.277-.155-.692.034-.928.433-.242.399-.2.845.084 1l2.949 1.346c.187.061.436-.068.581-.311.146-.244.132-.521-.02-.642l-2.666-1.826Zm9.731 1.433c.277-.155.319-.601.083-1-.242-.399-.658-.588-.934-.433l-2.666 1.826c-.152.121-.166.398-.02.642.145.243.394.372.581.311l2.956-1.346Zm-10.576 4.051c-.283.162-.325.608-.083 1.007.236.399.651.588.928.433l2.665-1.826c.153-.128.167-.405.021-.649-.145-.243-.394-.372-.581-.304l-2.95 1.339Zm7.62-1.339c-.187-.068-.436.061-.582.304-.145.244-.131.521.021.649l2.666 1.826c.276.155.692-.034.934-.433.236-.399.194-.845-.083-1.007l-2.956-1.339Zm-2.33 1.297c-.292 0-.534.142-.562.332l-.29 3.17c0 .318.374.575.844.575.478 0 .852-.257.852-.575l-.284-3.17c-.035-.19-.277-.332-.56-.332Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M84.762 57.981c0-1.27-1.04-2.3-2.321-2.3a2.31 2.31 0 0 0-2.321 2.3M68.139 57.981c0-1.27-1.04-2.3-2.321-2.3a2.31 2.31 0 0 0-2.321 2.3" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="M74.12 66.365c1.436 0 2.601-.925 2.601-1.278s-1.165-.64-2.602-.64c-1.437 0-2.602.287-2.602.64 0 .353 1.165 1.278 2.602 1.278Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M69.188 69.528c0 2.223 2.522 3.354 4.656 3.354 2.133 0 4.849-1.131 4.849-3.354" clip-rule="evenodd"/><path fill="#CC8B57" d="M140.571 146.61c-2.432-7.256-8.297-18.384-8.297-18.384-3.573 2.86-7.998 9.402-11.253 14.217-1.415 2.091-2.609 3.857-3.417 4.853-.338-.126-1.477-.238-3.088-.396-3.442-.34-9.04-.891-13.582-2.235-.456-.15-.947-.231-1.45-.315-1.698-.282-3.522-.585-4.551-3.63l-4.668 14.466c4.859.32 9.964 1.914 14.651 3.378 1.864.582 3.662 1.144 5.351 1.596a80.764 80.764 0 0 0 30.304-13.55Z"/><path fill="#CC8B57" fill-rule="evenodd" d="M88.72 156.246c-2.567-.136-5.46-.633-6.511-1.794-1.051-1.161-.424-.91-1.005-2.01-.58-1.1-.81-.894-1.823-1.944-1.014-1.049-.04-2.168-.408-2.962-.276-.595-.913-.369-.82-2.067.06-1.132.865-2.314.896-2.88.03-.566-2.786-4.442 5.51-4.442 1.927.102 4.058.574 10.215 2.852-.367 6.738 1.284 12.231-6.054 15.247Z" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="m128.28 149.592-1.306-.378c-.81-.234-2.107-.414-3.48-.603-.804-.111-1.633-.225-2.368-.353-1.949-.339-3.495-.953-3.522-.962l.167-.198c.027.009 1.509.629 3.439.964.732.127 1.558.242 2.358.352 1.383.191 2.688.371 3.514.611l1.306.378-.108.189Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M95.684 146.851c-.638-.376-.147-5.776-.902-6.402-.902-.747-1.366-3.576-1.346-5.271.033-2.822 1.076-4.701.415-5.303-1.187-1.083-3.208.478-4.795 2.98-.75 2.881-.221 6.056-1.524 7.248-14.653 13.408 6.22 7.633 8.152 6.748Z" clip-rule="evenodd"/><path fill="#AD764A" d="m63.95 76.54.028.49A18.475 18.475 0 0 0 77.6 83c2.21 0 4.329-.387 6.293-1.096.033-1.704.13-3.632.238-5.37a16.125 16.125 0 0 1-10.093 3.53c-3.814 0-7.32-1.318-10.087-3.525Z"/></g><rect width="162" height="162" x="12" fill="#D2EFF9" rx="81"/><mask id="b" width="162" height="162" x="12" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="162" height="162" x="12" fill="#fff" rx="81"/></mask><g mask="url(#b)"><path fill="#000" fill-rule="evenodd" d="M66.993 38.241C66.993 23.75 78.743 12 93.235 12c14.493 0 26.241 11.749 26.241 26.241v54.996H66.993V38.241Z" clip-rule="evenodd"/><path fill="#000" d="M79.075 114.634c15.257 0 27.626-12.004 27.626-26.812 0-14.808-12.369-26.812-27.626-26.812-15.258 0-27.627 12.004-27.627 26.812 0 14.808 12.369 26.812 27.627 26.812Z"/><path fill="#000" d="M82.913 85.228c14.115 0 25.558-10.455 25.558-23.352S97.028 38.524 82.913 38.524 57.356 48.979 57.356 61.876s11.442 23.352 25.557 23.352Z"/><path fill="#000" d="M101.22 114.634c15.258 0 27.626-12.004 27.626-26.812 0-14.808-12.368-26.812-27.626-26.812-15.258 0-27.627 12.004-27.627 26.812 0 14.808 12.37 26.812 27.627 26.812Z"/><path fill="#000" d="M105.059 85.228c14.115 0 25.557-10.455 25.557-23.352s-11.442-23.352-25.557-23.352c-14.115 0-25.558 10.455-25.558 23.352s11.442 23.352 25.558 23.352Z"/><path fill="#CC8B57" d="M76.293 21.27c0-.752.61-1.362 1.362-1.362h31.158c.752 0 1.362.61 1.362 1.362v32.799c0 9.356-7.585 16.94-16.941 16.94-9.356 0-16.94-7.584-16.94-16.94v-32.8Z"/><path fill="#CC8B57" d="M104.861 43.552c0-.032.026-.058.058-.058h4.993a4.914 4.914 0 1 1 0 9.827h-4.993a.058.058 0 0 1-.058-.058v-9.711ZM71.644 48.407c0-2.713 2.2-4.913 4.914-4.913h4.993c.033 0 .059.026.059.058v9.71a.058.058 0 0 1-.058.059h-4.994a4.914 4.914 0 0 1-4.914-4.914Z"/><path fill="#000" fill-rule="evenodd" d="m76.293 19.815 16.609-5.897 17.272 5.897 1.993 5.24-1.993 3.344s-7.237 1.97-15.28 7.455c-8.042 5.486-18.6 8.2-18.6 8.2l-2.658-12.447 2.657-11.792Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 4.06 5.224 7.716 11.684 10.685 13.271 6.098 23.38 18.642 22.29 33.206l-1.282 17.121-12.388 4.128v55.982l-13.765 17.646H75.659l-13.765-17.646L57 154.5l-17.129-1.882 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/><mask id="c" width="116" height="152" x="39" y="61" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 6.24 12.339 11.525 22.544 14.83 8.335 2.697 15.645 8.19 19.639 15.987l8.422 16.437-23.02 33.708s-2.476 13.787-4.515 24.602c-1.624 8.612-1.293 22.395-1.293 22.395l-15.238 10.809H75.659l-13.765-17.646-4.129-42.079-17.894-.55 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/></mask><g mask="url(#c)"><path fill="#CC8B57" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 4.06 5.224 7.716 11.684 10.685 13.271 6.098 23.38 18.642 22.29 33.206l-1.282 17.121-12.388 4.128v55.982l-13.765 17.646H75.659l-13.765-17.646L57 154l-17.129-1.382 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/><path fill="#002D58" fill-rule="evenodd" d="M64.198 78.05s10.756 15.217 29.368 15.044C112.18 92.92 122.27 78.05 122.27 78.05l17.136 11.068 17.52 31.573s-16.782 23.312-20.356 25.861c-3.574 2.549-8.244 7.847-8.244 7.847l-3.115 40.849-26.881 29.318-21.295-13.03-15.14-16.288L58 152l-19-4.5 8.063-57.537L64.198 78.05Z" clip-rule="evenodd"/><path fill="#338DE3" fill-rule="evenodd" stroke="#338DE3" d="M71.909 78.134s11.945 60.141 14.109 77.311c2.164 17.17.652 69.665.652 69.665l-35.788-4.072 6.882-63.798s2.753-6.787 2.753-10.859-.175-65.29-.175-65.29l11.567-2.957Z" clip-rule="evenodd"/><rect width="12.424" height="4.647" x="63.251" y="123.94" fill="#E8E8E8" rx="1.261"/><path fill="#338DE3" fill-rule="evenodd" stroke="#338DE3" d="M114.75 78.134s-9.617 59.696-11.356 77.311c-1.739 17.615-.205 39.802-.205 39.802l1.376 29.863h30.282l-5.506-67.87s-2.752-5.43-2.933-11.297c-.181-5.867-.091-64.852-.091-64.852l-11.567-2.957Z" clip-rule="evenodd"/><path fill="#FFE190" fill-rule="evenodd" d="M70.017 108.444c-.493 0-.884.269-.884.594l.304 3.317c.03.198.283.354.58.354.304 0 .557-.156.594-.354l.297-3.317c0-.325-.392-.594-.891-.594Zm-4.642 2.716c-.29-.163-.724.035-.97.453-.254.417-.21.884.086 1.046l3.086 1.408c.195.063.456-.071.608-.326.152-.254.138-.544-.022-.671l-2.788-1.91Zm10.18 1.499c.29-.162.333-.629.087-1.046-.254-.418-.688-.616-.978-.453l-2.788 1.91c-.16.127-.174.417-.022.671.152.255.413.389.609.326l3.092-1.408Zm-11.064 4.237c-.297.17-.34.637-.087 1.054.247.418.681.616.97.453l2.79-1.91c.159-.134.173-.424.02-.679-.151-.254-.412-.389-.607-.318l-3.086 1.4Zm7.972-1.4c-.196-.071-.457.064-.609.318-.152.255-.138.545.022.679l2.788 1.91c.29.163.724-.035.978-.453.246-.417.203-.884-.087-1.054l-3.093-1.4Zm-2.439 1.357c-.304 0-.558.149-.587.347l-.304 3.317c0 .332.391.601.884.601.5 0 .89-.269.89-.601l-.296-3.317c-.037-.198-.29-.347-.587-.347Z" clip-rule="evenodd"/></g><path fill="#000" fill-rule="evenodd" d="M104.431 47.893a2.417 2.417 0 0 0-2.428-2.407 2.418 2.418 0 0 0-2.428 2.407M87.041 47.893a2.417 2.417 0 0 0-2.428-2.407 2.417 2.417 0 0 0-2.429 2.407" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="M93.297 56.663c1.504 0 2.722-.968 2.722-1.337 0-.37-1.218-.669-2.722-.669-1.503 0-2.722.3-2.722.669 0 .369 1.22 1.337 2.722 1.337Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M88.139 59.972c0 2.325 2.638 3.509 4.87 3.509s5.073-1.184 5.073-3.51" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M163.902 145.456c0-5.546-9.766-24.077-9.766-24.077-5.362 4.291-12.556 16.51-15.347 19.949-1.109-.41-10.464-.687-17.439-2.751-2.093-.688-4.883 0-6.278-4.128l-4.883 15.135c10.463.687 22.026 7.03 28.6 6.191 5.969-.762 25.113 0 25.113-10.319Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M108.572 150.693c-2.686-.143-5.713-.663-6.812-1.878-1.099-1.214-.443-.952-1.051-2.102-.608-1.151-.847-.936-1.907-2.034-1.061-1.097-.043-2.269-.427-3.099-.289-.623-.956-.386-.859-2.162.065-1.184.906-2.421.938-3.013.032-.592-2.914-4.647 5.765-4.647 2.016.107 4.245.6 10.686 2.984-.384 7.049 1.343 12.795-6.333 15.951Z" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="m149.958 143.731-1.366-.395c-.848-.246-2.205-.433-3.641-.631a76.206 76.206 0 0 1-2.477-.369c-2.039-.355-3.656-.997-3.684-1.007l.174-.208c.028.01 1.579.658 3.597 1.01.766.133 1.631.252 2.467.368 1.447.199 2.812.388 3.677.638l1.366.396-.113.198Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M115.857 140.863c-.668-.393-.153-6.043-.943-6.697-.944-.782-1.429-3.741-1.409-5.515.035-2.952 1.127-4.917.435-5.547-1.243-1.133-3.357.5-5.017 3.117-.784 3.014-.231 6.335-1.594 7.582-15.33 14.028 6.506 7.986 8.528 7.06Z" clip-rule="evenodd"/><mask id="d" width="23" height="23" x="82" y="61" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M104.175 61.869s-.665 7.496-.665 12.241c0 11.39-20.594 12.39-20.594.296 0-4.723-.665-13.24-.665-13.24l21.924.703Z" clip-rule="evenodd"/></mask><g mask="url(#d)"><path fill="#AD764A" fill-rule="evenodd" d="M81.209 66.007c3.518 4.88 9.253 8.058 15.73 8.058 10.703 0 19.379-8.676 19.379-19.378V29.26c0-.677-.549-1.226-1.227-1.226h-4.937v26.018c0 9.356-7.585 16.94-16.941 16.94a16.888 16.888 0 0 1-12.004-4.986Z" clip-rule="evenodd"/></g><path fill="#0071DC" fill-rule="evenodd" d="M59.35 30.543a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.794 0a1.932 1.932 0 1 1 3.863 0 1.932 1.932 0 0 1-3.863 0Z" clip-rule="evenodd"/><path fill="#29B8FF" fill-rule="evenodd" d="M25.228 56.295a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.794 0a1.931 1.931 0 1 1 3.863 0 1.931 1.931 0 0 1-3.863 0Z" clip-rule="evenodd"/><circle cx="83.161" cy="128.452" r="2.565" fill="#FFC220"/><circle cx="169.432" cy="68.487" r="2.565" fill="#FF7208"/><circle cx="108.525" cy="3.475" r="2.565" fill="#FF7208"/><circle cx="49.564" cy="112.565" r="2.565" fill="#B253B7"/><path fill="#29B8FF" fill-rule="evenodd" d="M42.946 17.606a1.916 1.916 0 1 0-3.761.731l.548 2.821a1.916 1.916 0 1 0 3.76-.731l-.547-2.82Z" clip-rule="evenodd"/><rect width="3.831" height="6.705" fill="#0071DC" rx="1.916" transform="matrix(-1 0 0 1 100.831 10)"/><path fill="#FF7208" fill-rule="evenodd" d="M135.942 18.836a1.916 1.916 0 1 0-3.06-2.306l-1.729 2.295a1.916 1.916 0 1 0 3.06 2.306l1.729-2.295Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="M155.053 48.691a1.915 1.915 0 1 0-3.5-1.558l-1.169 2.625a1.917 1.917 0 0 0 3.501 1.559l1.168-2.626Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M159.897 72.993a1.916 1.916 0 1 0-1.373-3.577l-2.683 1.03a1.915 1.915 0 1 0 1.374 3.576l2.682-1.03ZM76.164 13.274a1.916 1.916 0 0 0-1.373-3.578l-2.683 1.03a1.916 1.916 0 1 0 1.373 3.577l2.683-1.03Z" clip-rule="evenodd"/><path fill="#0071DC" fill-rule="evenodd" d="M149.227 83.57c.681.195 1.074.905.879 1.586l-1.237 4.314a1.282 1.282 0 0 1-1.586.879l-3.082-.884-.883 3.082c-.19.66-.863 1.05-1.524.895l-.062-.016-3.082-.883-.884 3.081a1.282 1.282 0 1 1-2.465-.707l1.237-4.314a1.282 1.282 0 0 1 1.586-.88l3.082.884.884-3.081a1.282 1.282 0 0 1 1.586-.88l3.081.884.884-3.081a1.282 1.282 0 0 1 1.586-.88Z" clip-rule="evenodd"/><path fill="#008BFC" fill-rule="evenodd" d="M173.784 47.775a1.283 1.283 0 0 1-1.67-.709l-1.681-4.16a1.282 1.282 0 0 1 .709-1.67l2.972-1.201-1.201-2.972a1.282 1.282 0 0 1 .65-1.644l.059-.026 2.972-1.2-1.201-2.973a1.282 1.282 0 0 1 2.378-.96l1.681 4.16a1.282 1.282 0 0 1-.708 1.67l-2.973 1.2 1.201 2.973a1.282 1.282 0 0 1-.708 1.67l-2.972 1.2 1.2 2.973a1.282 1.282 0 0 1-.708 1.669Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="M136.143 40.145a1.282 1.282 0 0 1 1.544.951l1.039 4.366a1.283 1.283 0 0 1-.95 1.545l-3.119.742.742 3.118a1.282 1.282 0 0 1-.889 1.529l-.062.016-3.118.742.742 3.119a1.283 1.283 0 0 1-2.495.593l-1.039-4.366a1.282 1.282 0 0 1 .95-1.544l3.119-.742-.742-3.119a1.283 1.283 0 0 1 .951-1.544l3.118-.742-.742-3.12a1.282 1.282 0 0 1 .951-1.544Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="M48.609 81.04a1.282 1.282 0 0 1-1.81.126l-3.386-2.945a1.282 1.282 0 0 1-.127-1.809l2.103-2.42-2.42-2.103a1.282 1.282 0 0 1-.166-1.76l.04-.049 2.103-2.419-2.419-2.103a1.282 1.282 0 0 1 1.683-1.936l3.387 2.945c.534.464.59 1.274.126 1.809l-2.103 2.42 2.42 2.102c.534.465.59 1.275.126 1.81l-2.103 2.419 2.42 2.103c.534.465.59 1.275.126 1.81Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M31.897 122.671a1.282 1.282 0 0 1-1.555.934l-4.354-1.086a1.282 1.282 0 0 1-.934-1.554l.775-3.111-3.11-.775a1.283 1.283 0 0 1-.949-1.492l.015-.063.775-3.11-3.11-.776a1.282 1.282 0 1 1 .62-2.488l4.355 1.086c.687.171 1.105.867.934 1.554l-.776 3.111 3.11.775c.688.172 1.106.868.935 1.555l-.776 3.11 3.11.776c.688.171 1.106.867.935 1.554Z" clip-rule="evenodd"/><path fill="#0071DC" fill-rule="evenodd" d="m21.673 77.655-.946 6.382L16 80.727l5.673-3.072Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="m34.551 34.466 2.886 5.77h-5.77l2.884-5.77Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="m146.736 126.304 6.345 1.169-3.473 4.608-2.872-5.777Z" clip-rule="evenodd"/><path fill="#008BFC" fill-rule="evenodd" d="m166.395 102.728-4.516 4.607-1.879-5.456 6.395.849Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="m57.075 53.005 6.084 2.146-4.15 4.009-1.934-6.155Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="M34.885 97.5a3.863 3.863 0 1 0-7.725 0 3.863 3.863 0 0 0 7.725 0Zm-5.794 0a1.931 1.931 0 1 1 3.863 0 1.931 1.931 0 0 1-3.863 0Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M108.726 103.863a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.795 0a1.932 1.932 0 1 1 3.864 0 1.932 1.932 0 0 1-3.864 0Z" clip-rule="evenodd"/></g></svg>
+                        </div>
+                        <div class="welcome-text-wrapper">
+                            <div class="modal-heading">Hi, {{current_person.first_name}}!</div>
+                            <div class="modal-heading">Please complete the information below to get started!</div>
+                        </div>
+                    </div>
+                    <div class="form-section">
+                        <div class="option">
+                            <label class="label-name modal-smaller-heading" for="">Which country are you currently doing business in?</label>
+                            <select class="select-options" name="country" id="">
+                                <option value="" selected>Please choose an option</option>
+                                <option value="USA">USA</option>
+                                <option value="Mexico">Mexico</option>
+                                <option value="India">India</option>
+                                <option value="Walmart Associate">Walmart Associate</option>
+                              </select>
+                        </div>
+                        <div class="option">
+                            <label class="label-name modal-smaller-heading" for="">Are you currently doing business with Walmart Inc.?</label>
+                            <select class="select-options" name="business" id="">
+                                <option value="" selected>Please choose an option</option>
+                                <option value="yes">Yes</option>
+                                <option value="no">No</option>
+                              </select>
+                        </div>
+                        <div class="submit-container">
+                            <button class="submit-btn">Submit</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .dot {
+        width: 7.5px;
+        height: 7.5px;
+        background: #fff;
+        border-radius: 50%;
+    }
+    .list-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin: 15px 0;
+    }
+    .overlay-modal {
+        position: fixed;
+        z-index: 111;
+        height: 100%;
+        width: 100%;
+        background: rgba(0,0,0, 0.35);
+        display: flex;
+        justify-content: center;
+        overflow: scroll;
+    }
+    .modal-container {
+        display: flex;
+        flex-direction: column;
+    }
+    .welcome-text-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+    }
+    .modal-logo {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 40px;
+    }
+    .welcome-image {
+        width: 150px;
+        height: 150px;
+        border-radius: 100%;
+    }
+    .text-bold {
+        font-weight: 600;
+    }
+    .modal-welcome-section {
+        display: flex;
+        align-items: center;
+        gap: 30px;
+    }
+    .modal-wrapper {
+        height: fit-content;
+        width: fit-content;
+        display: flex;
+        justify-content: center;
+        border: 3px solid #ffc220;
+        background: #001e60;
+        border-radius: 12px;
+        padding: 60px 40px;
+        margin-top: 5%;
+        margin-right: 5%;
+        margin-left: 5%;
+        max-width: 1200px;
+    }
+    .modal-descirption {
+        flex-basis: 50%;
+    }
+    .modal-form {
+        flex-basis: 50%;
+    }
+    .modal-dividing-line {
+        height: 100%;
+        width: 3px;
+        background: #ffc220;
+    }
+    .modal-content-container {
+        display: flex;
+        gap: 40px;
+    }
+    .modal-logo-img {
+        max-width: 600px;
+        width: 100%;
+    }
+    .modal-heading {
+        font-size: 1.5rem;
+        font-weight: 600;
+        text-align: center;
+    }
+    .modal-text {
+        font-size: 1.25rem;
+        margin-top: 25px;
+    }
+    .modal-smaller-heading {
+        font-weight: 600;
+    }
+    .dot-modal {
+        padding: 0;
+    }
+    .list-modal-container {
+        margin-left: 20px;
+    }
+    .form-section {
+        margin-top: 30px;
+    }
+    .label-name {
+        font-size: 1.25rem;
+    }
+    .select-options {
+        width: 100%;
+        background: #fff;
+        border: none;
+        padding: 10px 15px;
+        margin-top: 10px;
+        border-radius: 4px;
+    }
+    .option {
+     margin-top: 20px;
+    }
+    .submit-container {
+        display: flex;
+        justify-content: center;
+        margin-top: 30px;
+    }
+    .submit-btn {
+        border: none;
+        color: #000;
+        font-size: 1.25rem;
+        font-weight: 600;
+        padding: 10px 20px;
+        max-width: 250px;
+        width: 100%;
+        background: #ffc220;
+        border-radius: 12px;
+        cursor: pointer;
+    }
+
+    .loader {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.6);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 9999;
+    }
+
+    .spinner {
+        width: 50px;
+        height: 50px;
+        border: 5px solid transparent;
+        border-top: 5px solid #fff;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+    }
+    @media only screen and (max-width: 900px) {
+        .modal-content-container {
+            flex-direction: column;
+            gap: 20px;
+        }
+
+        .modal-text {
+            text-align: center;
+        }
+        .modal-welcome-section {
+            flex-direction: column;
+        }
+        .modal-wrapper {
+            padding: 40px 20px;
+        }
+        .modal-logo {
+            margin-bottom: 30px;
+        }
+        .modal-heading {
+            font-size: 1.25rem;
+        }
+        .modal-text {
+            font-size: 1rem;
+        }
+        .label-name {
+            font-size: 1rem;
+        }
+    }
+</style>
+
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+    if (localStorage.getItem("modalFilled") === "true") {
+        document.getElementsByClassName('overlay-modal')[0].style.display = 'none';
+    }
+
+    const countrySelect = document.querySelector(".select-options[name='country']");
+    const businessSelect = document.querySelector(".select-options[name='business']");
+    const submitBtn = document.querySelector(".submit-btn");
+    const businessOptionContainer = businessSelect.closest(".option");
+
+
+    businessOptionContainer.style.display = "none";
+
+
+    countrySelect.addEventListener("change", () => {
+        const selectedCountry = countrySelect.value;
+        businessOptionContainer.style.display = selectedCountry === "USA" ? "block" : "none";
+    });
+
+    submitBtn.addEventListener("click", () => {
+        const selectedCountry = countrySelect.value;
+        const selectedBusiness = businessSelect.value;
+
+        if (!selectedCountry) {
+            alert("Please choose a country.");
+            return;
+        }
+
+        let payload = {};
+
+        switch (selectedCountry) {
+            case "India":
+                payload = { group: "9d4a3325-ada5-4c19-8dd6-7f5aeae34899", locale: "IND", id: "{{current_person.id}}" };
+                break;
+            case "Mexico":
+                payload = { group: "5274843d-fba0-461c-b05b-3f3640385cf2", locale: "MEX", id: "{{current_person.id}}" };
+                break;
+            case "Walmart Associate":
+                payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", group2: "646fe445-cc88-4266-a6bd-8e28b977649e", group3: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" };
+                break;
+            case "USA":
+                if (!selectedBusiness) {
+                    alert("Please choose if you are doing business with Walmart.");
+                    return;
+                }
+                payload = selectedBusiness === "yes" 
+                    ? { group: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" }
+                    : { group: "646fe445-cc88-4266-a6bd-8e28b977649e", locale: "USA", id: "{{current_person.id}}" };
+                break;
+            default:
+                alert("Invalid country selection.");
+                return;
+        }
+
+        showLoader();
+
+
+        fetch("https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/walmart-supplier-modal-integration", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(payload),
+        })
+        .then(() => {
+            localStorage.setItem("modalFilled", "true");
+            setTimeout(() => {
+                location.reload();  
+            }, 4000);  
+        })
+        .catch(() => {
+            alert("There was an error submitting the form.");
+            hideLoader();
+        });
+    });
+
+
+    function showLoader() {
+        const loader = document.createElement("div");
+        loader.className = "loader";
+        loader.innerHTML = `<div class="spinner"></div>`;
+        document.body.appendChild(loader);
+    }
+
+    function hideLoader() {
+        const loader = document.querySelector(".loader");
+        if (loader) loader.remove();
+    }
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_progress_circle.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_progress_circle.html.liquid
new file mode 100644
index 00000000..040aeed1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_progress_circle.html.liquid	
@@ -0,0 +1,47 @@
+<div class="progress-ring-wrapper">
+  <svg
+    class="progress-ring"
+    width="{{ size }}"
+    height="{{ size }}">
+    <circle
+      class="circle circle-bg"
+      stroke="{{ stroke_color_bg }}"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"
+    />
+    <circle
+      class="circle circle-{{ name }}"
+      stroke="{{ stroke_color }}"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"
+    />
+    <text x="50%" y="50%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="{{ number_color }}" dy=".3em">
+      {{ count }}
+    </text>
+  </svg>
+  <h3 class="np-card-content-title progress-circle-label">
+    {{ name }}
+  </h3>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    let circle = document.getElementsByClassName("circle-{{ name }}")[0];
+    let radius = circle.r.baseVal.value;
+    let circumference = radius * 2 * Math.PI;
+
+    circle.style.strokeDasharray = `${circumference} ${circumference}`;
+    circle.style.strokeDashoffset = `${circumference}`;
+
+    function setProgress(percent) {
+      circle.style.strokeDashoffset = circumference - percent * circumference;
+    }
+    setProgress('{{ count | divided_by: total }}')
+  })
+</script>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_result.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_result.html.liquid	
@@ -0,0 +1,19 @@
+<div class="np-card np-search-result">
+  <div class="np-card-container">
+    <div class="np-card-content">
+      <img
+        class="np-search-result-image"
+        alt="{{ result.name }}"
+        src="{{ result.image_url }}"
+      />
+      <div class="np-search-result-content">
+        <div>
+          <a class="np-search-result-title" href="{{ result.path }}">
+            {{ result.name }}
+          </a>
+        </div>
+        <div class="np-search-result-snippet">{{ result.description }}</div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_search_zero_state.html.liquid	
@@ -0,0 +1,13 @@
+<div class="np-card np-search-zero-state">
+  <div class="np-card-container">
+    <div class="np-card-content np-card-content-vertical np-search-zero-state-card">
+      <h3 class="np-search-zero-state-title">
+        {% t .nothing_found %}
+      </h3>
+      <div class="np-search-zero-state-subtitle">
+        {% t .empty %}
+      </div>
+      <div class="np-search-zero-state-image"></div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_sub_navigation.html.liquid
new file mode 100644
index 00000000..2757632e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_sub_navigation.html.liquid	
@@ -0,0 +1,74 @@
+
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      {% unless link.label == 'Dashboard' %}
+      <div class="np-sub-navigation-content-item {{ link.active_class }}">
+        <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+          {% if link.label == 'Catalog' %}
+            Modules 
+            {% else %}
+            {{ link.label }}
+          {% endif %}
+        </a>
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      </div>
+    {% endunless %}
+    {% endfor %}
+     <div id="navBlog" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
+      <a class="np-sub-navigation-content-item-link" href="/app/blog">
+        Announcements
+      </a>
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+    </div>
+    <div id="helpDocs" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
+      <a class="np-sub-navigation-content-item-link" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d">
+        Help Docs
+      </a>
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+    </div>
+  </div>
+	{% comment %}
+     <div id="navBlog" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
+      <a class="np-sub-navigation-content-item-link" href="">
+        <i class="far fa-file-alt np-button-color np-sub-navigation-content-item-icon"></i>
+        Help Docs
+      </a>
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+    </div>
+		</div>
+		{% endcomment %}
+</nav>
+
+<script>
+  const url = window.location.pathname;
+  const navBlogBtn = document.querySelector('#navBlog');
+  const navHelpDocBtn = document.querySelector('#helpDocs');
+  const navWalmart = document.querySelector('#walmart');
+  const navAdvisors = document.querySelector('#advisors');
+  const navItems = document.querySelectorAll('.np-sub-navigation-content-item-link');
+
+
+  if (url === '/app/blog') {
+    navBlogBtn.classList.add('np-sub-navigation-content-item-active');
+    navBlogBtn.classList.remove('np-sub-navigation-content-item-inactive');
+	} else if (url === '/app/help-docs') {
+    navHelpDocBtn.classList.add('np-sub-navigation-content-item-active');
+    navHelpDocBtn.classList.remove('np-sub-navigation-content-item-inactive');
+	} else if (url === '/app/welcome-to-walmart') {
+    navWalmart.classList.add('np-sub-navigation-content-item-active');
+    navWalmart.classList.remove('np-sub-navigation-content-item-inactive');
+	} else if (url === '/app/advisors') {
+    navAdvisors.classList.add('np-sub-navigation-content-item-active');
+    navAdvisors.classList.remove('np-sub-navigation-content-item-inactive');
+	} else if (url == '/app/categories-catalog') {
+    navItems.forEach(item => {
+      if (item.innerText == 'Courses') {
+        item.parentElement.classList.add('np-sub-navigation-content-item-active');
+        item.parentElement.classList.remove('np-sub-navigation-content-item-inactive');
+      }
+    })
+  }
+
+
+</script>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..17cda9af
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_dashboard.html.liquid	
@@ -0,0 +1,61 @@
+{% assign events_counter = 0 %}
+<div class="heading-container">
+  <a href='/app/training_events' class="carousel-heading events-link">
+    Upcoming Events
+  </a>
+</div>
+<div class="carousel-wrapper">
+  <div class="events-carousel">
+      {% for training_event in training_events.enrolled %}
+        <div class="event-cart-carousel-item">
+          {% include "cards_training_event" with training_event %}
+          {% assign events_counter = events_counter |  plus: 1 %}
+        </div>
+      {% endfor %}
+  </div>
+  {% if events_counter == 0 %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>  
+<style>
+  .events-grid-container {
+    width: 33%;
+  }
+  .events-carousel {
+    width: 100%;
+    margin: 0;
+  }
+  .events-link {
+    text-decoration: none;
+  }
+</style>
+
+<script>
+$(document).ready(function() {
+
+    $(".events-carousel").slick({
+        slidesToShow: 1,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 1,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_filter.html.liquid	
@@ -0,0 +1,53 @@
+<div class="np-filter">
+  <div class="dropdown">
+    <button
+      class="np-button dropdown-button"
+      data-toggle-class="is-open"
+      data-toggle-escape
+      data-toggle-outside
+      data-toggle-target-next
+      type="button"
+    >
+      {% t shared.filters.filter %}
+    </button>
+
+    <div class="dropdown-menu" data-test="modal">
+      <form method="get">
+        <span class="dropdown-label">
+          {% t shared.filters.by_event_type %}
+        </span>
+        <ul class="dropdown-checkboxes">
+          {% for event_type in training_events.filters.event_types %}
+            {% capture label %}
+              {% t shared.event_types, key: event_type.value %}
+            {% endcapture %}
+            <li>
+              {% include "filter_checkbox",
+                  label: label,
+                  name: event_type.name,
+                  value: event_type.value
+                  selected: event_type.selected?
+              %}
+            </li>
+          {% endfor %}
+        </ul>
+
+        {% capture label %}{% t shared.filters.by_course %}{% endcapture %}
+        {%
+          include "filter_select",
+          filters: training_events.filters.courses,
+          key: "courses_uuid",
+          label: label
+        %}
+
+        <button
+          class="np-button dropdown-button-apply"
+          data-toggle-trigger-off
+          type="submit"
+        >
+          {% t shared.filters.apply %}
+        </button>
+      </form>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_index.html.liquid	
@@ -0,0 +1,13 @@
+<div class="np-dashboard-resources">
+  {% if training_events.available.any? %}
+    <div class="row row-with-thumbnails">
+      {% for training_event in training_events.available %}
+        <div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
+          {% include "cards_training_event" with training_event %}
+        </div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_events_zero_state.html.liquid	
@@ -0,0 +1,9 @@
+<div class="np-dashboard-resources-container">
+  <div class="np-zero-state-text">
+    {% t .empty %}
+  </div>
+  <img
+    class="np-zero-state-training-events"
+    alt="{% t .empty %}"
+  />
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_calendars.html.liquid	
@@ -0,0 +1,52 @@
+<div class="dropdown dropdown-calendar">
+  <button
+    class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
+    data-toggle-class="is-open"
+    data-toggle-escape
+    data-toggle-outside
+    data-toggle-target-next
+    type="button"
+  >
+    {% t .add_to_calendar %}
+    <i class="fas fa-chevron-down dropdown-calendar-button-chevron"></i>
+  </button>
+
+  <ul class="dropdown-calendar-menu">
+    <li class="dropdown-calendar-item">
+      <a
+        class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
+        href="{{ training_session.google_calendar_url }}"
+        target="_blank"
+      >
+          {% t .google_calendar %}
+      </a>
+    </li>
+    <li class="dropdown-calendar-item">
+      <a
+        class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
+        href="{{ training_session.outlook_calendar_url }}"
+        target="_blank"
+      >
+          {% t .outlook_calendar %}
+      </a>
+    </li>
+    <li class="dropdown-calendar-item">
+      <a
+        class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
+        href="{{ training_session.outlook_office_calendar_url }}"
+        target="_blank"
+      >
+          {% t .office_calendar %}
+      </a>
+    </li>
+    <li class="dropdown-calendar-item">
+      <a
+        class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
+        href="{{ training_session.ical_calendar_url }}"
+        target="_blank"
+      >
+          {% t .ical_calendar %}
+      </a>
+    </li>
+  </ul>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d45b82db
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_cta.html.liquid	
@@ -0,0 +1,53 @@
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{% route training_session_registration, id: training_session.id %}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.internal? and training_session.approved? %}
+        {% if features.training_events_google_calendar? %}
+          {% include "training_session_calendars" %}
+          <button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
+            {% t .unregister %}
+          </button>
+        {% else %}
+          <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+            {% t .unregister %}
+          </button>
+        {% endif %}
+
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.not_registered? %}
+        <button type="submit" class="np-top-button np-button np-button-big">
+          {% t .register %}
+        </button>
+      {% endif %}
+    </form>
+  </div>
+</div>
+{% if training_session.approved? %}
+  <div class="np-training-session-cta-note">
+    <i class="far fa-check np-training-session-icon"></i>
+    {% t .registered %}
+  </div>
+{% elsif training_session.pending? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .pending %}
+  </div>
+{% elsif training_session.denied? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .denied %}
+  </div>
+{% elsif training_session.too_late? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .too_late %}
+  </div>
+{% elsif training_session.no_seats? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .no_seats %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_date.html.liquid	
@@ -0,0 +1,14 @@
+<div class="np-card-training-session-date">
+  <div class="np-button-background-color np-card-training-session-date-bar"></div>
+  <div class="np-card-training-session-date-day">
+    {{ training_session.day }}
+  </div>
+  <div>
+    <div class="np-card-training-session-date-month">
+      {{ training_session.month }}
+    </div>
+    <div class="np-card-training-session-date-year">
+      {{ training_session.year }}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_description.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-card-text">
+  {{ training_event.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..b0424892
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_desktop_view.html.liquid	
@@ -0,0 +1,38 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row">
+  <div class="col-xs-12 col-sm-7">
+    <div class="np-card-container">
+      <div class="row">
+        <div class="col-xs-12 col-sm-5">
+          {% include "training_session_details" %}
+        </div>
+        <div class="col-xs-12 col-sm-7">
+          {% include "training_session_cta" %}
+        </div>
+      </div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-5 np-grid-spacing">
+    <div class="np-training-session-sessions-title">
+      {% t shared.more_sessions %}
+    </div>
+    {% if training_event.sessions.size > 1 %}
+      {% include "training_session_more_sessions" %}
+    {% else %}
+      <div class="np-training-session-zero-state">
+        <img
+          alt="{% t .empty %}"
+          class="np-zero-state-training-sessions"
+        />
+        <div class="np-training-session-zero-state-text">
+          {% t .empty %}
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_details.html.liquid	
@@ -0,0 +1,24 @@
+<div class="np-card-spacing-large">
+  {% include "training_session_date" %}
+
+  <div class="np-training-session-time">
+    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
+    {{ training_session.time_period }} {{ training_session.time_zone }}
+  </div>
+
+  {% if training_session.location %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      {{ training_session.location }}
+    </div>
+  {% endif %}
+
+  {% if training_session.session_url %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
+        {{ training_session.session_url }}
+      </a>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_header.html.liquid	
@@ -0,0 +1,10 @@
+<div class="np-top-vocabulary np-text-title">
+  {% t shared.event_types, key: training_event.event_type %}
+  <i class="fal fa-users-class np-button-color np-training-session-icon"></i>
+</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>
+  {{ training_event.title }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_mobile_view.html.liquid	
@@ -0,0 +1,22 @@
+<div class="np-card-container-training-session">
+  <div class="np-card-spacing-large">
+    {% include "training_session_header" %}
+  </div>
+  {% include "training_session_details" %}
+  <div class="np-card-padding-large">
+    {% include "training_session_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "training_session_description" %}
+</div>
+
+{% if training_event.sessions.size > 1 %}
+  <div class="np-card-spacing">
+    <div class="np-training-session-sessions-title">
+      {% t shared.more_sessions %}
+    </div>
+    {% include "training_session_more_sessions" %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_more_sessions.html.liquid	
@@ -0,0 +1,3 @@
+{% for session in training_event.sessions %}
+  {% include "training_session_tile", current_session: training_session %}
+{% endfor %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_status.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_status.html.liquid
new file mode 100644
index 00000000..75116282
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_status.html.liquid	
@@ -0,0 +1,6 @@
+<div class="np-training-session-cta-note np-training-session-tile-badge np-training-session-tile-badge-{{ training_session.status.type }}">
+    {% if training_session.approved? %}
+        <i class="far fa-check np-training-session-icon"></i>
+    {% endif %}
+    {{ training_session.status.label }}
+</div>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_tile.html.liquid
new file mode 100644
index 00000000..286a1168
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_training_session_tile.html.liquid	
@@ -0,0 +1,17 @@
+{% if current_session.id != session.id %}
+  <a
+    class="np-training-session-tile"
+    href="{% route training_session, id: session.id %}"
+  >
+    <i class="far fa-calendar-star np-training-session-tile-icon calendar-icon-event"></i>
+    <div>
+      <div class="np-training-session-tile-date">
+        {{ session.month }} {{ session.day }}, {{ session.year }}
+      </div>
+      <div class="np-training-session-tile-time">
+        {{ session.time_period }} {{ session.time_zone }}
+      </div>
+    </div>
+    <i class="fas fa-chevron-right np-training-session-tile-chevron"></i>
+  </a>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section.html.liquid
new file mode 100644
index 00000000..c4e497ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section.html.liquid	
@@ -0,0 +1,146 @@
+{% if current_person.properties.person_locale == 'MEX' %}
+    <div class="welcome-section-container">
+    <div class="welcome-section-wrapper">
+        <div class="welcome-content-wrapper">
+            <div class="introduction">
+                Crece  con  Walmart  es  un  programa  de  desarrollo  de  proveedores  que  tiene  como 
+                objetivo  trabajar  con  personas  que  lideran  micro,  pequeñas  y  medianas  empresas  en 
+                México. No importa en qué etapa de tu camino empresarial te encuentres,  Crece con 
+                Walmart es el lugar para fortalecer tus capacidades y habilidades de venta en línea a 
+                través de aprendizaje autogestionado, sesiones grupales en vivo y mentorías uno a uno
+            </div>
+            <div class="get-started">
+                <div class="heading">Aquí te damos algunas ideas para empezar:</div>
+                <ul class="get-started-list">
+                    <li class="get-started-item">
+                        Antes de comenzar, dirígete a la ruta de Bienvenida para terminar de conocerte y 
+                        recomendarte los mejores contenidos con base en la situación actual de tu negocio.
+                    </li>
+                    <li class="get-started-item">
+                        ¡Empieza a navegar en las tres rutas de aprendizaje que hemos diseñado para ti y 
+                        descubre todo lo que Crece con Walmart puede hacer para impulsar y hacer crecer 
+                        aún más tu negocio!
+                    </li>
+                    <li class="get-started-item">
+                        ¿Tienes dudas sobre el sistema o algún proceso? Pasa por nuestro directorio de ayuda 
+                        y encuentra toda la información que necesitas.
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="video-container">
+            <video width='100%' height="400px" controls autoplay muted>
+                <source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/supplier_academy_2.0_launch_v5+(360p).mp4">
+            </video>
+        </div>
+    </div>
+</div>
+{% else %}
+    <div class="welcome-section-container">
+        <div class="welcome-section-wrapper">
+            <div class="welcome-content-wrapper">
+                <div class="introduction">
+                    Supplier Academy is your one-stop-shop for success at Walmart.
+                </div>
+                <div class="get-started">
+                    <div class="heading">Here’s how to get started:</div>
+                    <ul class="get-started-list">
+                        <li class="get-started-item">
+                            <span class="get-started-item-heading">U.S. small business?</span>
+                            Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
+                        </li>
+                        <li class="get-started-item">
+                            <span class="get-started-item-heading">New to Walmart?</span>
+                            Check our <a class="text-link" href="/app/welcome-to-walmart">Welcome to Walmart</a> series!
+                        </li>
+                        <li class="get-started-item">
+                            <span class="get-started-item-heading">Seasoned Walmart supplier?</span>
+                            Explore the categories below to hone your skills and grow your business.
+                        </li>
+                        <li class="get-started-item">
+                            <span class="get-started-item-heading">Have a system-specific questions?</span>
+                            Visit our <a href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="video-container">
+                <video width='100%' height="400px" controls autoplay muted>
+                    <source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/supplier_academy_2.0_launch_v5+(360p).mp4">
+                </video>
+            </div>
+        </div>
+    </div>
+{% endif %}
+
+
+<style>
+    .welcome-section-container {
+        padding: 10px;
+        display: flex;
+        border-radius: 10px;
+    }
+    .welcome-section-wrapper {
+        background: #001E60;
+        padding: 20px;
+        border-radius: 10px;
+        display: grid;
+        align-items: center;
+        grid-template-columns: repeat(2,1fr);
+        gap: 30px;
+    }
+    .get-started {
+        margin-top: 40px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+    }
+    .get-started-content-wrapper {
+        display: flex;
+        margin-top: 20px;
+    }
+    .introduction {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+        text-align: center;
+    }
+    .heading {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+    }
+    .get-started-item-heading {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+    }
+    .get-started-item {
+        font-size: 25px;
+    }
+    .video-container {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+    }
+    .text-link {
+        color: #fff;
+    }
+    @media (max-width:1000px) {
+    .welcome-section-wrapper  {
+        grid-template-columns: repeat(1,1fr);
+    }
+  }
+  @media (max-width: 768px) {
+    .introduction, .heading {
+        font-size: 25px
+    }
+    .get-started-list {
+        padding: 15px;
+    }   
+    .get-started-item  {
+        font-size: 17px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section_walmart.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section_walmart.html.liquid
new file mode 100644
index 00000000..0f4d202b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_section_walmart.html.liquid	
@@ -0,0 +1,105 @@
+<div class="welcome-section-container">
+        <div class="welcome-section-wrapper">
+            <div class="video-container">
+                <video width='100%' height="400px" controls autoplay muted>
+                    <source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/Welcome+to+Walmart+Intro+Video-720p-250110.mp4">
+                </video>
+            </div>
+            <div class="welcome-content-wrapper">
+                <div class="introduction">
+                    Welcome to Walmart!
+                </div>
+                <div class="get-started">
+                    <div class="get-started-list">
+                        <div class="extra-margin">
+                            <div class="get-started-item">Are you a new Walmart supplier?</div>
+                            <div class="get-started-item">Are you ready to begin the onboarding process?</div>
+                            <div class="get-started-item">Are you not sure where to start?</div>
+                        </div>
+                        <div class="extra-margin">
+                            <div class="get-started-item">
+                                Our <span class="get-started-item-heading">Welcome to Walmart</span> learning paths are here to help!  In this series we will guide you through the entire process from initial onboarding procedures through getting paid.
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+</div>
+
+
+<style>
+    .welcome-section-container {
+        padding: 10px;
+        display: flex;
+        border-radius: 10px;
+    }
+    .extra-margin {
+        margin-top: 20px;
+    }
+    .welcome-section-wrapper {
+        background: #001E60;
+        padding: 20px;
+        border-radius: 10px;
+        display: grid;
+        align-items: center;
+        grid-template-columns: repeat(2,1fr);
+        gap: 30px;
+    }
+    .get-started {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+    }
+    .get-started-content-wrapper {
+        display: flex;
+        margin-top: 20px;
+    }
+    .introduction {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+        text-align: left;
+        white-space: nowrap;
+    }
+    .heading {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+        text-align: left;
+        width: 100%;
+    }
+    .get-started-item-heading {
+        color: #fff;
+        font-size: 25px;
+        font-weight: 600;
+    }
+    .get-started-item {
+        font-size: 25px;
+    }
+    .video-container {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+    }
+    .text-link {
+        color: #fff;
+    }
+    @media (max-width:1000px) {
+    .welcome-section-wrapper  {
+        grid-template-columns: repeat(1,1fr);
+    }
+  }
+  @media (max-width: 768px) {
+    .introduction, .heading {
+        font-size: 25px
+    }
+    .get-started-list {
+        padding: 15px;
+    }   
+    .get-started-item  {
+        font-size: 17px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_categories.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_categories.html.liquid
new file mode 100644
index 00000000..2964e82f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_categories.html.liquid	
@@ -0,0 +1,72 @@
+{% assign available_categories = 'Introduction to Walmart,Onboarding,Merchandising,Supply Chain,Getting Paid' %}
+{% assign uniq_cats = '' %}
+
+<div class="categories-wrapper">
+    <a class="category-item" href="#Introduction to Walmart" onclick="expandSection('Introduction to Walmart')">
+        <div class="category-item-image-container">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons+2-01.png" alt="" class="category-item-image">
+        </div>
+        <div class="category-item-title">
+            Introduction to Walmart
+        </div>
+    </a>
+    <a class="category-item" href="#Onboarding" onclick="expandSection('Onboarding')">
+        <div class="category-item-image-container">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons-01.png" alt="" class="category-item-image">
+        </div>
+        <div class="category-item-title">
+            Onboarding
+        </div>
+    </a>
+    <a class="category-item" href="#Merchandising" onclick="expandSection('Merchandising')">
+        <div class="category-item-image-container">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/GroceryBag_Circle_Blue.png" alt="" class="category-item-image">
+        </div>
+        <div class="category-item-title">
+            Merchandising
+        </div>
+    </a>
+    <a class="category-item" href="#Supply Chain" onclick="expandSection('Supply Chain')">
+        <div class="category-item-image-container">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/Truck_Spark_Circle_LightBlue.png" alt="" class="category-item-image">
+        </div>
+        <div class="category-item-title">
+            Supply Chain
+        </div>
+    </a>
+    <a class="category-item" href="#Getting Paid" onclick="expandSection('Getting Paid')">
+        <div class="category-item-image-container">
+            <img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/DollarSignCircle_Shine_Circle_Gray.png" alt="" class="category-item-image">
+        </div>
+        <div class="category-item-title">
+            Getting Paid
+        </div>
+    </a>
+</div>
+
+<style>
+.category-item {
+    max-width: 175px;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    text-decoration: none;
+}
+.category-item-image {
+  width: 100%;
+}
+.category-item-title {
+    color: #fff;
+    font-weight: 600;
+    margin-top: 15px;
+    font-size: 1.25rem;
+    text-align: center;
+}
+.categories-wrapper {
+display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 40px;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_courses.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_courses.html.liquid
new file mode 100644
index 00000000..77824a79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_welcome_to_walmart_courses.html.liquid	
@@ -0,0 +1,171 @@
+{% assign available_categories = 'Introduction to Walmart,Onboarding,Merchandising,Supply Chain,Getting Paid' %}
+{% assign uniq_courses = '' %}
+{% assign sorted_learning_paths = learning_paths.available | sort: "name" %}
+
+<div class="welcome-courses-wrapper">
+    <div class="category-courses-wrapper">
+        <div class="category-name-wrapper" id="Introduction to Walmart" onclick="expandSection('Introduction to Walmart')">
+            <span>
+                <i class="fas fa-chevron-up"></i>
+            </span>
+            <span>
+                1. Introduction to Walmart
+            </span>
+        </div> 
+    <div class="category-courses-container inactive">
+        {% for learning_path in sorted_learning_paths %}
+            {% for category in learning_path.categories %}
+                {% if category.name == 'Introduction to Walmart'%}
+                    {% unless uniq_courses contains learning_path.name %}
+                        {% include 'cards_learning_paths_square' %}
+                        {% assign uniq_courses = uniq_courses |  append: learning_path.name %}
+                    {% endunless %}
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+    </div>
+    <div class="category-courses-wrapper">
+    <div class="category-name-wrapper" id="Onboarding" onclick="expandSection('Onboarding')">
+        <span>
+            <i class="fas fa-chevron-up"></i>
+        </span>
+        <span>
+            2. Onboarding
+        </span>
+    </div>  
+    <div class="category-courses-container inactive">
+        {% assign uniq_courses = "" %}
+        {% for learning_path in sorted_learning_paths %}
+            {% for category in learning_path.categories %}
+                {% if category.name == 'Onboarding' %}
+                    {% unless uniq_courses contains learning_path.name %}
+                        {% include 'cards_learning_paths_square' %}
+                        {% assign uniq_courses = uniq_courses | append: learning_path.name | append: "," %}
+                    {% endunless %}
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+    </div>
+    <div class="category-courses-wrapper">
+        <div class="category-name-wrapper" id="Merchandising" onclick="expandSection('Merchandising')">
+            <span>
+                <i class="fas fa-chevron-up"></i>
+            </span>
+            <span>
+                3. Merchandising
+            </span>
+        </div>  
+        <div class="category-courses-container inactive">
+            {% for learning_path in sorted_learning_paths  %}
+                {% for category in learning_path.categories %}
+                    {% if category.name == 'Merchandising'%}
+                        {% unless uniq_courses contains learning_path.name %}
+                            {% include 'cards_learning_paths_square' %}
+                            {% assign uniq_courses = uniq_courses |  append: learning_path.name %}
+                        {% endunless %}
+                    {% endif %}
+                {% endfor %}
+            {% endfor %}
+        </div>
+    </div>
+    <div class="category-courses-wrapper">
+        <div class="category-name-wrapper" id="Supply Chain" onclick="expandSection('Supply Chain')">
+            <span>
+                <i class="fas fa-chevron-up"></i>
+            </span>
+            <span>
+                4. Supply Chain
+            </span>
+        </div>  
+        <div class="category-courses-container inactive">
+            {% for learning_path in sorted_learning_paths  %}
+                {% for category in learning_path.categories %}
+                    {% if category.name == 'Supply Chain'%}
+                        {% unless uniq_courses contains learning_path.name %}
+                            {% include 'cards_learning_paths_square' %}
+                            {% assign uniq_courses = uniq_courses |  append: learning_path.name %}
+                        {% endunless %}
+                    {% endif %}
+                {% endfor %}
+            {% endfor %}
+        </div>
+    </div>
+    <div class="category-courses-wrapper">
+        <div class="category-name-wrapper" id="Getting Paid" onclick="expandSection('Getting Paid')">
+            <span>
+                <i class="fas fa-chevron-up"></i>
+            </span>
+            <span>
+                5. Getting Paid
+            </span>
+        </div>  
+        <div class="category-courses-container inactive">
+            {% for learning_path in sorted_learning_paths %}
+                {% for category in learning_path.categories %}
+                    {% if category.name == 'Getting Paid'%}
+                        {% unless uniq_courses contains learning_path.name %}
+                            {% include 'cards_learning_paths_square' %}
+                            {% assign uniq_courses = uniq_courses |  append: learning_path.name %}
+                        {% endunless %}
+                    {% endif %}
+                {% endfor %}
+            {% endfor %}
+        </div>
+    </div>
+</div>
+
+<style>
+    
+.category-courses-wrapper {
+  margin: 30px 0;
+}
+.category-courses-container {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  max-height: 0; 
+  overflow: hidden;
+  transition: max-height 0.5s ease-in-out; 
+}
+.inactive{
+    max-height: 0;
+}
+.active {
+    max-height: 1000px;
+}
+.category-name-wrapper {
+  font-size: 1.5rem;
+  font-weight: 600;
+  display: flex;
+  gap: 20px;
+  cursor: pointer;
+}
+@media only screen and (max-width: 1000px) {
+  .category-courses-container {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media only screen and (max-width: 768px) {
+  .category-courses-container {
+    grid-template-columns: repeat(1, 1fr);
+  }
+}
+</style>
+
+<script>
+function expandSection(id) {
+    const container = document.getElementById(id).parentElement.children[1];
+    const arrow = document.getElementById(id).children[0].children[0];
+
+    if (container.style.maxHeight) {
+        container.style.maxHeight = null;
+    } else {
+        container.style.maxHeight = container.scrollHeight + "px";
+    }
+
+    arrow.classList.toggle('fa-chevron-up');
+    arrow.classList.toggle('fa-chevron-down');
+}
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_widget_course_progress.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_widget_course_progress.html.liquid
new file mode 100644
index 00000000..c7b5e48b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/_widget_course_progress.html.liquid	
@@ -0,0 +1,139 @@
+{% assign ring_background_color = '#e5e9eb' %}
+{% assign ring_fill_color = '#041141' %}
+{% assign number_color = 'rgb(0, 0, 0)' %}
+{% assign text_color = '#041141' %}
+{% assign background_color = 'white' %}
+
+<div class="heading-container">
+  <a href="/app/transcript" class="carousel-heading events-link">
+    Module Progress
+  </a>
+</div>
+<div class="progress-card-wrapper">
+  {% if courses.enrolled.any? %}
+    <a class="progress-card progress-widget" href="/app/transcript">
+      {% assign countComplete = 0 %}
+      {% assign countInProgress = 0 %}
+      {% assign countNotStarted = 0 %}
+      {% assign countTotal = 0 | times: 1.0 %}
+      {% for course in courses.enrolled %}
+        {% assign countTotal = countTotal | plus: 1 %}
+        {% if course.progress == 100 %}
+          {% assign countComplete = countComplete | plus: 1 %}
+        {% endif %}
+        {% if course.progress > 0 and course.progress < 100 %}
+          {% assign countInProgress = countInProgress | plus: 1 %}
+        {% endif %}
+        {% if course.progress == 0 %}
+          {% assign countNotStarted = countNotStarted | plus: 1 %}
+        {% endif %}
+      {% endfor %}
+      <ul class="progress-circle-list">
+        <li>
+          {%
+            include "progress_circle",
+            name: 'Completed' ,
+            count: countComplete ,
+            total: countTotal,
+            size: "120",
+            stroke_color: ring_fill_color,
+            stroke_color_bg: ring_background_color,
+            text_color: text_color,
+            number_color: number_color
+          %}
+        </li>
+        <li>
+          {%
+            include "progress_circle",
+            name:'In Progress' ,
+            count: countInProgress ,
+            total: countTotal,
+            size: "120",
+            stroke_color: ring_fill_color,
+            stroke_color_bg: ring_background_color,
+            text_color: text_color,
+            number_color: number_color
+          %}
+        </li>
+      </ul>
+      </a>
+    {% else %}
+      {% capture message %}
+        {% t shared.zero_state.courses.index,
+          key: current_school.course_vocabulary
+        %}
+      {% endcapture %}
+      {% include "courses_zero_state", message: message %}
+    {% endif %}
+</div>
+
+
+<style>
+  .progress-card {
+    border-radius: 8px;
+    background: {{ background_color }};
+    padding: 0;
+    display: flex;
+    width: 100%;
+  }
+  .progress-widget {
+    text-decoration: none;
+  }
+  .progress-card-wrapper {
+    margin-bottom: 2.187rem;
+  }
+  .progress-circle-list {
+    padding: 0;
+    list-style-type: none !important;
+    justify-content: space-around;
+    display: inline-flex;
+    align-items: center;
+    max-width: 400px;
+    margin: auto;
+  }
+  .progress-ring-wrapper {
+    flex: 0;
+    flex-direction: column;
+    display: flex;
+    width: 100%;
+    padding: 1.5rem 1rem 1rem 1rem;
+    align-items: center;
+  }
+  .progress-ring circle {
+    stroke-linecap: round;
+    transition: stroke-dashoffset 0.35s;
+    transform: rotate(-90deg);
+    transform-origin: center;
+  }
+  .progress-ring text {
+    font-size:2rem;
+  }
+  .progress-circle-label {
+    color: {{ text_color }};
+    text-transform: uppercase;
+    font-size: 0.875rem;
+    margin-top: 1rem;
+  }
+  
+  @media (min-width:768px) {
+    .progress-ring-wrapper {
+      padding: 1.5rem 0.4rem 1rem 0.4rem;
+    }
+    .progress-circle-list {
+      flex-direction: column;
+    }
+  }
+  @media screen and (min-width: 1023px) {
+    .progress-circle-list {
+      flex-direction: row;
+    }
+  }
+  @media (min-width:1170px) {
+    .progress-ring text {
+      font-size: 2.5rem;
+    }
+    .progress-ring-wrapper {
+      padding: 1.5rem 1rem 1rem 1rem;
+    }
+  }
+</style>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/account.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/account.html.liquid	
@@ -0,0 +1,14 @@
+{% include "header" %}
+
+<main class="np-main np-subpage-container np-account">
+  <div class="np-hidden-desktop">
+    {% include "account_mobile_view", form: form %}
+  </div>
+
+  <div class="np-hidden-mobile np-flex np-flex-center">
+    {% include "account_desktop_view", form: form %}
+  </div>
+</main>
+
+{% include "footer" %}
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/advisors.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/advisors.html.liquid
new file mode 100644
index 00000000..e79967c5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/advisors.html.liquid	
@@ -0,0 +1,29 @@
+{% assign category_advisors = false %}
+
+{% for group in current_person.groups %}
+  {% if group.name == 'Category Advisors' %}
+    {% assign category_advisors = true %}
+  {% endif %}
+{% endfor %}
+
+{% unless category_advisors %}
+    <script>
+        window.location.replace('/app');
+    </script>
+{% endunless %}
+
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-learning-paths np-subpage-container np-max-width">
+    {% include 'advisors_banners' %}
+  <div class="np-learning-paths-main advisors-lps-container">
+    {% include "learning_paths_index_advisors", items: learning_paths.available %}
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+    .advisors-lps-container {
+        margin-top: 40px;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/articles.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/articles.html.liquid
new file mode 100644
index 00000000..b05904af
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/articles.html.liquid	
@@ -0,0 +1,36 @@
+{% include "header" %}
+{% 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">
+      <div class="np-resource-title">{{ custom_page.headline }}</div>
+      <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
+    </div>
+  </div>
+  {% if courses.in_catalog.any? %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+      {% for course in courses.in_catalog %}
+        {% if course.properties.is_article_course %}
+          {% if course.id == "b3225a47-448d-4988-962a-18d37d6616d0" or course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
+            {% unless course.progress == 100 %}
+              <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                {% include "cards_article" with course %}
+              </div>
+            {% endunless %}
+          {% else %}
+            <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+              {% include "cards_article" with course %}
+            </div>
+          {% endif %}
+        {% endif %}
+      {% 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" %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_email.html.liquid	
@@ -0,0 +1,59 @@
+<main class="np-box-container np-open-access">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
+        {% form_authenticity_token %}
+        <div class="np-form-headline">
+          {% t shared.welcome_to_school, school_name: current_school.name %}
+        </div>
+        <div class="np-form-subheadline">
+          {% t .headline, key: current_school.course_vocabulary %}
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_first_name">
+            {% t shared.first_name %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="text"
+            name="first_name"
+            id="learner_first_name"
+            value="{{ form.first_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_last_name">
+            {% t shared.last_name %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="last_name"
+            id="learner_last_name"
+            value="{{ form.last_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="email"
+            id="learner_email"
+            value="{{ form.email }}"
+          />
+        </div>
+        <input
+          type="submit"
+          name="commit"
+          value="{% t shared.enter %}"
+          class="np-button np-button-big np-form-action"
+        />
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_employee.html.liquid	
@@ -0,0 +1,59 @@
+<main class="np-box-container np-open-access">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
+        {% form_authenticity_token %}
+        <div class="np-form-headline">
+          {% t shared.welcome_to_school, school_name: current_school.name %}
+        </div>
+        <div class="np-form-subheadline">
+          {% t .headline, key: current_school.course_vocabulary %}
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_employee_id">
+            {% t shared.employee_id %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="text"
+            name="employee_id"
+            id="learner_employee_id"
+            value="{{ form.employee_id }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_first_name">
+            {% t shared.first_name %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="first_name"
+            id="learner_first_name"
+            value="{{ form.first_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_last_name">
+            {% t shared.last_name %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="last_name"
+            id="learner_last_name"
+            value="{{ form.last_name }}"
+          />
+        </div>
+        <input
+          type="submit"
+          name="commit"
+          value="{% t shared.enter %}"
+          class="np-button np-button-big np-form-action"
+        />
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_phone_number.html.liquid	
@@ -0,0 +1,40 @@
+<main class="np-box-container np-open-access">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
+        <div class="np-form-headline"> {% t shared.welcome_to_school, school_name: current_school.name %} </div>
+        <div class="np-form-subheadline"> {% t .headline, key: current_school.course_vocabulary %} </div>
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_last_name">
+            {% t shared.last_name %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="text"
+            name="last_name"
+            id="learner_last_name"
+            value="{{ form.last_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_phone_number">
+            {% t shared.phone_number %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="phone_number"
+            id="learner_phone_number"
+            value="{{ form.phone_number }}"
+          />
+        </div>
+        <button type="submit" class="np-button np-button-big np-form-action">
+          {% t shared.enter %}
+        </button>
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/auth_url_terms.html.liquid	
@@ -0,0 +1,74 @@
+<main class="np-box-container np-open-access">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
+        <div class="np-form-headline"> {% t shared.welcome_to_school, school_name: current_school.name %} </div>
+        <div class="np-form-subheadline"> {% t .headline, key: current_school.course_vocabulary %} </div>
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="email"
+            name="email"
+            id="learner_email"
+            value="{{ form.email }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_first_name">
+            {% t shared.first_name %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="first_name"
+            id="learner_first_name"
+            value="{{ form.first_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_last_name">
+            {% t shared.last_name %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="last_name"
+            id="learner_last_name"
+            value="{{ form.last_name }}"
+          />
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_phone_number">
+            {% t shared.phone_number_optional %}
+          </label>
+          <input
+            class="np-input"
+            type="text"
+            name="phone_number"
+            id="learner_phone_number"
+            value="{{ form.phone_number }}"
+          />
+        </div>
+        <div class="np-form-field np-open-access-terms">
+          <input type="hidden" name="terms" value="0" />
+          <input id="terms" type="checkbox" name="terms" value="1" />
+          <label for="terms" class="np-open-access-terms-checkbox">
+            {{ current_school.custom_terms }}
+          </label>
+        </div>
+        <input
+          type="submit"
+          name="commit"
+          value="{% t shared.enter %}"
+          class="np-button np-button-big np-form-action"
+        />
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/blog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/blog.html.liquid
new file mode 100644
index 00000000..643855cd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/blog.html.liquid	
@@ -0,0 +1,18 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% 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">
+      <div class="np-resource-title">Announcements</div>
+    </div>
+  </div>
+  {% include "courses_blogs" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/catalog.html.liquid
new file mode 100644
index 00000000..630e9c80
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/catalog.html.liquid	
@@ -0,0 +1,29 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% 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">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.html.liquid
new file mode 100644
index 00000000..88d20006
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.html.liquid	
@@ -0,0 +1,29 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% 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">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "categories_courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.htmll.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.htmll.liquid
new file mode 100644
index 00000000..e80359ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/categories-catalog.htmll.liquid	
@@ -0,0 +1,23 @@
+{% 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">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "categories_courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/certifications.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/certifications.html.liquid
new file mode 100644
index 00000000..99e83811
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/certifications.html.liquid	
@@ -0,0 +1,39 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-certifications np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ custom_page.headline }}</div>
+      <div class="np-resource-subtitle">{{ custom_page.subheadline }}</div>
+    </div>
+  </div>
+	<div class="np-learning-paths-main">
+    {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories  %}
+            {% if category.name == 'Certifications' %}
+				  {% include "cards_learning_path" %}
+                </div>
+			{% else %}
+            {% endif %}
+        {% endfor %}
+    {% endfor %}
+{% comment %}
+  <div class="row">
+    <div class="col-xs-12">
+      <div class="np-dashboard-resources-container">
+        <div class="np-zero-state-text">
+          {{ custom_page.content }}
+        </div>
+        <img class="np-zero-state-courses" />
+      </div>
+    </div>
+  </div>
+  {% endcomment %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/course.html.liquid
new file mode 100644
index 00000000..a2f0b6ca
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/course.html.liquid	
@@ -0,0 +1,31 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% assign skip_overview = false %}
+  {% for category in course.categories %}
+    {% if category.name == 'HelpDoc' %}
+      {% assign skip_overview = true %}
+    {% endif %}
+  {% endfor %}
+{% if skip_overview %}
+  {% if course.enrolled? %}
+    <script>
+      window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}');
+    </script>
+  {% endif %}
+  {% else %}
+  {% include "header" %}
+  <main class="np-main np-max-width np-page-container">
+    <div class="np-hidden-mobile" id="course-desktop">
+      {% include "course_desktop_view" %}
+    </div>
+    <div class="np-hidden-desktop" id="course-mobile">
+      {% include "course_mobile_view" %}
+    </div>
+  </main>
+  {% include "footer" %}
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/courses.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/courses.html.liquid
new file mode 100644
index 00000000..4f729ab7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/courses.html.liquid	
@@ -0,0 +1,17 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-courses np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
+  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/dashboard.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/dashboard.html.liquid
new file mode 100644
index 00000000..6f6a694b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/dashboard.html.liquid	
@@ -0,0 +1,63 @@
+<script>
+  window.location.replace('/app');
+</script>
+
+{% comment %} {% assign getting_started_courses = false %}
+{% assign merchandising_courses = false %}
+{% assign analysis_and_reporting_courses = false %}
+{% assign courses_in_progress = false %}
+
+{% for course in courses.in_catalog %}
+  {% for category in course.categories %}
+      {% if category.name == 'Getting Started' %}
+        {% assign getting_started_courses = true %}
+      {% endif %}
+      {% if category.name == 'Merchandising' %}
+        {% assign merchandising_courses = true %}
+      {% endif %}
+      {% if category.name == 'Analysis and Reporting' %}
+        {% assign analysis_and_reporting_courses = true %}
+    {% endif %}
+  {% endfor %}
+{% endfor %}
+
+{% for course in courses.enrolled %}
+  {% if course.progress > 0 and course.progress < 100 %}
+    {% assign courses_in_progress = true %}
+  {% endif %}
+{% endfor %}
+
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container np-max-width" style='background: #041e42;'>
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-md-8">
+      {% if getting_started_courses %}
+        {% include 'getting-started-carousel' %}
+      {% endif %}
+      {% if merchandising_courses %}
+        {% include 'merchandising-carousel' %}
+      {% endif %}
+      {% if analysis_and_reporting_courses %}
+        {% include 'analysis-and-reporting-carousel' %}
+      {% endif %}
+    </div>    
+    <div class="np-grid-spacing col-xs-12 col-md-4 progress-section">
+      {% include "widget_course_progress" %}
+      {% if features.training_events? %}
+        <div class="heading-container">
+          <div class="carousel-heading">
+            Upcoming Events
+          </div>
+        </div>
+        {% include "training_events_dashboard" %}
+      {% endif %}
+    </div>
+  </div>
+
+</main>
+{% include "footer" %}
+
+ {% endcomment %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/forgot_password.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/forgot_password.html.liquid	
@@ -0,0 +1,25 @@
+<main class="np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{% route forgot_password_create %}" method="post" novalidate>
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            autofocus="autofocus"
+            class="np-input"
+            id="learner_email"
+            name="learner[email]"
+            type="email"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+          {% t .button_label %}
+        </button>
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow-with-walmart-catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow-with-walmart-catalog.html.liquid
new file mode 100644
index 00000000..569ef75c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow-with-walmart-catalog.html.liquid	
@@ -0,0 +1,55 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+
+{% include 'grow_with_walmart_banners' %}
+
+
+  <div class="lps-wrapper">
+    {% for learning_path in learning_paths.enrolled %}
+      {% for category in learning_path.categories %}
+        {% if us_user_grow %}
+          {% if category.name == 'Grow With Walmart' %}
+              {% include "cards_learning_path" %}
+          {% endif %}
+        {% elsif us_user_supplier %}
+            {% unless category.name == 'Walmart Vriddhi' or category.name == 'Crece con Walmart' %}
+              {% include "cards_learning_path" %}
+            {% endunless %}
+        {% elsif india_user %}
+          {% if category.name == 'Walmart Vriddhi' %}
+            {% include "cards_learning_path" %}
+          {% endif %}
+        {% elsif mexico_user %}
+          {% if category.name == 'Crece con Walmart' %}
+            {% include "cards_learning_path" %}
+          {% endif %}
+        {% endif %}
+      {% endfor %}
+    {% endfor %}
+
+    {% if us_user_grow == false and us_user_supplier == false and india_user == false and  mexico_user == false %}
+      {% capture message %}
+        {% t shared.zero_state.courses.catalog,
+          key: current_school.course_vocabulary
+        %}
+      {% endcapture %}
+      {% include "grow-with-walmart-zero-state", message: message %}
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  @media screen and (min-width: 768px) {
+  .np-card-content-description {
+    display: block;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow_with_walmart_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow_with_walmart_catalog.html.liquid
new file mode 100644
index 00000000..630e9c80
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/grow_with_walmart_catalog.html.liquid	
@@ -0,0 +1,29 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% 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">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/help-docs.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/help-docs.html.liquid
new file mode 100644
index 00000000..72c91b9e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/help-docs.html.liquid	
@@ -0,0 +1,12 @@
+{% 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">
+      <div class="np-resource-title">Help Docs</div>
+    </div>
+  </div>
+  {% include "courses_help_doc" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/homepage.html.liquid
new file mode 100644
index 00000000..3286cf10
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/homepage.html.liquid	
@@ -0,0 +1,48 @@
+
+
+{% assign in_progress_courses = 0 %}
+{% for course in courses.enrolled %}
+  {% if course.progress > 0 and course.progress < 100 %}
+    {% assign in_progress_courses = in_progress_courses |  plus: 1 %}
+  {% endif %}
+{% endfor %}
+
+  {% if current_person.properties.first_login %}
+    {% include 'modal' %}
+  {% endif %}
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero">
+    <img class="np-homepage-hero-image"
+      src="{{ homepage.artwork_url }}"
+      alt="{{ homepage.headline }}"
+    />
+  </div>
+{% include "sub_navigation" %}
+
+  <div class="np-max-width">
+    {% include 'homepage_nav' %}
+  </div>
+  <div class="np-max-width">
+    {% comment %} <section>
+      {% include 'welcome_section' %}
+    </section> {% endcomment %}
+    <section>
+      {% include 'homepage_widget_and_events' %}
+    </section>
+    {% if in_progress_courses > 0 %}
+      <section>
+        {% include 'continue_learning' %}
+      </section>
+    {% endif %}
+    <section>
+      {% include 'catalog_categories' %}
+    </section>
+    <section>
+      {% include 'faq_section' %}
+    </section>
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path.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_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_path_summary.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_summary_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_summary_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_paths.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_paths.html.liquid
new file mode 100644
index 00000000..0ff0fdf3
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/learning_paths.html.liquid	
@@ -0,0 +1,23 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-learning-paths np-subpage-container np-max-width">
+  <div class="np-learning-paths-main">
+    <div class="lp-heading-container">
+        <div class="np-resource-title">
+          {% t shared.learning_paths %}
+        </div>
+        <div class="np-resource-subtitle">
+          {% t .subtitle %}
+        </div>
+        {% include 'lp_filters' %}
+    </div>
+    {% include "learning_paths_index", items: learning_paths.available %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/login.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/login.html.liquid	
@@ -0,0 +1,53 @@
+<main class="np-main np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="email"
+            name="learner[email]"
+            id="learner_email"
+          >
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password">
+            {% t shared.password %}
+          </label>
+          <input
+            class="np-input"
+            type="password"
+            name="learner[password]"
+            id="learner_password"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+          {% t shared.sign_in %}
+        </button>
+        <a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
+          {% t .forgot_password %}
+        </a>
+        {% if features.account_creation? %}
+          <a class="np-form-link np-button-color" href="{% route sign_up %}">
+            {% t shared.sign_up %}
+          </a>
+        {% endif %}
+        {% if features.request_access? %}
+          <a
+            class="np-form-link np-button-color"
+            target="_blank"
+            href="{{ current_school.request_access_link }}"
+          >
+            {{ current_school.request_access_label }}
+          </a>
+        {% endif %}
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/master.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/master.html.liquid	
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/not_found.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/not_found.html.liquid	
@@ -0,0 +1,10 @@
+<main class="np-main np-max-width np-subpage-container">
+  <div class="np-homepage-featured-text">
+    <div class="np-homepage-headline">
+      {% t .header %}
+    </div>
+  </div>
+  <div class="np-homepage-featured-empty">
+    <img src="/images/404.svg">
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/private_certificate.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/private_certificate.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+{% include "certificates_top_bar" %}
+<main class="np-main np-certificate np-max-width np-page-container clear-main-spacings">
+  <section class="np-certificate-content-spacing">
+    <div class="row">
+      {% include "certificates_preview" %}
+      {% include "certificates_info_column" %}
+    </div>
+  </section>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/public_certificate.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/public_certificate.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+{% include "certificates_top_bar" %}
+<main class="np-main np-certificate np-max-width np-page-container clear-main-spacings">
+  <section class="np-certificate-content-spacing">
+    <div class="row">
+      {% include "certificates_preview" %}
+      {% include "certificates_info_column" %}
+    </div>
+  </section>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/reset_password.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/reset_password.html.liquid	
@@ -0,0 +1,43 @@
+<main class="np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" method="post" action="{% route forgot_password_create %}">
+        <input type="hidden" name="_method" value="put">
+        <input
+          type="hidden"
+          value="{{ reset_password_token }}"
+          name="learner[reset_password_token]"
+          id="learner_reset_password_token"
+        >
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password">
+            {% t .new_password %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="password"
+            name="learner[password]"
+            id="learner_password"
+          >
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password_confirmation">
+            {% t .confirm_new_password %}
+          </label>
+          <input
+            class="np-input"
+            type="password"
+            name="learner[password_confirmation]"
+            id="learner_password_confirmation"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-form-action">
+          {% t .change_password %}
+        </button>
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/search.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/search.html.liquid
new file mode 100644
index 00000000..745a75aa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/search.html.liquid	
@@ -0,0 +1,27 @@
+{% include "header" %}
+<main class="np-main np-search np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t .title %}
+  </div>
+  <div class="np-search-header">
+    <div class="np-resource-subtitle">
+      {% t .showing %}
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="white-text">"{{ results.term }}"</span>
+    </div>
+    {% capture label %}{% t shared.filters.by_type %}{% endcapture %}
+    {%
+      include "filter_dropdown",
+      filters: results.filters,
+      key: "type",
+      label: label
+    %}
+  </div>
+  {% if results.items.any? %}
+    {% render "search_result" for results.items as result %}
+  {% else %}
+    {% include "search_zero_state" %}
+  {% endif %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/server_error.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/server_error.html.liquid
new file mode 100644
index 00000000..37899ae0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/server_error.html.liquid	
@@ -0,0 +1,23 @@
+{% comment %} <div class="uk-container uk-container-center uk-padding-large-horizontal uk-margin-large-top uk-margin-bottom">
+  <hgroup class="uk-text-center vertical-align uk-padding-large-top">
+    <h1 class="page-head">{% t .headline %}</h1>
+  </hgroup>
+
+  <div class="uk-width-small-1-1 uk-width-medium-1-2 uk-container-center uk-padding-large-top">
+    <div class="school-website-custom-page-content uk-text-center uk-padding-large-bottom uk-margin-large-bottom">
+      <h3 class="uk-margin-top-remove uk-margin-large-bottom">{% t .subheadline %}</h3>
+      <p><a href="/" class="uk-button uk-button-primary">{% t .home %}</a></p>
+    </div>
+  </div>
+</div> {% endcomment %}
+
+<main class="np-main np-max-width np-subpage-container">
+  <div class="np-homepage-featured-text">
+    <div class="np-homepage-headline">
+      Server Error
+    </div>
+  </div>
+  <div class="np-homepage-featured-empty">
+    <img src="/images/500.svg">
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/sign_up.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/sign_up.html.liquid	
@@ -0,0 +1,72 @@
+<main class="np-main np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{% route sign_up %}" method="post" novalidate>
+        <div class="np-form-title"> {% t .create_account %} </div>
+        {% form_authenticity_token %}
+        <div class="np-form-flex-desktop">
+          <div class="np-form-field">
+            <label class="np-input-label" for="learner_first_name">
+              {% t shared.first_name %}
+            </label>
+            <input
+              class="np-input"
+              autofocus="autofocus"
+              type="text"
+              name="learner[first_name]"
+              id="learner_first_name"
+            >
+          </div>
+          <div class="np-form-field">
+            <label class="np-input-label" for="learner_last_name">
+              {% t shared.last_name %}
+            </label>
+            <input
+              class="np-input"
+              type="text"
+              name="learner[last_name]"
+              id="learner_last_name"
+            >
+          </div>
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="email"
+            name="learner[email]"
+            id="learner_email"
+          >
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password">
+            {% t shared.password %}
+          </label>
+          <input
+            class="np-input"
+            type="password"
+            name="learner[password]"
+            id="learner_password"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+          {% t shared.sign_up %}
+        </button>
+        <span class="np-form-terms">
+          {% t .terms %}
+          <a
+            class="np-form-link np-button-color"
+            target="_blank"
+            href="{{ current_school.terms_of_service_url }}"
+          >
+            {% t .terms_link %}
+          </a>
+        </span>
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/styles.css.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/styles.css.liquid
new file mode 100644
index 00000000..cf80eab3
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/styles.css.liquid	
@@ -0,0 +1,355 @@
+ /*
+ Put your custom overlay styles in here
+ You can use your northpass color palette in this file
+
+{{ color_palette.button_font_color }}
+{{ color_palette.button_color }}
+{{ color_palette.button_hover_color }}
+{{ color_palette.header_font_color }}
+{{ color_palette.header_font_hover_color }}
+{{ color_palette.header_color }}
+*/
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Regular.OTF);
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Italic.OTF);
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Medium.otf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Medium_Italic.otf);
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Bold.OTF);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Bold_Italic.OTF);
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Black.OTF);
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: "Bogle";
+  src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Black_Italic.OTF);
+  font-weight: 900;
+  font-style: italic;
+}
+
+body,
+html {
+  font-family: "Bogle", "Roboto", sans-serif;
+  color: #fff;
+}
+
+body {
+  background: #001E60;
+}
+
+.np-homepage-featured .np-homepage-headline, .np-homepage-featured .np-homepage-subheadline, .np-resource-title, .np-dashboard-resources-title, .np-dashboard-resources-category, .np-resource-subtitle, .np-search .np-resource-subtitle-number{
+  color: #fff;
+}
+
+.np-sub-navigation {
+	background-color: #001e60 !important;
+	padding: 25px 0 0 0;
+	margin: 0 0 0 0;
+}
+.np-sub-navigation-content-item-link {
+	height: 15px;
+}
+
+.np-sub-navigation-content-item-inactive {
+	--np-button-color: #ffffff !important;
+	--np-button-font-color: #ffffff !important;
+	color: #ffffff !important;
+}
+.np-sub-navigation-content-item-inactive
+.np-sub-navigation-content-item-link {
+	color: #ffffff;
+}
+
+.np-sub-navigation-content-item-inactive
+.np-sub-navigation-content-item-icon {
+	color: #ffffff;
+}
+
+.np-sub-navigation-content-item-active
+.np-sub-navigation-content-item-link {
+	color: #FFC220;
+}
+
+
+.np-sub-navigation-content-item-active {
+  --np-button-color: #FFC220 !important;
+	--np-button-font-color: #FFC220 !important;
+	color: #FFC220 !important;
+}
+
+
+.feature-lp-card {
+  text-decoration: none;
+}
+.lp-feature-image {
+  width: 100%;
+}
+.text-heading {
+  color: #fff;
+  font-size: 30px;
+  font-weight: 600;
+}
+.text-container {
+  margin-bottom: 20px;
+}
+section {
+  padding: 50px 20px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.carousel-heading {
+  color: #fff;
+  font-weight: 600;
+  font-size: 25px;
+}
+
+.heading-container {
+  margin-bottom: 20px;
+}
+
+.np-learning-paths {
+  background: #001E60;
+}
+.np-card-header-icon, .np-card-header-type, .np-learning-path-items-count {
+  color: #041141;
+}
+.card-course {
+  margin: 10px;
+  height: 100%;
+}
+.button-course {
+  background: #001E60;
+  color: #fff;
+  text-decoration: none;
+  padding: 12.5px 25px;
+  border-radius: 25px;
+  font-weight: 600;
+  display: flex;
+}
+.button-container {
+  display: flex;
+}
+
+.np-card-heading, .np-course-outline-content-section-name {
+  color: #1b3e4f;
+}
+.np-card-text, .np-card-text p, .np-card-text strong, .np-card-text span {
+  color: #1b3e4f !important;
+}
+.carousel-wrapper  {
+  position: relative;
+}
+.slick-slider {
+  position: initial !important;
+  margin-bottom: 30px;
+}
+.slick-arrow {
+  position: absolute;
+  right: 0;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: #fff;
+  display: flex;
+  color: #000;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  top: -50px;
+}
+.slick-arrow.slick-disabled {
+  opacity: 0.5;
+  cursor: initial;
+}
+.arrow-left {
+  margin-right: 50px;
+}
+.np-header-logo-image {
+  height: 25px;
+}
+.course-categories-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+}
+.np-content-categories-content-item {
+  margin-bottom: 12px;
+}
+.np-zero-state-text {
+  color: #fff;
+}
+.np-learning-path-outline-name {
+  color: #041E42;
+}
+.np-learning-path-outline-name-locked {
+  color: #fff;
+}
+.search-input {
+  background: #001e60;
+}
+.slick-track {
+  display: flex !important;
+  margin: 0 !important
+}
+.slick-slide {
+  height: auto !important;
+}
+.carousel-filter-wrapper {
+  position: relative;
+  width: 100%;
+  color: #000;
+  border-radius: 4px;
+  display: flex;
+  justify-content: start;
+  margin-top: 20px;
+}
+.filter-checkbox {
+width: 20px;
+height: 20px;
+}
+
+.filter-container {
+  position: relative;
+}
+
+.filter {
+  background-color: #d9dfe2;
+  padding: 10px 20px;
+  cursor: pointer;
+  width: 100%;
+  text-align: center;
+  border-radius: 4px;
+  color: #305263;
+  font-size: 14px;
+  font-weight: 700;;
+}
+
+.filter-content {
+  position: absolute;
+  top: 100%; 
+  width: 250px; 
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  display: none;
+  flex-direction: column;
+  gap: 10px;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.4s ease, width 0.4s ease; 
+  z-index: 111;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 5px;
+  margin-top: 5px;
+}
+
+.filter-option {
+  padding: 10px;
+  display: flex;
+  align-items: end;
+  gap: 10px;
+}
+
+.np-training-session-time {
+  color: #1b3e4f;
+}
+.np-training-session-cta-buttons {
+  margin: 20px
+}
+.np-training-session-sessions-title {
+  color: #fff;
+}
+
+.filter-active .filter-content {
+  display: flex;
+  max-height: 500px; 
+  width: 250px; 
+}
+.card-course-container {
+  margin-bottom: 20px;
+}
+.np-card-ribbon {
+  padding: 5px;
+}
+.lps-wrapper {
+  margin-top: 40px;
+}
+.np-footer-support-help, .np-footer-support-item {
+  color: #fff;
+}
+.calendar-icon-event {
+  margin-bottom: 10px;
+}
+.white-text {
+  color: #fff;
+}
+.events-link {
+  text-decoration: none;
+}
+.events-link:hover {
+  text-decoration: underline;
+}
+@media only screen and (max-width: 1000px) {
+  .welcome-section-wrapper {
+    flex-direction: column;
+  }
+  .category-links-wrapper {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+  .introduction {
+    white-space: inherit !important;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .category-links-wrapper {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+  .faq-wrapper {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+}
+@media only screen and (max-width: 500px) {
+  .np-sub-navigation {
+    display: none;
+  }
+  .np-header-logo-image {
+    height: 20px;
+  }
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_events.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_events.html.liquid
new file mode 100644
index 00000000..f6eb681e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_events.html.liquid	
@@ -0,0 +1,25 @@
+{% if current_person.properties.first_login == true %}
+  <script>
+    window.location.replace('/app');
+  </script>
+{% endif %}
+
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-training-events np-subpage-container np-max-width">
+  <div class="row">
+    <div class="col-xs-12 col-sm-10">
+      <div class="np-resource-title">
+        {% t .title %}
+      </div>
+      <div class="np-resource-subtitle">
+        {% t .subtitle %}
+      </div>
+    </div>
+    <div class="col-xs-12 col-sm-2">
+      {% include "training_events_filter" %}
+    </div>
+  </div>
+  {% include "training_events_index" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session.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_session_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_session_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/training_session_attendance.html.liquid	
@@ -0,0 +1,43 @@
+{% include "header" %}
+<main class="np-main np-cta-page np-max-width np-subpage-container">
+  <div class="np-card-container np-card-padding-xlarge">
+    {% if token %}
+      <i class="np-cta-page-icon fal fa-users-class"></i>
+      <div class="np-form-headline">
+        {{ training_session.title }}
+      </div>
+      <div class="np-form-subheadline">
+        {% t .info,
+          event_name: training_session.title,
+          session_date: training_session.date,
+          session_time: training_session.time
+        %}
+      </div>
+      <div class="np-form-subheadline">
+        {% t .question %}
+      </div>
+      <form action="{% route training_session_attendance %}" method="post" class="np-cta-page-buttons">
+        {% form_authenticity_token %}
+        <input type="hidden" name="token" value="{{ token }}">
+        <input type="submit" name="not_attended" value="{% t .not_attended %}" class="np-button np-button-secondary">
+        <input type="submit" name="commit" value="{% t .attended %}" class="np-button">
+      </form>
+      <div class="np-form-subheadline">
+        {% t .salutation %}
+      </div>
+      <div class="np-form-subheadline">
+        {{ current_school.name }}
+      </div>
+    {% else %}
+      <i class="np-cta-page-icon fal fa-check-circle"></i>
+      <div class="np-form-headline">
+        {% t .success.response_text %}
+      </div>
+      <div class="np-cta-page-buttons">
+        <a href="{% route training_events %}" class="np-button">
+          {% t .success.button_text %}
+        </a>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/transcript.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/transcript.html.liquid
new file mode 100644
index 00000000..b6cb5428
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/transcript.html.liquid	
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-transcript">
+  {% transcript %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/unsubscribe.html.liquid	
@@ -0,0 +1,30 @@
+{% include "header" %}
+<main class="np-main np-cta-page np-max-width np-subpage-container">
+  <div class="np-card-container np-card-padding-xlarge">
+    {% if token %}
+      <i class="np-cta-page-icon fal fa-bell-slash"></i>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .unsubscribe_text %}
+      </div>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .resubscribe_text %}
+      </div>
+      <form
+        id="unsubscribe_form"
+        action="{% route email_unsubscribe, unsubscribe_token: token %}"
+        method="post"
+        class="np-cta-page-buttons"
+      >
+        {% form_authenticity_token %}
+        <input type="hidden" name="_method" value="delete">
+        <input type="submit" name="commit" value="{% t .resubscribe_button %}" class="np-button np-button-wide">
+      </form>
+    {% else %}
+      <i class="np-cta-page-icon fal fa-bell-on"></i>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .resubscribed_text %}
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Walmart Supplier Sandbox/welcome-to-walmart.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/welcome-to-walmart.html.liquid
new file mode 100644
index 00000000..4ae4fe58
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Supplier Sandbox/welcome-to-walmart.html.liquid	
@@ -0,0 +1,7 @@
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">Help Docs</div>
+    </div>
+  </div>
+</main>