Updated some Williams-Sonoma templates.

Custom_Templates/customer_templates/Chubb/_featured_cards_course.html.liquid

@@ -9,7 +9,7 @@
             Cornerstone Agents
         </h3>
         <div class="feature-card-description lato">
-		  As a Cornerstone partner you have access to an expanded library of interactive, on-demand programs across multiple categories to assist with your professional development and help grow your business. 
+		  As a Cornerstone partner you have access to an expanded library of interactive, on-demand programs across multiple categories to assist with your professional development and help grow your business.
           <div class="note-desc">
 			<br><span class="bold-text">Explore the exclusive curricula below or <a href="https://chubb.northpass.com/app/catalog">browse the entire catalog</a> </span>
           </div>
@@ -104,7 +104,7 @@
               Professional Liability Insurance
           </h3>
           <div class="feature-card-description lato">
-            Chubb's Professional Liability Insurance provides tailored coverage for a wide variety of professional service industries, providing the protection they need in today's business climate. 
+            Chubb's Professional Liability Insurance provides tailored coverage for a wide variety of professional service industries, providing the protection they need in today's business climate.
           </div>
           <div class="feature-card-btn-container">
               <a class="feature-course-btn purple lato" href="app/courses/1554bd01-f154-4ce6-b797-6bef080e1b61">

Custom_Templates/customer_templates/Chubb/styles.css.liquid

@@ -134,6 +134,7 @@ body {
 
   .feature-card-container {
     display: flex;
+		height: 400px;
 }
 .feature-content {
     flex-basis: 50%;
@@ -326,7 +327,7 @@ body {
   }
 
   .np-learning-path-completed-banner, .np-learning-path-certificate-content {
-    background: #fff; 
+    background: #fff;
   }
 
   .np-learning-path-banner-action--primary {
@@ -358,4 +359,4 @@ body {
         font-size: 1.2vw;
     }
 
-}
+}

Custom_Templates/customer_templates/WSGC - Post-New Hire/_featured_courses.html.liquid

@@ -0,0 +1,46 @@
+{% for course in courses.in_catalog %}
+	{% for category in course.categories %}
+		{% if category.name contains "Featured Courses" %}
+			<div class="np-card" style="width:100%">
+				<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">
+						{% if course.short_description != "" %}
+							<div class="np-card-content-subtitle">
+								{{ course.short_description }}
+								{% endif %}
+							</div>
+						<div class="np-card-content-footer">
+							<div class="np-card-content-progress np-button-color">
+						{% t shared.progress, count: course.progress %}
+							</div>
+					{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+							{% if course.has_to_restart? %}
+								{% include "course_version_outdated_popup", path: course_path %}
+							{% endif %}
+							<a class="np-button np-button-wide" href="{{ course_path }}">
+						View
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		{% endif %}
+	{% endfor %}
+{% endfor %}

Custom_Templates/customer_templates/WSGC - Post-New Hire/_widget_badges.html.liquid

@@ -53,6 +53,9 @@
     max-width: 100%;
     max-height: 100%;
   }
+  .badges-wrapper {
+    width: 100% !important;
+  }
 </style>
 
 <script>

Custom_Templates/customer_templates/WSGC - Post-New Hire/_widget_course_progress.html.liquid

@@ -1,10 +1,10 @@
-<div class="col-sm-10">
+<div class="course-progress-widget-container">
 <div class="np-dashboard-resources-title">
   Course Progress
 </div>
 <div class="np-dashboard-resources course-progress-widget">
-  <div class="card">
-    <div class="np-card-container np-dashboard-border">
+  <div class="card course-widget-card">
+    <div class="np-card-container no-box-shadow">
       {% assign countComplete = 0 %}
       {% assign countInProgress = 0 %}
       {% assign countNotStarted = 0 %}

Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid

@@ -26,7 +26,10 @@
 	  </div>
 	</div>
   </div>
-  <div class="row col-sm-8 col-sm-10" style="display: flex; flex-wrap: nowrap;">
+  <div class="homepage-widget-container" style="display: flex; flex-wrap: nowrap;">
+	{% include "featured_courses" %}
+  </div>
+  <div class="homepage-widget-container" style="display: flex; flex-wrap: nowrap;">
 	{% include "widget_badges" %}
 	{% include "widget_course_progress" %}
   </div>