Updated some Williams-Sonoma templates.

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%;

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="card course-widget-card">
-    <div class="np-card-container np-dashboard-border">
+    <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>