From 111d6412d6df68b7477edd1c2a4935f6eb7c6e0f Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Wed, 31 Jan 2024 17:32:20 -0500
Subject: [PATCH] Updated cin7 templates while Hubert was out, and downloaded
 all of Chubb's templates since something needed to be udpated. Ran a script
 for SPS Commerce to get all the courses.

---
 Custom_Templates/customer_templates/.DS_Store | Bin 30724 -> 30724 bytes
 .../Chubb/_account_avatar.html.liquid         |  66 +++
 .../Chubb/_account_desktop_view.html.liquid   |  28 ++
 .../Chubb/_account_form.html.liquid           | 128 +++++
 .../Chubb/_account_mobile_view.html.liquid    |  12 +
 .../Chubb/_cards_course.html.liquid           |  45 ++
 .../Chubb/_cards_learning_path.html.liquid    |  42 ++
 .../Chubb/_cards_training_event.html.liquid   |  45 ++
 .../Chubb/_catalog_filters.html.liquid        | 471 ++++++++++++++++++
 .../_certificates_info_column.html.liquid     |   4 +
 .../Chubb/_certificates_metadata.html.liquid  |  59 +++
 .../Chubb/_certificates_preview.html.liquid   |  35 ++
 .../Chubb/_certificates_top_bar.html.liquid   |  44 ++
 .../_certificates_verification.html.liquid    |  15 +
 .../Chubb/_course_activity_locked.html.liquid |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 +
 .../Chubb/_course_categories.html.liquid      |  10 +
 .../Chubb/_course_description.html.liquid     |   6 +
 .../Chubb/_course_desktop_view.html.liquid    |  40 ++
 .../Chubb/_course_events.html.liquid          |  28 ++
 .../Chubb/_course_header.html.liquid          |  16 +
 .../Chubb/_course_instructors.html.liquid     |  22 +
 .../Chubb/_course_mobile_view.html.liquid     |  40 ++
 .../Chubb/_course_outline.html.liquid         |  40 ++
 .../_course_progress_and_cta.html.liquid      |  46 ++
 ..._course_version_outdated_alert.html.liquid |   7 +
 ..._course_version_outdated_popup.html.liquid |  33 ++
 .../Chubb/_courses_catalog.html.liquid        |  14 +
 .../Chubb/_courses_index.html.liquid          |  11 +
 .../Chubb/_courses_zero_state.html.liquid     |   6 +
 .../Chubb/_feature_carousel.html.liquid       |  55 ++
 .../Chubb/_featured_cards_course.html.liquid  |  58 +++
 .../Chubb/_filter_checkbox.html.liquid        |  10 +
 .../Chubb/_filter_dropdown.html.liquid        |  33 ++
 .../Chubb/_filter_select.html.liquid          |  22 +
 .../Chubb/_footer.html.liquid                 |  63 +++
 .../Chubb/_head.html.liquid                   | 114 +++++
 .../Chubb/_header.html.liquid                 | 269 ++++++++++
 .../Chubb/_header_minimal.html.liquid         |  17 +
 .../Chubb/_homepage-filters.html.liquid       | 110 ++++
 .../Chubb/_in_progress_carousel.html.liquid   |  91 ++++
 .../Chubb/_learning_path_banners.html.liquid  |   5 +
 .../_learning_path_certificate.html.liquid    |  17 +
 ...rning_path_certificate_content.html.liquid |  19 +
 ...learning_path_completed_banner.html.liquid |  13 +
 .../Chubb/_learning_path_course.html.liquid   |  46 ++
 .../_learning_path_description.html.liquid    |   6 +
 ..._learning_path_desktop_content.html.liquid |  21 +
 .../_learning_path_desktop_header.html.liquid |  12 +
 .../_learning_path_desktop_view.html.liquid   |   2 +
 .../_learning_path_instructors.html.liquid    |  26 +
 .../_learning_path_mobile_content.html.liquid |  19 +
 .../_learning_path_mobile_header.html.liquid  |  17 +
 .../_learning_path_mobile_view.html.liquid    |   2 +
 ...arning_path_new_content_banner.html.liquid |  12 +
 .../Chubb/_learning_path_outline.html.liquid  |  10 +
 ...learning_path_progress_and_cta.html.liquid |  20 +
 ...ning_path_summary_desktop_view.html.liquid |   3 +
 ...rning_path_summary_mobile_view.html.liquid |   5 +
 ...learning_path_training_session.html.liquid |  43 ++
 .../_learning_path_zero_state.html.liquid     |  12 +
 .../Chubb/_learning_paths_index.html.liquid   |  33 ++
 .../Chubb/_messages.html.liquid               |  19 +
 ...arding_learning_paths_carousel.html.liquid |  77 +++
 .../Chubb/_recommended_carousel.html.liquid   | 103 ++++
 .../Chubb/_search_result.html.liquid          |  21 +
 .../Chubb/_search_zero_state.html.liquid      |  13 +
 .../Chubb/_sub_navigation.html.liquid         |  13 +
 .../_training_events_dashboard.html.liquid    |   9 +
 .../Chubb/_training_events_filter.html.liquid |  53 ++
 .../Chubb/_training_events_index.html.liquid  |  13 +
 .../_training_events_zero_state.html.liquid   |   9 +
 .../_training_session_calendars.html.liquid   |  52 ++
 .../Chubb/_training_session_cta.html.liquid   |  53 ++
 .../Chubb/_training_session_date.html.liquid  |  14 +
 .../_training_session_description.html.liquid |   6 +
 ..._training_session_desktop_view.html.liquid |  40 ++
 .../_training_session_details.html.liquid     |  24 +
 .../_training_session_header.html.liquid      |  10 +
 .../_training_session_mobile_view.html.liquid |  22 +
 ...training_session_more_sessions.html.liquid |   3 +
 .../Chubb/_training_session_tile.html.liquid  |  17 +
 .../Chubb/account.html.liquid                 |  14 +
 .../Chubb/auth_url_email.html.liquid          |  59 +++
 .../Chubb/auth_url_employee.html.liquid       |  59 +++
 .../Chubb/auth_url_phone_number.html.liquid   |  40 ++
 .../Chubb/auth_url_terms.html.liquid          |  74 +++
 .../Chubb/catalog.html.liquid                 |  54 ++
 .../Chubb/course.html.liquid                  |  13 +
 .../Chubb/courses.html.liquid                 |   3 +
 .../Chubb/dashboard.html.liquid               |  31 ++
 .../Chubb/forgot_password.html.liquid         |  25 +
 .../Chubb/homepage.html.liquid                |  24 +
 .../Chubb/learning_path.html.liquid           |  13 +
 .../Chubb/learning_path_summary.html.liquid   |  10 +
 .../Chubb/learning_paths.html.liquid          |  14 +
 .../Chubb/login.html.liquid                   |  53 ++
 .../Chubb/master.html.liquid                  |   1 +
 .../Chubb/not_found.html.liquid               |  10 +
 .../Chubb/private_certificate.html.liquid     |  10 +
 .../Chubb/public_certificate.html.liquid      |  10 +
 .../Chubb/reset_password.html.liquid          |  43 ++
 .../Chubb/search.html.liquid                  |  22 +
 .../Chubb/sign_up.html.liquid                 |  72 +++
 .../Chubb/styles.css.liquid                   | 357 +++++++++++++
 .../Chubb/training_events.html.liquid         |  19 +
 .../Chubb/training_session.html.liquid        |  10 +
 .../training_session_attendance.html.liquid   |  43 ++
 .../Chubb/unsubscribe.html.liquid             |  30 ++
 .../Cin7 Customers/_badges_cards.html.liquid  | 243 +++++++++
 .../Cin7 Customers/_cards_course.html.liquid  |  31 +-
 .../_category_cards.html.liquid               |   8 +-
 .../_category_carousel.html.liquid            |  28 +-
 .../_course_desktop_view.html.liquid          |   2 +-
 .../Cin7 Customers/_course_header.html.liquid |   7 +-
 .../_courses_catalog.html.liquid              |  24 +-
 .../_featured_courses.html.liquid             |  60 ++-
 .../_filters_catalog.html.liquid              | 216 ++++++++
 .../Cin7 Customers/_footer.html.liquid        |  51 +-
 .../Cin7 Customers/_head.html.liquid          |  19 +-
 .../Cin7 Customers/_header.html.liquid        |   2 +-
 .../_homepage_testimonials.html.liquid        |  55 ++
 .../_learning_path_carousel.html.liquid       |  48 ++
 .../_learning_path_course.html.liquid         |   4 +-
 .../_learning_path_description.html.liquid    |   2 +-
 .../_learning_paths_index.html.liquid         |  10 +-
 .../_my_badges_carousel.html.liquid           |  84 ++++
 .../_my_courses_carousel.html.liquid          |  37 +-
 ...ing_paths_and_courses_carousel.html.liquid |  67 +++
 .../_my_learning_paths_carousel.html.liquid   |  30 ++
 .../_omni_learning_paths_carousel.html.liquid |  53 ++
 .../_training_events_dashboard.html.liquid    |  68 ++-
 .../_training_events_index.html.liquid        |   9 +-
 .../_training_session_calendars.html.liquid   |   2 +-
 .../_training_session_cta.html.liquid         |   2 +-
 .../_training_session_header.html.liquid      |   2 +-
 .../Cin7 Customers/catalog.html.liquid        |   6 +-
 .../Cin7 Customers/dashboard.html.liquid      |  38 +-
 .../Cin7 Customers/homepage.html.liquid       |  12 +-
 .../Cin7 Customers/learning_paths.html.liquid |  20 +-
 .../Cin7 Customers/search.html.liquid         |   7 -
 .../Cin7 Customers/styles.css.liquid          |  70 +--
 .../training_events.html.liquid               |   2 +-
 Scripts/API_Tests/get_course_ids.py           |  47 +-
 144 files changed, 5414 insertions(+), 153 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Chubb/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_catalog_filters.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_feature_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_featured_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_homepage-filters.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_in_progress_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_path_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_onboarding_learning_paths_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_recommended_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Chubb/unsubscribe.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_badges_cards.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_filters_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_homepage_testimonials.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_learning_path_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_my_badges_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_and_courses_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Cin7 Customers/_omni_learning_paths_carousel.html.liquid

diff --git a/Custom_Templates/customer_templates/.DS_Store b/Custom_Templates/customer_templates/.DS_Store
index c51b887896db7818f79b2a92b3e34f469c2dba69..c3343993d5f7c5c097e608f75356cfeb240c7d35 100644
GIT binary patch
delta 341
zcmZqqz}WJEae_bN!Hoe5Oq1nQd3Y)|xLN2eI_k*4z`!=Sz~7vaeX@VN{^Y+*N|Or{
zzHAoaU}D+K&cUKl9|}~#%HYh9!BEPO#E_JeZWx@LpIZPFg#jel+<X_8q@4UDpcKao
zOTD`_TfsJ<s7N88q96m=hRIe2N}F{IocNiJI!-K<W(=8}XRkB)hP}|_HTGJQ3z&pA
z^E;&QvohGOfXJHxJ)<!Bh`;k>=K$HsOPIt#^k$s^Wqw|mf8lC9fL@lEJUQNL@*XC~
p$-W8dlVv=3HajI$ac@2m-Oh}zL3}fN!3UPf7gK~cXQljN0sv+tWc>gD

delta 207
zcmZqqz}WJEae_bN-i-kYOq07*dD$5n7=VCn@`3=R$$bH$jO>&15*#PLXHuHXm?S*;
zQsU*!LL5vio7p*7G#G;?e=tzkyvD$ZfAT*&>B;Bq`6m}JiBI-*P@in(Ai`#2p||L$
z<HSN~#?Z|z4(a@p`2%DpuK+6G4@h7I*<!YNL4Y&=<O59llMgeAPF6|qntV4vd~!^H
nFj(3ZXtmDf8woAkn*(AdGh<V?nZ4ix%jEy5@|(A%zGDIabgM>5

diff --git a/Custom_Templates/customer_templates/Chubb/_account_avatar.html.liquid b/Custom_Templates/customer_templates/Chubb/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..f7ede71b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_account_desktop_view.html.liquid
@@ -0,0 +1,28 @@
+<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 profile-form">
+      <div class="row">
+        <div class="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>
+    </div>
+  </div>
+</form>
+
+<style>
+  .profile-form {
+    width: 50vw;
+  }
+  .account-form {
+    width: 100%;
+  }
+  .np-account .np-card {
+    max-width: unset;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_account_form.html.liquid b/Custom_Templates/customer_templates/Chubb/_account_form.html.liquid
new file mode 100644
index 00000000..f848cb98
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_account_form.html.liquid
@@ -0,0 +1,128 @@
+<div class="np-resource-title chubb">
+  {% 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>
+
+{% 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 %} * (minimum of 8 characters long; must include at least one uppercase letter, one number and one special character)
+    </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 %} * (minimum of 8 characters long; must include at least one uppercase letter, one number and one special character)
+    </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/Chubb/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..3f82a68d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_account_mobile_view.html.liquid
@@ -0,0 +1,12 @@
+<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>
+  <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/Chubb/_cards_course.html.liquid b/Custom_Templates/customer_templates/Chubb/_cards_course.html.liquid
new file mode 100644
index 00000000..47c8b5c3
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_cards_course.html.liquid
@@ -0,0 +1,45 @@
+<div class="card" type='course' categories="{%for category in course.categories%}{{category.name}},{%endfor%}" duration="{{course.properties.course_duration}}">
+  <div class="card-image-container">
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+  </div>
+  <div class="card-content-container">
+    <h3 class="card-content-title chubb">
+      {{ course.name }}
+    </h3>
+    <div class="card-category-wrapper">
+      {% for category in course.categories %}
+        {% unless category.name == 'Recommended' or category.name == 'Onboarding'%}  
+          <span class="card-category lato">{{category.name }}</span>
+        {% endunless %}
+      {% endfor %}
+    </div>
+    <div class="card-time">
+      {% unless course.properties.course_duration == 0 %}
+        {{course.properties.course_duration}} MINUTES
+      {% endunless %}
+    </div>
+    <div class="card-description lato">{{course.short_description}}</div>
+    {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+    <div class="card-course-btn-wrapper">
+      <a class="np-button np-button-wide lato" href="{{ course_path }}">
+        {% if course.enrolled? == false %}
+          Enroll
+          {% elsif course.enrolled? == true %}
+            Launch
+          {% elsif course.progress > 0 and course.progress < 100 %}
+            Resume
+            {% else %}
+            {% t shared.view %}   
+        {% endif %}
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ 
+
diff --git a/Custom_Templates/customer_templates/Chubb/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Chubb/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..5f873425
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_cards_learning_path.html.liquid
@@ -0,0 +1,42 @@
+
+
+<div class="card" type='learning_path' categories="{%for category in learning_path.categories%}{{category.name}},{%endfor%}">
+  <div class="card-image-container">
+    <img
+      alt="{{ learning_path.name }}"
+      class="np-card-image "
+      src="{{ learning_path.image_url }}"
+    />
+  </div>
+  <div class="card-content-container">
+    <h3 class="card-content-title chubb">
+      {{ learning_path.name }}
+    </h3>
+    <div class="card-category-wrapper">
+      {% for category in learning_path.categories %}
+        {% unless category.name == 'Recommended' or category.name == 'Onboarding'%}  
+        <span class="card-category lato">{{category.name }}</span>
+        {% endunless %}
+      {% endfor %}
+    </div>
+    <div class="card-time">
+        {{ learning_path.items.count }} {% t .items %}
+    </div>
+    <div class="card-description lato">{{ learning_path.description }}</div>
+    <div class="card-course-btn-wrapper">
+      <a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
+        {% if learning_path.progress == 0 %}
+          Launch
+          {% elsif learning_path.progress > 0 and learning_path.progress < 100 %}
+            Resume
+          {% else %}
+            {% t shared.view %}   
+        {% endif %}
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ 
+
diff --git a/Custom_Templates/customer_templates/Chubb/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Chubb/_cards_training_event.html.liquid
new file mode 100644
index 00000000..1176157e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_cards_training_event.html.liquid
@@ -0,0 +1,45 @@
+<div class="np-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>
+        <a
+          class="np-button np-button-wide"
+          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/Chubb/_catalog_filters.html.liquid b/Custom_Templates/customer_templates/Chubb/_catalog_filters.html.liquid
new file mode 100644
index 00000000..cbc22a00
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_catalog_filters.html.liquid
@@ -0,0 +1,471 @@
+{% assign coverages_categories = "Auto,Accident & Health,Builders Risk,Business Income/Extra Expense,Business Owners Policy (BOP),Chubb Services,Claims,Commercial Lines Products,Construction,Crime,Cyber Security,Directors & Officers Liability,Employment Practices Liability,Equipment Breakdown,Errors & Omissions,Family Office,Farm,Fiduciary,Financial Fidelity,Flood,Group Personal Excess Liability,Home,Kidnap, Ransom & Extortion,Liability,Liquor Liability,Loss Control,Management Liability,Marine-Inland/Ocean,Medical Liability,Multinational,Natural Disasters,Package,$Personal Lines Products,Pollution Liability,Product Recall,Professional Liability,Property,Rec. Marine,Risk Management,Services,Surety,Transactional Risk,Travel,Umbrella & Excess Liability,Valuable Articles,Worker’s Compensation,Workplace Violence" | split: "," %}
+{% assign categories = "$Commercial Lines,$Gen. Ins. & Risk Mgmt.,$Leadership & Prof. Dev.,Onboarding,$Personal Lines,$Sales & Service" | split: ","%}
+{% assign competencies_categories = "Agency Operations,Business Etiquette,Business Financials,Centers of Influence,Change Management,$Chubb Systems,Coaching,Communication Styles,Conflict Management,Cross Selling,Customer Service,DiSC,Diversity - DEI&B,Effective Listening,Emotional Intelligence,Employee Onboarding,Executive Development,Goal Setting,Influencing,Innovation,Leadership,Managing People,Marketing / Branding,Mergers & Acquisition,Negotiation,Networking,Overcoming Objections,Perpetuation Planning,Pipeline Management,Presentation Skills,Professional Presence,Referrals,Sales Management,Sales Skills,Storytelling,Team Building,Technology Training,Time Management,Writing Skills" | split: "," %}
+{% assign industry_practices_categories = "Agriculture,Aviation,Broadcasters,Clean Tech,Construction,Cultural Institutions,Educational Institutions,Energy,Entertainment,Federal Gov. Contractors,Financial Institutions,Food,Healthcare,Hospitality,Life Sciences,Manufacturing,Private Equity,Professional Service Firms,Public Entities,Real Estate,Retail,Technology,Transportation,Wholesale,Wineries" | split: "," %}
+{% assign level_categories = "Elements (L1),Enhance (L2),Elevate (L3)" | split: "," %}
+
+
+<div class="filter-courses-container">
+  <div class="filter-heading border-bottom">Filters</div>
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-1')" >Type <i class="fal fa-plus plus-icon"></i></button>
+    <div class="categories-container" id="categories-container-1">
+      <div class="input-container">
+        <input type="checkbox" id="learning_path" class="type-filter">Learning Path
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="webinar" class="type-filter">Webinar
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="resource" class="type-filter">Resource
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="course" class="type-filter">Course
+      </div>
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-2')" >Categories <i class="fal fa-plus plus-icon"></i></button>
+    <div class="categories-container" id="categories-container-2">
+      {% assign unique_categories = "" %}
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+          {% if categories contains category.name%}
+            {% unless unique_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_categories = unique_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories %}
+          {% if categories contains category.name%}
+            {% unless unique_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_categories = unique_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-3')">
+        Coverages <i class="fal fa-plus plus-icon"></i>
+    </button>
+    <div class="categories-container" id="categories-container-3">
+      {% assign unique_coverages_categories = "" %}
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+          {% if coverages_categories contains category.name %}
+            {% unless unique_coverages_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_coverages_categories = unique_coverages_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories %}
+          {% if coverages_categories contains category.name%}
+            {% unless unique_coverages_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_coverages_categories = unique_coverages_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-4')">
+      Competencies <i class="fal fa-plus plus-icon"></i>
+
+    </button>
+    <div class="categories-container" id="categories-container-4">
+      {% assign unique_competencies_categories = "" %}
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+          {% if competencies_categories contains category.name %}
+            {% unless unique_competencies_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_competencies_categories = unique_competencies_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories %}
+          {% if competencies_categories contains category.name%}
+            {% unless unique_competencies_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_competencies_categories = unique_competencies_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-5')">
+      Industry Practices <i class="fal fa-plus plus-icon"></i>
+    </button>
+    <div class="categories-container" id="categories-container-5">
+      {% assign unique_industry_practices_categories = "" %}
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+          {% if industry_practices_categories contains category.name %}
+            {% unless unique_industry_practices_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_industry_practices_categories = unique_industry_practices_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories %}
+          {% if industry_practices_categories  contains category.name%}
+            {% unless unique_industry_practices_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_industry_practices_categories = unique_industry_practices_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-6')">
+      Level <i class="fal fa-plus plus-icon"></i>
+    </button>
+    <div class="categories-container" id="categories-container-6">
+      {% assign unique_level_categories = "" %}
+      {% for course in courses.in_catalog %}
+        {% for category in course.categories %}
+          {% if level_categories contains category.name %}
+            {% unless unique_level_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_level_categories = unique_level_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% for learning_path in learning_paths.available %}
+        {% for category in learning_path.categories %}
+          {% if level_categories  contains category.name%}
+            {% unless unique_level_categories contains category.name %}
+              <div class="input-container">
+                  <input type="checkbox" id="{{ category.name }}" class="category-filter">{{ category.name }}
+              </div>
+              {% assign unique_level_categories = unique_level_categories | append: category.name %}
+            {% endunless %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      
+    </div>
+  </div>
+
+  <div class="filter-option-container">
+    <button class="filter-option" onclick="toggleFilter('categories-container-7')">
+      Duration (Course Only) <i class="fal fa-plus plus-icon"></i>
+    </button>
+    <div class="categories-container" id="categories-container-7">
+      <div class="input-container">
+        <input type="checkbox" id="duration-<10" class="duration-filter"> < 10 mins
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="duration-10-30" class="duration-filter">10-30 mins
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="duration-30-60" class="duration-filter">30-60 mins
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="duration-60-120" class="duration-filter">1-2 hours
+      </div>
+      <div class="input-container">
+        <input type="checkbox" id="duration->120" class="duration-filter">> 2 hours
+      </div>
+    </div>
+  </div>
+  </div>
+  <div class="filter-button-container">
+    <button class="filter-clear-button" onclick="clearFilters()">Clear Filters</button>
+  </div>
+  <style>
+.filter-heading {
+  font-weight: 700;
+  color: #000;
+  padding-bottom: 15px;
+}
+.border-bottom {
+    border-bottom: 1px solid rgba(0, 0, 0 ,0.5);
+}
+.catalog-search-input {
+  position: relative;
+  width: 100%;
+  padding: 0.5rem 0 0.5rem 2rem;
+}
+.catalog-search-icon {
+  position: absolute;
+  top: 30%;
+  left: 0;
+  color: #000;
+  opacity: 0.5;
+  font-size: 1rem;
+  padding-left: 10px;
+}
+.catalog-form {
+    position: relative;
+}
+.filter-courses-container {
+  margin-bottom: 20px;
+}
+.filter-option {
+    border: none;
+    cursor: pointer;
+    display: flex;
+  justify-content: space-between;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid rgba(0, 0, 0 ,0.5);
+  color: #000;
+  width: 100%;
+  background: none;
+  text-align: inherit;
+}
+.category-filter, .type-filter, .duration-filter {
+    margin-right: 5px;
+}
+
+.category-filter-container {
+    display: none;
+    margin-left: 10px;
+    padding: 5px 0;
+    color: #000;
+}
+.input-container {
+  display: flex;
+  margin: 5px;
+  color: #000;
+}
+.categories-container {
+  display: none;
+}
+.filter-button-container {
+  padding-bottom: 15px;
+}
+.filter-clear-button {
+  background: #000;
+  border: 1px solid #000;
+  border-radius: 4px;
+  padding: 10px 20px;
+  color: #fff;
+  font-size: .875rem;
+  font-weight: bold;
+  width: 100%;
+  cursor: pointer;
+}
+</style>
+
+<script>
+    var openFilters = {};
+    var selectedCategories = [];
+    var selectedTypes = [];
+    var selectedDuration = [];
+    console.log(selectedDuration)
+
+    function toggleFilter(containerId) {
+        var container = document.getElementById(containerId);
+        var icon = container.previousElementSibling.children[0];
+        openFilters[containerId] = !openFilters[containerId];
+
+        if (openFilters[containerId]) {
+            container.style.display = 'block';
+            icon.classList.remove("fa-plus")
+            icon.classList.add("fa-minus")
+        } else {
+            container.style.display = 'none';
+            icon.classList.add("fa-plus")
+            icon.classList.remove("fa-minus")
+        }
+    }
+
+  function updateCourses() {
+     var allCourses = document.querySelectorAll('.card');
+
+    allCourses.forEach(function (course) {
+    var courseCategories = course.getAttribute('categories').split(',');
+    var courseType = course.getAttribute('type');
+    var courseDuration = parseInt(course.getAttribute('duration')); 
+
+    if (!courseType) {
+      courseType = "";
+    }
+
+    var categoryFilter = selectedCategories.length === 0 || selectedCategories.some(function (category) {
+      return courseCategories.includes(category);
+    });
+
+
+    var typeFilter = selectedTypes.length === 0 || selectedTypes.includes(courseType);
+
+    var durationFilter = true;
+    if (selectedDuration.length > 0) {
+      var durationFilterValue = selectedDuration[0]; 
+      switch (durationFilterValue) {
+        case 'duration-<10':
+          durationFilter = courseDuration < 10;
+          break;
+        case 'duration-10-30':
+          durationFilter = courseDuration >= 10 && courseDuration <= 30;
+          break;
+        case 'duration-30-60':
+          durationFilter = courseDuration >= 30 && courseDuration <= 60;
+          break;
+        case 'duration-60-120':
+          durationFilter = courseDuration >= 60 && courseDuration <= 120;
+          break;
+        case 'duration->120':
+          durationFilter = courseDuration > 120;
+          break;
+        default:
+          break;
+      }
+    }
+
+    var shouldShow = categoryFilter && typeFilter && durationFilter;
+
+    if (shouldShow) {
+      course.parentElement.style.display = 'flex';
+    } else {
+      course.parentElement.style.display = 'none';
+    }
+  });
+}
+
+
+    document.addEventListener('change', function(event) {
+        if (event.target.classList.contains('category-filter')) {
+            var category = event.target.id;
+
+            if (event.target.checked) {
+                selectedCategories.push(category);
+            } else {
+                selectedCategories = selectedCategories.filter(function(cat) {
+                    return cat !== category;
+                });
+            }
+        }
+
+        if (event.target.classList.contains('type-filter')) {
+            var type = event.target.id;
+
+            if (event.target.checked) {
+                selectedTypes.push(type);
+            } else {
+                selectedTypes = selectedTypes.filter(function(t) {
+                    return t !== type;
+                });
+            }
+        }
+
+        if (event.target.classList.contains('duration-filter')) {
+          var duration = event.target.id;
+
+          if (event.target.checked) {
+            selectedDuration.push(duration);
+          } else {
+            selectedDuration = selectedDuration.filter(function(d){
+              return d !== duration
+            });
+          }
+        }
+
+        updateCourses();
+    });
+    function setInitialFilterState() {
+    var urlParams = new URLSearchParams(window.location.search);
+    var typeParam = urlParams.get('type');
+    var categoryParam = urlParams.get('category');
+
+    if (typeParam === 'learning_path' || typeParam === 'course') {
+
+        toggleFilter('categories-container-1');
+
+        var typeCheckbox = document.getElementById(typeParam);
+        if (typeCheckbox) {
+            typeCheckbox.click();
+        }
+    }
+
+    if (categoryParam) {
+      toggleFilter('categories-container-2');
+      var typeCheckbox = document.getElementById(categoryParam);
+        if (typeCheckbox) {
+            typeCheckbox.click();
+        }
+    }
+}
+
+function clearFilters() {
+    var checkboxes = document.querySelectorAll('.category-filter, .type-filter, .duration-filter');
+    checkboxes.forEach(function (checkbox) {
+      checkbox.checked = false;
+    });
+
+    selectedCategories = [];
+    selectedTypes = [];
+    selectedDuration = [];
+
+    updateCourses();
+  }
+
+  function hideUnusedTypes() {
+    var allTypeCheckboxes = document.querySelectorAll('.type-filter');
+    var allCourses = document.querySelectorAll('.card');
+
+    var availableTypes = [];
+
+    allCourses.forEach(function (course) {
+      var courseType = course.getAttribute('type');
+      if (courseType && !availableTypes.includes(courseType)) {
+        availableTypes.push(courseType);
+      }
+    });
+
+    allTypeCheckboxes.forEach(function (checkbox) {
+      var type = checkbox.id;
+      var isAvailable = availableTypes.includes(type);
+      checkbox.parentNode.style.display = isAvailable ? 'block' : 'none';
+    });
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+      setInitialFilterState();
+      hideUnusedTypes();
+  });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/Chubb/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/Chubb/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/Chubb/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/Chubb/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/Chubb/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_categories.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_categories.html.liquid
new file mode 100644
index 00000000..745c0464
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_course_categories.html.liquid
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex course-categories-container">
+  {% for category in course.categories %}
+    <div class="np-content-categories-content-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Chubb/_course_description.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_events.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_header.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_outline.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..e826315e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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 %}
+      Launch Course
+    {% 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/Chubb/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Chubb/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Chubb/_courses_catalog.html.liquid
new file mode 100644
index 00000000..81663cec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_courses_catalog.html.liquid
@@ -0,0 +1,14 @@
+
+  <div class="np-catalog-courses row ">
+    {% for course in courses.in_catalog %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+    {% for learning_path in learning_paths.available %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+        {% include "cards_learning_path" with learning_path %}
+      </div>
+    {% endfor %}
+  </div>
+
diff --git a/Custom_Templates/customer_templates/Chubb/_courses_index.html.liquid b/Custom_Templates/customer_templates/Chubb/_courses_index.html.liquid
new file mode 100644
index 00000000..ea457669
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_courses_index.html.liquid
@@ -0,0 +1,11 @@
+{% if courses.enrolled.any? %}
+  <div class="row">
+    {% for course in courses.enrolled %}
+      {% unless course.name contains 'Feedback'%}        
+        <div class="{{ class }}">
+          {% include "cards_course" with course %}
+          </div>
+      {% endunless %}
+    {% endfor %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Chubb/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Chubb/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_feature_carousel.html.liquid b/Custom_Templates/customer_templates/Chubb/_feature_carousel.html.liquid
new file mode 100644
index 00000000..8f02a735
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_feature_carousel.html.liquid
@@ -0,0 +1,55 @@
+<div class="carousel-wrapper">
+    <div class="carousel">
+      {% include 'featured_cards_course' %}
+    </div>
+</div>
+
+<script type="module">
+  var slider = tns({
+    container: '.carousel',
+    items: 1,
+    slideBy: 'page',
+    navPosition: 'bottom',
+    controls: false,
+    autoplay: true,
+    speed: 700,
+    autoplayButtonOutput: false,
+    autoplayTimeout: 7000
+  });
+  </script>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+
+      var navContainer = document.querySelector('.tns-nav');
+    
+      var navButtons = navContainer.querySelectorAll('button');
+    
+      navButtons.forEach(function (button, index) {
+        button.addEventListener('click', function () {
+          slider.goTo(index + 1);
+        });
+      });
+    });
+  </script>
+
+  <style>
+  .carousel-wrapper {
+    background: #fff;
+    position: relative;
+  }
+  .tns-nav {
+    text-align: center;
+  }
+  .tns-nav-active {
+    background: #000 !important;
+  }
+  .tns-nav button {
+    background: white;
+    border: 1px solid #000;
+    border-radius: 50%;
+    height: 15px;
+    width: 15px;
+    margin: 0 6px;
+  }
+  </style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_featured_cards_course.html.liquid b/Custom_Templates/customer_templates/Chubb/_featured_cards_course.html.liquid
new file mode 100644
index 00000000..4803233f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_featured_cards_course.html.liquid
@@ -0,0 +1,58 @@
+<div class="feature-card-wrapper">
+    <div class="feature-card-container">
+      <div class="feature-card-content feature-content">
+        <div class="short-message">CONVENIENT, CONNECTED LEARNING</div>
+          <h3 class="feature-card-content-title chubb">
+              Welcome
+          </h3>
+          <div class="feature-card-description lato">
+            Our Online Learning Center offers a variety of
+            interactive, on-demand programs across multiple categories to help you expand your knowledge
+            and increase your revenue.
+          </div>
+          <div class="feature-card-btn-container">
+              <a class="feature-course-btn purple lato" href="/app/catalog">
+                Explore the Catalog
+              </a>
+          </div>
+      </div>
+      <div class="feature-card-image feature-content">
+          <img
+          class="feature-card-image"
+          alt="woman"
+          src="https://s3.amazonaws.com/static.northpass.com/Chubb/assets/businesswoman.jpg"
+        >
+      </div>
+  </div>
+</div>
+<div class="feature-card-wrapper">
+  <div class="feature-card-container">
+    <div class="feature-card-content feature-content">
+        <div class="short-message">GETTING STARTED WITH CHUBB</div>
+        <h3 class="feature-card-content-title chubb">
+            Agent Onboarding
+        </h3>
+        <div class="feature-card-description lato">
+          Our onboarding learning paths provide an introduction to Chubb’s coverages, services, and available resources, so you can give your clients the protection they deserve — and help your business succeed.
+          <div class="note-desc">
+            <br><span class="bold-text">Note:</span> These learning paths are designed for agents onboarding to Chubb; however, all agents can access the included courses. Specific quoting workflows and access may vary by appointment, please confirm with your Chubb representative.
+          </div>
+        </div>
+        <div class="feature-card-btn-container">
+            <a class="feature-course-btn yellow lato" href="/app/learning_paths/f7211693-fa8a-478f-8707-bb90f08202ae">
+              Launch Personal
+            </a>
+            <a class="feature-course-btn yellow lato" href="/app/learning_paths/2a7c70ba-fa0b-4a5c-a900-2b31daf87cdc">
+               Launch Commercial
+            </a>
+        </div>
+    </div>
+    <div class="feature-card-image feature-content">
+        <img
+        class="feature-card-image"
+        alt="rocket"
+        src="https://s3.amazonaws.com/static.northpass.com/Chubb/assets/launch-rocket-become-an-agent-01.jpg"
+      >
+    </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/Chubb/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/Chubb/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_filter_select.html.liquid b/Custom_Templates/customer_templates/Chubb/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_footer.html.liquid b/Custom_Templates/customer_templates/Chubb/_footer.html.liquid
new file mode 100644
index 00000000..346142cf
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_footer.html.liquid
@@ -0,0 +1,63 @@
+<footer class="footer">
+  <div class="footer-wrapper">
+    <div class="footer-logo">
+      <img
+      alt="{{ current_school.name }}"
+      class="footer-logo-image"
+      src="https://chubbeducation.com/wp-content/uploads/2017/02/Chubb-Agency-Education-Logo-color-no-tagline.png"
+    />
+    </div>
+    <div class="footer-content">
+      <div class="footer-description lato">
+        We are committed to providing innovative, high quality educational opportunities and professional development
+        programs that support the profitable growth of Chubb’s agents and brokers and Chubb’s strategic goals.
+      </div>
+      <div class="footer-visit-us lato">
+        Visit us on <a href="https://chubbeducation.com/">chubbeducation.com</a>
+      </div>
+      <div class="footer-links lato">
+        <a href="https://www.chubb.com/us-en/terms-of-use.html">Terms of Use</a>
+        <hr class="horizontal-line"/>
+        <a href="https://www.chubb.com/us-en/online-privacy-policy.html">Privacy Policy</a>
+        <hr class="horizontal-line"/>
+        <a href="https://www.chubb.com/us-en/online-privacy-policy.html#CCPA-section">California Resident Privacy Policy</a>
+      </div>
+    </div>
+  </div>
+</footer>
+
+<style>
+  .footer {
+    background: #e7e6e6;
+    padding: 6%;
+  }
+  .footer-logo-image {
+  max-width: 300px;
+}
+.footer-content {
+  color: #000;
+}
+.footer-wrapper {
+  display: flex;
+  gap: 5%;
+}
+.footer-description {
+  margin-bottom: 20px;
+}
+a {
+  color: #000;
+}
+.footer-links {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+
+}
+.horizontal-line {
+  height: 15px;
+  overflow: visible;
+  width: 1px;
+  margin: 5px;
+  box-sizing: border-box;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_head.html.liquid b/Custom_Templates/customer_templates/Chubb/_head.html.liquid
new file mode 100644
index 00000000..8520c521
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_head.html.liquid
@@ -0,0 +1,114 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
+
+<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">
+
+<!-- Slick -->
+<script src= 
+    "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> 
+        </script> 
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
+<!-- Add the slick-theme.css if you want default styling -->
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
+<script type="text/javascript" src="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
+
+
+<script>
+
+
+    function limitCardDescriptionCharacters() {
+        var elements = document.querySelectorAll('.card-description');
+
+        elements.forEach(function (element) {
+            var text = element.innerText;
+            var truncatedText = text.length > 250 ? text.slice(0, 250) + '...' : text;
+            element.innerText = truncatedText;
+        });
+    }
+
+    function limitCardCategories() {
+            var cards = document.querySelectorAll('.card');
+
+            cards.forEach(function(card, index) {
+                var cardCategories = card.querySelectorAll('.card-category');
+                var dollarSignCount = 0;
+                var missingCategories = [];
+
+                cardCategories.forEach(function(category, categoryIndex) {
+                    if (category.textContent.trim().startsWith('$')) {
+                        if (dollarSignCount < 5) {
+                            category.style.display = 'block';
+                            dollarSignCount++;
+                        } else {
+                            category.style.display = 'none';
+                        }
+                    } else {
+                        missingCategories.push(category);
+                    }
+                });
+
+                missingCategories.forEach(function(missingCategory, missingIndex) {
+                    if (dollarSignCount < 5) {
+                        missingCategory.style.display = 'block';
+                        dollarSignCount++;
+                    } else {
+                        missingCategory.style.display = 'none';
+                    }
+                });
+            });
+    }
+    function removeDollarSign() {
+            var cardCategories = document.querySelectorAll('.card-category');
+            var courseCategoriesCoverPage = document.querySelectorAll('.np-content-categories-content-item')
+            var categoryFilters = document.getElementsByClassName('category-filter');
+
+            cardCategories.forEach(function(category, index) {
+                category.textContent = category.textContent.replace('$', '');
+            });
+
+            courseCategoriesCoverPage.forEach(function(category, index) {
+                category.textContent = category.textContent.replace('$', '');
+            });
+
+            for (var i = 0; i < categoryFilters.length; i++) {
+            var textWithoutDollarSign = categoryFilters[i].nextSibling.nodeValue.replace(/\$/g, '');
+            categoryFilters[i].nextSibling.nodeValue = textWithoutDollarSign;
+            }
+
+            if (window.location.pathname == '/app') {
+                var categoryFiltersArray = Array.from(document.getElementsByClassName('category-filter'));
+                categoryFiltersArray.forEach(function(category, index) {
+                    category.textContent = category.textContent.replace('$', '');
+                });
+            }   
+        }
+
+    function resultCounter() {
+        if (window.location.pathname.includes('search')) {     
+            var searchCardsLenght = document.querySelectorAll('.np-search-result').length;
+            var searchNumber = document.getElementById('search-number').innerText = searchCardsLenght;
+        }
+    }
+
+    function removeCertifacteeVerificationCard() {
+        if (window.location.pathname.includes('certificate')) {
+            var certificateCard = document.getElementsByClassName('np-certificate-verification-card')
+            certificateCard[0].style.display = "none";
+        }
+    }
+
+
+    document.addEventListener('DOMContentLoaded', function () {
+        limitCardDescriptionCharacters();
+        limitCardCategories();
+        removeDollarSign();
+        resultCounter();
+        removeCertifacteeVerificationCard();
+    });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_header.html.liquid b/Custom_Templates/customer_templates/Chubb/_header.html.liquid
new file mode 100644
index 00000000..b612729a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_header.html.liquid
@@ -0,0 +1,269 @@
+<header class="np-header np-header-color">
+  <div class="np-header-content">
+    <div class="np-hidden-desktop np-header-mobile-menu-nav">
+      {% if current_person.signed_in? %}
+        <button
+          data-toggle-class="np-hidden"
+          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
+          data-toggle-target=".np-header-mobile-avatar-menu,
+          .np-header-mobile-menu-content, .np-main, .np-footer"
+        ></button>
+        <button
+          data-test="open-mobile-menu"
+          data-toggle-class="np-hidden"
+          class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
+          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
+        >
+          <img
+            alt="{{ current_person.name }}"
+            class="np-header-avatar-image"
+            src="{{ current_person.avatar_url }}"
+          />
+        </button>
+      {% endif %}
+    </div>
+    {% if current_school.logo_url %}
+      <h1 class="header-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+      <div class="header-text chubb np-hidden-mobile">Online Learning Center</div>
+    {% else %}
+      <a href="{% route home %}" class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </a>
+    {% endif %}
+
+    <div class="np-hidden-mobile np-header-desktop-nav">
+      <ul class="np-header-desktop-nav-list">
+        {% for website_navigation in navigations.header_navigations_external %}
+          <li class= "np-header-desktop-nav-item">
+            <a
+              href="{{ website_navigation.path }}"
+              class="np-header-desktop-nav-link np-header-font-color"
+              target="_blank"
+            >
+              {{ website_navigation.name }}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+    </div>
+
+    {% if current_person.signed_in? %}
+      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
+        <form action="{% route search %}" method="get" data-test="desktop-search">
+          <input
+            aria-label="{% t .search %}"
+            class="header-search-input"
+            type="text"
+            name="q"
+            placeholder="Search..."
+          />
+          <i class="np-header-search-icon far fa-search"></i>
+        </form>
+      </div>
+      <div class="np-hidden-mobile np-header-avatar">
+        <button
+          class="np-header-avatar-button"
+          data-test="open-desktop-menu"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-header-avatar-tooltip"
+          data-toggle-outside
+        >
+          <i class="fal fa-user-circle header-avatar-image"></i>
+        </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>
+  <div class="hamburger-menu">
+    <i class="fal fa-bars" id="menu-icon"></i>
+  </div>
+
+  <div class="menu-container">
+    <div class="close-btn"><i class="fal fa-times"></i></div>
+    <ul class="menu">
+      <li><a href="/app">Home</a></li>
+      <li><a href="/app/dashboard">Dashboard</a></li>
+      <li><a href="/app/catalog">Catalog</a></li>
+      <li><a href="https://chubbeducation.com/olc-info">FAQ/ User Guides</a></li>
+      <li><a href="https://secure.chubb.com/">Chubb Agent Portal</a></li>
+      <li><a href="https://chubbeducation.com/">chubbeducation.com</a></li>
+    </ul>
+  </div>
+</header>
+
+<div class="np-hidden-desktop">
+  <div class="np-header-mobile-menu-content np-hidden">
+    {% if current_person.signed_in? %}
+      <img
+        alt="{{ current_person.name }}"
+        class="np-header-mobile-menu-content-avatar"
+        src="{{ current_person.avatar_url }}"
+      />
+      <div class="np-header-mobile-menu-content-name">
+        {{ current_person.name }}
+      </div>
+    {% endif %}
+    <div class="np-header-mobile-menu-content-nav">
+      <form
+        class="np-header-search"
+        data-test="mobile-search"
+        method="get"
+        action="{% route search %}"
+      >
+        <input
+          aria-label="{% t .search %}"
+          class="np-header-search-input"
+          type="text"
+          name="q"
+          placeholder="{% t .search %}"
+        />
+        <i class="np-header-search-icon far fa-search"></i>
+      </form>
+      {% for website_navigation in navigations.header_navigations %}
+        <a
+          href="{{ website_navigation.path }}"
+          class="np-header-mobile-menu-content-button"
+          {% if website_navigation.external? %} target="_blank" {% endif %}
+        >
+          {{ website_navigation.name }}
+        </a>
+      {% endfor %}
+      <div class="np-header-mobile-menu-content-line"></div>
+      {% unless current_school.sso_active? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route account %}"
+        >
+          {% t .profile_settings %}
+        </a>
+      {% endunless %}
+      <a
+        class="np-header-mobile-menu-content-button np-danger"
+        href="{% route logout %}"
+      >
+        {% t .sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+
+{% include "messages" %}
+
+<style>
+.menu-container {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index:11;
+}
+
+.menu {
+  list-style: none;
+  padding: 30px 5%;
+  margin: 0;
+  background-color: #fff;
+  z-index: 40;
+  display: flex;
+  flex-direction: column;
+  align-items: last baseline;
+}
+
+.menu li {
+  margin-bottom: 20px;
+}
+
+.menu a {
+  text-decoration: none;
+  color: #333;
+  font-size: 18px;
+}
+
+.menu a:hover {
+  color: #6e27c5;
+}
+.close-btn {
+  position: absolute;
+  top: 20px;
+  right: 25px;
+  cursor: pointer;
+  font-size: 24px;
+  color: #333;
+}
+
+.close-btn:hover {
+  color: #6e27c5;
+}
+.np-header-mobile-menu-nav {
+  position: initial !important;
+}
+</style>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const hamburgerMenu = document.querySelector('.hamburger-menu');
+    const menuContainer = document.querySelector('.menu-container');
+    const closeBtn = document.querySelector('.close-btn');
+
+    hamburgerMenu.addEventListener('click', function () {
+      menuContainer.style.display = menuContainer.style.display === 'block' ? 'none' : 'block';
+    });
+
+    closeBtn.addEventListener('click', function () {
+      menuContainer.style.display = 'none';
+    });
+
+    menuContainer.addEventListener('click', function (e) {
+      if (e.target === menuContainer) {
+        menuContainer.style.display = 'none';
+      }
+    });
+  });
+
+</script>
diff --git a/Custom_Templates/customer_templates/Chubb/_header_minimal.html.liquid b/Custom_Templates/customer_templates/Chubb/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_homepage-filters.html.liquid b/Custom_Templates/customer_templates/Chubb/_homepage-filters.html.liquid
new file mode 100644
index 00000000..7c95db1f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_homepage-filters.html.liquid
@@ -0,0 +1,110 @@
+{% assign categories = "$Commercial Lines,$Gen. Ins. & Risk Mgmt.,$Leadership & Prof. Dev.,Onboarding,$Personal Lines,$Sales & Service" | split: ","%}
+
+<div class="filter-container">
+    <div class="dropdown">
+        <button class="dropbtn">Type <i class="fal fa-chevron-down"></i></button>
+        <div class="dropdown-content">
+          <a href="/app/catalog?type=learning_path">Learning Paths <i class="far fa-external-link-alt"></i></a>
+          <a href="/app/catalog?type=course">Courses <i class="far fa-external-link-alt"></i></a>
+        </div>
+      </div>
+    
+      <div class="dropdown">
+        <button class="dropbtn">Categories <i class="fal fa-chevron-down"></i></button>
+        <div class="dropdown-content">
+          {% assign unique_categories = "" %}
+            {% for course in courses.in_catalog %}
+                {% for category in course.categories %}
+                  {% if categories contains category.name%}
+                    {% unless unique_categories contains category.name %}    
+                      <a class="category-filter" href="/app/catalog?category={{category.name}}">{{category.name }} <i class="far fa-external-link-alt"></i></a>
+                      {% assign unique_categories = unique_categories | append: category.name  %}
+                    {% endunless %}
+                  {%endif%}
+                {% endfor %}
+            {% endfor %}
+        </div>
+      </div>
+    
+      <div class="dropdown">
+        <a class="dropbtn dropbtn-link" href="/app/catalog">Catalog
+          <img src="https://s3.amazonaws.com/static.northpass.com/Chubb/assets/Folders.svg" alt="folders" class="link-icon">
+        </a>
+      </div>
+      <div class="dropdown">
+        <a class="dropbtn dropbtn-link" href="/app/dashboard">Dashboard
+            <img src="https://s3.amazonaws.com/static.northpass.com/Chubb/assets/Contact.svg" alt="contact" class="link-icon">
+        </a>
+
+      </div>
+
+</div>
+
+  <style>
+    .dropbtn-link {
+      text-decoration: none;
+    }
+    .dropbtn {
+      background-color: #e7e5e6;
+      color: #000;
+      padding: 10px;
+      font-size: 14px;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+    }
+
+    .dropdown {
+      position: relative;
+      display: inline-block;
+      margin-right: 10px; 
+      flex: 1;
+    }
+
+    .dropdown-content {
+      display: none;
+      position: absolute;
+      background-color: #f9f9f9;
+      min-width: 160px;
+      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+      z-index: 1;
+      width: 100%;
+    }
+
+    .dropdown-content a {
+      color: black;
+      padding: 10px;
+      text-decoration: none;
+      display: flex;
+      justify-content: space-between;
+    }
+
+    .dropdown-content i {
+        opacity: 0.75;
+    }
+
+    .dropdown-content a:hover {background-color: #f1f1f1}
+
+    .dropdown:hover .dropdown-content {
+      display: block;
+    }
+
+    .dropdown:hover .dropbtn {
+      background-color: #bcbabe;
+    }
+    .filter-container {
+        display: flex;
+        justify-content: space-between;
+        max-width: 1440px;
+        margin: 0 20px;
+    }
+    .link-icon {
+      width: 15px;
+    }
+  </style>
+
+
+  
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_in_progress_carousel.html.liquid b/Custom_Templates/customer_templates/Chubb/_in_progress_carousel.html.liquid
new file mode 100644
index 00000000..6b7d8f71
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_in_progress_carousel.html.liquid
@@ -0,0 +1,91 @@
+{% assign content_counter = 0 %}
+
+{% for course in courses.in_catalog %}
+    {% for category in course.categories %}
+        {% if course.enrolled? and course.progress < 100 %}
+            {% assign content_counter = content_counter | plus: 1 %}
+        {% endif %}
+    {% endfor %}
+{% endfor %}
+
+
+<div class="progress-carousel-wrapper">
+    <div class="progress-carousel">
+        {% for course in courses.in_catalog %}
+            {% if course.enrolled? and course.progress < 100 %}
+                <div class="carousel-card-container">
+                    {% include "cards_course" with course %}
+                </div>
+            {% endif %}
+        {% endfor %}
+        {% if content_counter < 3 %}
+            <div class="carousel-card-container">
+                {% include "learning_path_zero_state" %}
+            </div>
+        {% endif %}
+    </div>
+</div>
+<script>
+$(".progress-carousel").slick({
+    infinite: true,
+    slidesToShow: 3,
+    slidesToScroll: 3,
+    prevArrow: "<span class='prev-btn control-carousel lato'><i class='fas fa-chevron-left left-arrow'></i> Prev</span>",
+    nextArrow: "<span class='next-btn control-carousel lato'>Next <i class='fas fa-chevron-right right-arrow'></i></span>",
+    responsive: [
+        {
+            breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1
+                }
+            },
+            {
+                breakpoint: 1000,
+                 settings: {
+                    slidesToShow: 2,
+                    slidesToScroll: 2
+                }
+            }
+    ]
+  });
+</script>
+
+
+<style>
+.tns-controls {
+    display: flex;
+    justify-content: flex-end;
+    margin: 2rem 0;
+    gap: 25px;
+    margin-right: 25px;
+  }
+  [data-controls="next"], [data-controls="prev"] {
+    background: none;
+    border: none;
+}
+.control-carousel {
+    font-size: 1.25rem;
+  }
+.left-arrow {
+    margin-right: 5px;
+}
+.right-arrow {
+    margin-left: 5px;
+}
+.progress-carousel-wrapper {
+    position: relative;
+  }
+  .next-btn {
+    position: absolute;
+    right: 20px;
+    bottom: 0;
+  }
+  .prev-btn {
+    position: absolute;
+    right: 100px;
+    bottom: 0;
+    z-index:1;
+  }
+</style>
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_course.html.liquid
new file mode 100644
index 00000000..0d8cbcca
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_learning_path_course.html.liquid
@@ -0,0 +1,46 @@
+{% 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>
+    </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">
+          {{ course.name }}
+        </div>
+      </div>
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Chubb/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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="{% route home %}" 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/Chubb/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1d90a2a7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f0338931
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_learning_path_training_session.html.liquid
@@ -0,0 +1,43 @@
+{% 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>
+    </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">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
+      </div>
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Chubb/_learning_path_zero_state.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_path_zero_state.html.liquid
new file mode 100644
index 00000000..b0544760
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_learning_path_zero_state.html.liquid
@@ -0,0 +1,12 @@
+
+
+<div class="card zero-state-lp" type='learning-path'>
+    <div class="zero-state-message">
+        Nothing here? <br>
+        <a href="/app/catalog" class="text-underline">Keep Exploring!</a>
+    </div>
+</div>
+
+
+ 
+
diff --git a/Custom_Templates/customer_templates/Chubb/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Chubb/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..57013f08
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_learning_paths_index.html.liquid
@@ -0,0 +1,33 @@
+{% assign learning_paths_counter = 0 %}
+
+{% if items.any? %}
+  {% for learning_path in items %}
+    {% assign learning_paths_counter = learning_paths_counter | plus: 1 %}
+  {% endfor %}
+{% endif %}
+
+<div class="row">
+  {% if items.any? %}
+    {% for learning_path in items %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+          {% include "cards_learning_path" with learning_path %}
+      </div>
+    {% endfor %}
+    {% if learning_paths_counter < 3 %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+        {% include "learning_path_zero_state" %}
+      </div>
+      {% endif %}
+    {% else %}
+    <div class="zero-state-wrapper">
+      {% include "learning_path_zero_state" %}
+    </div>
+    {% endif %}
+</div>
+
+<style>
+  .zero-state-wrapper {
+    width: 100%;
+    height: 250px;
+  }
+</style>
diff --git a/Custom_Templates/customer_templates/Chubb/_messages.html.liquid b/Custom_Templates/customer_templates/Chubb/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_onboarding_learning_paths_carousel.html.liquid b/Custom_Templates/customer_templates/Chubb/_onboarding_learning_paths_carousel.html.liquid
new file mode 100644
index 00000000..91c6b639
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_onboarding_learning_paths_carousel.html.liquid
@@ -0,0 +1,77 @@
+<div class="lp-carousel-wrapper">
+    <div class="lp-onboarding-carousel">
+        {% for learning_path in learning_paths.available %}
+            {% for category in learning_path.categories %}
+                {% if category.name == 'Onboarding' %}
+                    <div class="carousel-card-container">
+                        {% include "cards_learning_path" %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<script>
+    $(".lp-onboarding-carousel").slick({
+        infinite: true,
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        prevArrow: "<span class='prev-btn control-carousel lato'><i class='fas fa-chevron-left left-arrow'></i> Prev</span>",
+        nextArrow: "<span class='next-btn control-carousel lato'>Next <i class='fas fa-chevron-right right-arrow'></i></span>",
+        responsive: [
+                        {
+              breakpoint: 768,
+              settings: {
+                slidesToShow: 1,
+                slidesToScroll: 1
+              }
+            },
+            {
+              breakpoint: 1000,
+              settings: {
+                slidesToShow: 2,
+                slidesToScroll: 2
+              }
+            }
+          ]
+      });
+    </script>
+
+<style>
+.tns-controls {
+    display: flex;
+    justify-content: flex-end;
+    margin: 2rem 0;
+    gap: 25px;
+    margin-right: 25px;
+  }
+  [data-controls="next"], [data-controls="prev"] {
+    background: none;
+    border: none;
+}
+.control-carousel {
+    font-size: 1.25rem;
+  }
+.left-arrow {
+    margin-right: 5px;
+}
+.right-arrow {
+    margin-left: 5px;
+}
+.recommended-carousel-wrapper {
+    position: relative;
+  }
+.next-btn {
+    position: absolute;
+    right: 20px;
+    bottom: 0;
+}
+.prev-btn {
+    position: absolute;
+    right: 100px;
+    bottom: 0;
+    z-index:1;
+}
+</style>
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_recommended_carousel.html.liquid b/Custom_Templates/customer_templates/Chubb/_recommended_carousel.html.liquid
new file mode 100644
index 00000000..24a19892
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_recommended_carousel.html.liquid
@@ -0,0 +1,103 @@
+{% assign content_counter = 0 %}
+
+{% for course in courses.in_catalog %}
+    {% for category in course.categories %}
+        {% if category.name == 'Recommended' %}
+            {% assign content_counter = content_counter | plus: 1 %}
+        {% endif %}
+    {% endfor %}
+{% endfor %}
+{% for learning_path in learning_paths.available %}
+    {% for category in learning_path.categories %}
+        {% if category.name == 'Recommended' %}
+            {% assign content_counter = content_counter | plus: 1 %}
+        {% endif %}
+    {% endfor %}
+{% endfor %}
+
+<div class="recommended-carousel-wrapper">
+    <div class="recommended-carousel">
+        {% for course in courses.enrolled %}
+            {% for category in course.categories %}
+                {% if category.name == 'Recommended' %}
+                    <div class="carousel-card-container">
+                        {% include "cards_course" with course %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+        {% for learning_path in learning_paths.available %}
+            {% for category in learning_path.categories %}
+                {% if category.name == 'Recommended' %}
+                    <div class="carousel-card-container">
+                        {% include "cards_learning_path" %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+</div>
+
+<script>
+    $(".recommended-carousel").slick({
+        infinite: true,
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        prevArrow: "<span class='prev-btn control-carousel lato'><i class='fas fa-chevron-left left-arrow'></i> Prev</span>",
+        nextArrow: "<span class='next-btn control-carousel lato'>Next <i class='fas fa-chevron-right right-arrow'></i></span>",
+        responsive: [
+                        {
+              breakpoint: 768,
+              settings: {
+                slidesToShow: 1,
+                slidesToScroll: 1
+              }
+            },
+            {
+              breakpoint: 1000,
+              settings: {
+                slidesToShow: 2,
+                slidesToScroll: 2
+              }
+            }
+          ]
+      });
+    </script>
+
+<style>
+.tns-controls {
+    display: flex;
+    justify-content: flex-end;
+    margin: 2rem 0;
+    gap: 25px;
+    margin-right: 25px;
+  }
+  [data-controls="next"], [data-controls="prev"] {
+    background: none;
+    border: none;
+}
+.control-carousel {
+    font-size: 1.25rem;
+  }
+.left-arrow {
+    margin-right: 5px;
+}
+.right-arrow {
+    margin-left: 5px;
+}
+.recommended-carousel-wrapper {
+    position: relative;
+  }
+.next-btn {
+    position: absolute;
+    right: 20px;
+    bottom: 0;
+}
+.prev-btn {
+    position: absolute;
+    right: 100px;
+    bottom: 0;
+    z-index:1;
+}
+</style>
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/_search_result.html.liquid b/Custom_Templates/customer_templates/Chubb/_search_result.html.liquid
new file mode 100644
index 00000000..66c60848
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_search_result.html.liquid
@@ -0,0 +1,21 @@
+{% if result.type == 'course' %}
+  <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>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Chubb/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Chubb/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Chubb/_sub_navigation.html.liquid
new file mode 100644
index 00000000..b432c10b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_sub_navigation.html.liquid
@@ -0,0 +1,13 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      <div class="np-sub-navigation-content-item {{ link.active_class }}">
+        <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+          <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
+          {{ link.label }}
+        </a>
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      </div>
+    {% endfor %}
+  </div>
+</nav>
diff --git a/Custom_Templates/customer_templates/Chubb/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_training_events_dashboard.html.liquid
@@ -0,0 +1,9 @@
+<div class="np-dashboard-resources">
+  {% if training_events.enrolled.any? %}
+    {% for training_event in training_events.enrolled %}
+      {% include "cards_training_event" with training_event %}
+    {% endfor %}
+  {% else %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Chubb/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d777c5f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_training_session_cta.html.liquid
@@ -0,0 +1,53 @@
+{% if training_session.approved? %}
+  <div class="np-training-session-cta-note">
+    <i class="far fa-check np-training-session-icon"></i>
+    {% t .registered %}
+  </div>
+{% elsif training_session.pending? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .pending %}
+  </div>
+{% elsif training_session.denied? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .denied %}
+  </div>
+{% elsif training_session.too_late? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .too_late %}
+  </div>
+{% elsif training_session.no_seats? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .no_seats %}
+  </div>
+{% endif %}
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{% route training_session_registration, id: training_session.id %}"
+      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>
diff --git a/Custom_Templates/customer_templates/Chubb/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_description.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_training_session_desktop_view.html.liquid
@@ -0,0 +1,40 @@
+<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">
+        <div class="np-card-content-divider">
+          {% include "training_session_description" %}
+        </div>
+      </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/Chubb/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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/Chubb/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/Chubb/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/_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"></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/Chubb/account.html.liquid b/Custom_Templates/customer_templates/Chubb/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Chubb/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/Chubb/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/Chubb/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/Chubb/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/catalog.html.liquid b/Custom_Templates/customer_templates/Chubb/catalog.html.liquid
new file mode 100644
index 00000000..eafe7a52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/catalog.html.liquid
@@ -0,0 +1,54 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="catalog-header-wrapper">
+    <div class="header-catalog chubb">
+      <a class="purple-link home-link" href="/app">Home </a>/ Course Catalog
+    </div>
+    <div class="catalog-description">
+      Search and filter courses, learning paths and other materials using the menu on the left side of the screen.
+    </div>
+  </div>
+  <div class="row row-catalog">
+    <div class="filter-container">
+      {% include 'catalog_filters' %}
+    </div>
+    <div class="catalog-container">   
+    {% include "courses_catalog" %}
+    </div>
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  .home-link {
+    text-decoration: none;
+  }
+  .filter-container {
+    width: 20%;
+    padding: 0 30px 0 0;
+    margin-top: 60px
+  }
+  .catalog-container {
+    width: 80%;
+  }
+  .purple-link {
+    color: #6e27c5;
+  }
+  .header-catalog {
+    font-weight: 500;
+    font-size: 1.5rem;
+    color: #000;
+  }
+  .row {
+    margin-left: 0;
+  }
+  .catalog-header-wrapper {
+    margin-bottom: 20px;
+  }
+  .catalog-description {
+    color: #000;
+  }
+</style>
+
diff --git a/Custom_Templates/customer_templates/Chubb/course.html.liquid b/Custom_Templates/customer_templates/Chubb/course.html.liquid
new file mode 100644
index 00000000..f414a6dc
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/course.html.liquid
@@ -0,0 +1,13 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="header-catalog chubb mb-20">
+    <a class="purple-link home-link" href="/app">Home </a>/ Course 
+  </div>
+  <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" %}
diff --git a/Custom_Templates/customer_templates/Chubb/courses.html.liquid b/Custom_Templates/customer_templates/Chubb/courses.html.liquid
new file mode 100644
index 00000000..7334cdab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/courses.html.liquid
@@ -0,0 +1,3 @@
+<script>
+  window.location.replace("/app/catalog");
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/dashboard.html.liquid b/Custom_Templates/customer_templates/Chubb/dashboard.html.liquid
new file mode 100644
index 00000000..104bf393
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/dashboard.html.liquid
@@ -0,0 +1,31 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="header-catalog chubb">
+    <a class="purple-link home-link" href="/app">Home </a>/ Dashboard
+  </div>
+  <div class="row np-flex-center">
+    <div class="dashboard-content-wrapper">
+      {% if features.learning_paths? %}
+        <div class="section-headline">
+          {% t shared.learning_paths %}
+        </div>
+        {% include "learning_paths_index", items: learning_paths.enrolled %}
+      {% endif %}
+      <div class="section-headline">
+        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+      </div>
+      {% include "courses_index", class: "col-xs-12 col-md-6 col-lg-4 np-stretch-content" %}
+    </div>
+    {% if features.training_events? %}
+      <div class="np-grid-spacing col-xs-12 col-sm-4">
+        <div class="section-headline">
+          {% t .upcoming_events %}
+        </div>
+          {% include "training_events_dashboard" %}
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Chubb/forgot_password.html.liquid b/Custom_Templates/customer_templates/Chubb/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/homepage.html.liquid b/Custom_Templates/customer_templates/Chubb/homepage.html.liquid
new file mode 100644
index 00000000..1e79b945
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/homepage.html.liquid
@@ -0,0 +1,24 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  {% include 'feature_carousel' %}
+  <div class="np-homepage-featured np-max-width">
+    {% include 'homepage-filters' %}
+    {% comment %} {% if courses.enrolled.any? %}  
+      <div class="section">
+        <div class="section-headline">My Courses</div>
+        {%include 'in_progress_carousel' %}
+      </div>
+    {% endif %} {% endcomment %}
+    <div class="section">
+      <div class="section-headline">Featured Courses & Learning Paths</div>
+      {%include 'recommended_carousel' %}
+    </div>
+    {% comment %} <div class="section">
+      <div class="section-headline">Onboarding Learning Paths</div>
+      {%include 'onboarding_learning_paths_carousel' %}
+    </div> {% endcomment %}
+
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Chubb/learning_path.html.liquid b/Custom_Templates/customer_templates/Chubb/learning_path.html.liquid
new file mode 100644
index 00000000..5e65d583
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/learning_path.html.liquid
@@ -0,0 +1,13 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="header-catalog chubb mb-20">
+    <a class="purple-link home-link" href="/app">Home </a>/ Learning Path 
+  </div>
+  <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/Chubb/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/Chubb/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/learning_paths.html.liquid b/Custom_Templates/customer_templates/Chubb/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/learning_paths.html.liquid
@@ -0,0 +1,14 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-learning-paths np-subpage-container np-max-width">
+  <div class="np-learning-paths-main">
+    <div class="np-resource-title">
+      {% t shared.learning_paths %}
+    </div>
+    <div class="np-resource-subtitle">
+      {% t .subtitle %}
+    </div>
+    {% include "learning_paths_index", items: learning_paths.available %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Chubb/login.html.liquid b/Custom_Templates/customer_templates/Chubb/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/master.html.liquid b/Custom_Templates/customer_templates/Chubb/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/master.html.liquid
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/Chubb/not_found.html.liquid b/Custom_Templates/customer_templates/Chubb/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/private_certificate.html.liquid b/Custom_Templates/customer_templates/Chubb/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/public_certificate.html.liquid b/Custom_Templates/customer_templates/Chubb/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/reset_password.html.liquid b/Custom_Templates/customer_templates/Chubb/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/search.html.liquid b/Custom_Templates/customer_templates/Chubb/search.html.liquid
new file mode 100644
index 00000000..5bf9fc7c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/search.html.liquid
@@ -0,0 +1,22 @@
+{% 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" id="search-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="np-button-color">"{{ results.term }}"</span>
+      <br>
+      Results shown below are courses. View learning paths in the Catalog.
+    </div>
+  </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/Chubb/sign_up.html.liquid b/Custom_Templates/customer_templates/Chubb/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/styles.css.liquid b/Custom_Templates/customer_templates/Chubb/styles.css.liquid
new file mode 100644
index 00000000..e9c66fdd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/styles.css.liquid
@@ -0,0 +1,357 @@
+ /*
+ 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: "Chubb";
+    src: url("https://s3.amazonaws.com/static.northpass.com/Chubb/Chubb+Publico+App+Fonts/ChubbPublicoApp-Light.ttf");
+    font-weight: 400;
+}
+@font-face {
+    font-family: "Chubb";
+    src: url("https://s3.amazonaws.com/static.northpass.com/Chubb/Chubb+Publico+App+Fonts/ChubbPublicoApp-Medium.ttf");
+    font-weight: 500;
+}
+@font-face {
+    font-family: "Chubb";
+    src: url("https://s3.amazonaws.com/static.northpass.com/Chubb/Chubb+Publico+App+Fonts/ChubbPublicoApp-Bold.ttf");
+    font-weight: 700;
+}
+@font-face {
+    font-family: "Chubb";
+    src: url("https://s3.amazonaws.com/static.northpass.com/pipedrive/fonts/Haffer/HafferSQ-SemiBold.woff2");
+    font-weight: 600;
+}
+
+
+body {
+    background: #fff;
+    font-family: 'Lato', sans-serif;
+}
+
+.chubb {
+    font-family: 'Chubb', sans-serif;
+}
+.np-header-logo-image {
+    height: 15px;
+}
+.header-text {
+    font-weight: 500;
+    margin-left: 20px;
+    font-size: 1.5rem;
+    color: #000;
+}
+.np-header-search-icon {
+    position: absolute;
+    top: 30%;
+    left: 0;
+    color: #000;
+    opacity: 0.5;
+    font-size: 1rem;
+    padding-left: 10px;
+}
+.header-search-input {
+    position: relative;
+    max-width: 180px;
+    padding: 0.5rem 0 0.5rem 2rem;
+}
+.header-avatar-image {
+    font-size: 1.5rem;
+
+}
+.np-header-avatar-tooltip {
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 0 8px rgba(72,103,118,.5);
+    position: absolute;
+    right: -15px;
+    top: 45px;
+    white-space: nowrap;
+    z-index: 50;
+}
+
+.np-header-color {
+    background: #ffffff;
+    border-bottom: 4px rgba(0,0,0,0.8) solid;
+}
+
+.card-content-container {
+    padding: 1rem;
+    display: flex;
+  flex-direction: column;
+  flex: 1;
+  justify-content: space-between;
+}
+.card-category {
+    background: #e7e6e6;
+    padding: 5px 10px;
+    border-radius: 12px;
+    margin: 0 8px 8px 0;
+    font-size: 0.8rem;
+  }
+
+  .card-category-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .card-content-title {
+    font-size: 1.5rem;
+    font-weight: 500;
+    margin-bottom: 8px;
+    color: #000;
+  }
+  .card-description {
+    font-weight: 400;
+    margin-bottom: 20px;
+    color: #000;
+  }
+  .card {
+    margin-right: 20px;
+    margin-bottom: 20px;
+    display: flex;
+  flex-direction: column;
+  height: 100%;
+  }
+  .card-course-btn-wrapper {
+    display: flex;
+    justify-content: flex-end;
+  }
+  .card-time {
+    margin: 10px 0;
+    font-weight: 500;
+    font-size: 1rem;
+    color: #000;s
+  }
+
+  .feature-card-container {
+    display: flex;
+}
+.feature-content {
+    flex-basis: 50%;
+}
+.feature-card-content {
+    padding: 2rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.feature-card-content-title {
+    margin-bottom: 2rem;
+    font-size: 4vw;
+    color: #000;
+    font-weight: 500;
+}
+.feature-card-btn-container {
+    display: flex;
+    gap: 10px;
+}
+.feature-card-description {
+    margin-bottom: 2rem;
+    color: #000;
+    font-weight: 400;
+}
+.feature-card-image {
+    display: flex;
+    width: 100%;
+    object-fit: cover;
+}
+.feature-course-btn {
+    font-weight: 700;
+    padding: 15px 40px;
+    text-decoration: none;
+}
+.purple {
+    background: #6e27c5;
+    color: #fff;
+}
+.header-catalog {
+    font-weight: 500;
+    font-size: 1.5rem;
+    color: #000;
+  }
+.note-desc {
+    font-size: 1rem;
+}
+.purple-link {
+    color: #6e27c5;
+  }
+  .home-link {
+    text-decoration: none;
+  }
+.yellow {
+    background: #ffb619;
+    color: #000;
+}
+.row {
+    margin-left: 0;
+    margin-right: 0;
+}
+.section-headline {
+    font-size: 1.5rem;
+    font-weight: 900;
+    color: #000;
+    margin: 1rem 0;
+  }
+
+.np-footer {
+    background: #e7e6e6;
+}
+.course-categories-container {
+    flex-wrap: wrap;
+}
+.np-content-categories-content-item {
+    margin-bottom: 10px;
+}
+
+.slick-track {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
+.section {
+    margin: 0 20px;
+}
+
+.hamburger-menu {
+    font-size: 1.5rem;
+    margin-left: 1.5rem;
+    cursor: pointer;
+}
+.np-card-container {
+    z-index: 10;
+}
+
+.np-dashboard {
+    background: #fff;
+}
+.np-resource-title, .np-input-label {
+    color: #000;
+}
+.zero-state-lp {
+    width: 100%;
+    border: 3px solid rgba(0,0,0, 0.35);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.zero-state-message {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #000;
+    opacity: 0.35;
+}
+.terms-of-service {
+    display: flex;
+    gap: 10px;
+  }
+.np-alert {
+    display: none;
+}
+.dashboard-content-wrapper {
+    width: 100%;
+}
+
+.text-underline {
+    text-decoration: underline;
+}
+
+.np-top-title, .np-card-heading, .np-course-outline-content-section-name {
+    color: #000;
+}
+
+.recommended-carousel .slick-track {
+    display: flex;
+}
+.progress-carousel .slick-track {
+    display: flex;
+}
+.carousel-card-container {
+    height: auto !important;
+}
+.slick-list {
+    padding-bottom: 20px !important;
+}
+.bold-text {
+    font-weight: 700;
+}
+
+.mb-20 {
+    margin-bottom: 20px;
+}
+@media only screen and (max-width: 768px) {
+    .feature-card-container {
+        flex-direction: column-reverse;
+    }
+    .filter-container {
+        flex-direction: column;
+    }
+    .dropdown {
+        margin-bottom: 10px;
+        margin-right: 0px !important;
+    }
+    .card {
+        margin-right: 0px;
+    }
+    .footer-wrapper {
+        flex-direction: column;
+    }
+    .footer-content {
+        margin: 20px 0;
+    }
+    .np-header-content {
+        justify-content: space-between;
+    }
+  }
+
+  .np-powered-by {
+    display: none !important;
+  }
+
+  .np-color-success, .np-certificate-metadata-title, .np-certificate-metadata-value {
+    color: #000;
+  }
+
+  .np-learning-path-completed-banner, .np-learning-path-certificate-content {
+    background: #fff; 
+  }
+
+  .np-learning-path-banner-action--primary {
+    background: #000;
+  }
+
+  .np-certificate-title {
+    color: #000;
+  }
+  .np-certificate-button-secondary {
+    color: #000 !important;
+  }
+
+
+  @media only screen and (max-width: 1028px) {
+    .row-catalog {
+        flex-direction: column;
+    }
+    .filter-container, .catalog-container {
+        width: 100% !important;
+    }
+    .filter-container {
+        padding: 0 !important;
+    }
+
+}
+@media only screen and (min-width: 1300px) {
+    .feature-card-description {
+        font-size: 1.2vw;
+    }
+
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Chubb/training_events.html.liquid b/Custom_Templates/customer_templates/Chubb/training_events.html.liquid
new file mode 100644
index 00000000..139717ee
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/training_events.html.liquid
@@ -0,0 +1,19 @@
+{% 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/Chubb/training_session.html.liquid b/Custom_Templates/customer_templates/Chubb/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/Chubb/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Chubb/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Chubb/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/Chubb/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/Cin7 Customers/_badges_cards.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_badges_cards.html.liquid
new file mode 100644
index 00000000..27d9efc8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_badges_cards.html.liquid	
@@ -0,0 +1,243 @@
+
+{% assign completed_courses = 0 %}
+{% for course in courses.enrolled %}
+    {% if course.progress == 100 %}
+        {% assign completed_courses = completed_courses | plus: 1 %}
+    {% endif %}
+{% endfor %}
+
+
+{% if omni %}
+    {% if completed_courses > 0%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Omni Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                        You completed 1 course! 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 4 %}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Omni Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                        You completed 5 courses! 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %} 
+    {% if completed_courses > 9 %}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Omni Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                        You completed 10 courses! 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 14 %}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Omni Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                        You completed 15 courses! 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %} 
+    {% if completed_courses > 19 %}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Omni Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                        You completed 20 courses! 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %} 
+{% endif %}
+{% if core %}
+    {% if completed_courses > 0%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Core Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                            You completed 1 course!
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 4%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Core Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                            You completed 5 courses!
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 9%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Core Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                            You completed 10 courses!
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 14%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Core Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                            You completed 15 courses!
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+    {% if completed_courses > 19%}
+        <div class="card-wrapper">
+            <div class="card">
+                <div class="lp-link">
+                    <div class="card-badge">
+                        <img
+                        alt=""
+                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
+                        class="badge-card-image"
+                    />
+                    </div>
+                    <div class="card-content card-content-badge">
+                        <h3 class="card-content-title course-name">
+                        Core Course Completed
+                        </h3>
+                        <div class="completed-courses">
+                            You completed 20 courses!
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_cards_course.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_cards_course.html.liquid
index 366e26a9..f830a1b8 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_cards_course.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_cards_course.html.liquid	
@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card" categories="{%for category in course.categories%}{{category.name}},{%endfor%}" duration="{{course.properties.course_duration}}">
 {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
     <a class="lp-link" href="{{ course_path }}">
     <div class="card-image">
@@ -7,21 +7,32 @@
         src="{{ course.image_url }}"
         class="learning-path-card-image"
       />
+      {% if course.ribbon %}
+        <div class="np-card-ribbon" {% if course.ribbon == "Omni" %} style="background: #0026b2;"{% endif %}>
+          {{ course.ribbon }}
+        </div>
+      {% endif %}
     </div>
     <div class="card-content">
-        <h3 class="card-content-title">
-		{% assign course_name = course.name | split: "]" %}
-          {{ course_name.last }}
+        <h3 class="card-content-title course-name">
+          {{ course.name }}
         </h3>
         <div class="course-desc">
           {{ course.short_description }}
         </div>
-        {% if course.properties.course_duration %}
-          <div class="course-time">
-            <i class="far fa-clock"></i>
-            {{course.properties.course_duration}} min
-          </div>
-        {% endif %}
+        <div class="course-details">
+          {% if course.properties.course_duration %}
+            <div class="course-time">
+              <i class="far fa-clock"></i>
+              {{course.properties.course_duration}} min
+            </div>
+          {% endif %}
+          {% comment %} {% if course.properties.recommended_for %}
+            <div class="recommended">
+              Recommended For: {{course.properties.recommended_for}}
+            </div>
+          {% endif %} {% endcomment %}
+        </div>
     </div>
     </a>
 </div>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_category_cards.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_category_cards.html.liquid
index 821a2f7f..5e7dad39 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_category_cards.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_category_cards.html.liquid	
@@ -1,7 +1,11 @@
- <a class="card category-card" href="/app/catalog?filter[category_uuid][in][]={{category.id}}">
+
+ <a class="card category-card" href="/app/catalog?category={{category.name}}">
+    <div class="card-category">
+        <img class="badge-card-image" src="{{category_images[counter]}}" alt="">
+    </div>
     <div class="card-content">
         <h3 class="card-content-title">{{category.name}}</h3>
-        <div class="course-desc">See all courses related to managing products in Cin7 Omni.</div>
+        <div class="course-desc">Browse all courses for {{category.name}}.</div>
     </div>
  </a>
 
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_category_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_category_carousel.html.liquid
index ef9b967f..ec7cc6f0 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_category_carousel.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_category_carousel.html.liquid	
@@ -1,12 +1,19 @@
 {% assign unique_category = "" %}
+{% assign category_images = 'https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images/Category+Icon+1.png,https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images/Category+Icon+2.png,https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images/Category+Icon+3.png,https://s3.amazonaws.com/static.northpass.com/Cin7/categories+images/Category+Icon+4.png' | split: ',' %}
+{% assign category_counter = 0 %}
+
 
 <div class="category-carousel">
     {% for course in courses.in_catalog %}
         {% for category in course.categories %}
             {% if category.name contains 'Omni' %}
                 {% unless unique_category contains category.name %}    
-                    {% include 'category_cards' %}
+                    {% include 'category_cards' counter: category_counter %}
                     {% assign unique_category = unique_category | append: category.name %}
+                    {% assign category_counter = category_counter | plus: 1 %}
+                    {% if category_counter > 3 %}
+                        {% assign category_counter = 0 %}
+                    {% endif %}
                 {% endunless %}
             {% endif %} 
         {% endfor %}
@@ -19,7 +26,24 @@
     slidesToShow: 4,
     slidesToScroll: 5,
     prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
-    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>"
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
     });
 </script>
 
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_course_desktop_view.html.liquid
index d51904df..570ef46c 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_course_desktop_view.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_course_desktop_view.html.liquid	
@@ -1,6 +1,6 @@
 <div class="np-card-container">
   <div class="lp-header-container">
-    <div class="lp-heading lora"> {{ course.name }}</div>
+    <div class="lp-heading lora course-name"> {{ course.name }}</div>
   </div>
 
   <div class="np-divider"></div>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_course_header.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_course_header.html.liquid
index 46268a22..e5c22f09 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_course_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_course_header.html.liquid	
@@ -3,15 +3,14 @@
   <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
   </i>
 </div>
-<div class="np-top-title">
+<div class="np-top-title course-name">
   <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>
-  {% assign course_name = course.name | split: "]" %}
-  {{ course_name.last }}
+  {{ course.name }}
 </div>
 <img
   src="{{ course.image_url }}"
   class="np-top-image np-hidden-desktop"
-  alt="{{ course_name.last }}"
+  alt="{{ course.name }}"
 />
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_courses_catalog.html.liquid
index f4b74c81..cb4e36f5 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_courses_catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_courses_catalog.html.liquid	
@@ -1,9 +1,25 @@
 {% if courses.in_catalog.any? %}
   <div class=" row">
-    {% for course in courses.in_catalog %}
-      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-        {% include "cards_course" with course %}
-      </div>
+	{% for course in courses.in_catalog %}
+	  {% if current_person.signed_in? %}
+		{% if omni %}
+		  {% if course.name contains 'Omni' %}
+			<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+			  {% include "cards_course" with course %}
+			</div>
+		  {% endif %}
+		{% elsif core %}
+		  {% if course.name contains 'Core' %}
+			<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+			  {% include "cards_course" with course %}
+			</div>
+		  {% endif %}
+		{% endif %}
+	  {% else %}
+		<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+		  {% include "cards_course" with course %}
+		</div>
+		{% endif %}
     {% endfor %}
   </div>
 {% else %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_featured_courses.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_featured_courses.html.liquid
index 438f3aaa..7cc9d940 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_featured_courses.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_featured_courses.html.liquid	
@@ -1,12 +1,41 @@
+{% assign omni = false %}
+{% assign core = false %}
+
+{% if current_person.signed_in? %}
+  {% assign signed_in = true %}
+  {% for group in current_person.groups %}
+    {% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
+      {% assign core = true %}
+      {% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
+        {% assign omni = true %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+
 <div class="carousel-wrapper">
     <div class="feature-courses-carousel">
         {% for course in courses.in_catalog %}
-            {% if course.properties.feature_course %}
-                <div class="card-wrapper">
-                    {% include 'cards_course' %}
-                </div>
+            {% if core %}
+                {% if course.properties.feature_course_core == true %}
+                    <div class="card-wrapper">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+                {% elsif omni %}
+                {% if course.properties.feature_course_omni == true %}
+                    <div class="card-wrapper">
+                        {% include 'cards_course' %}
+                    </div>
+                {% endif %}
+			  {% else %}
+				{% if course.properties.feature_course_omni == true or course.properties.feature_course_core == true %}
+                    <div class="card-wrapper">
+                        {% include 'cards_course' %}
+                    </div>
+					{% endif %}
             {% endif %}
-          {% endfor %}
+        {% endfor %}
     </div>
 </div>
 
@@ -16,7 +45,24 @@
     slidesToShow: 4,
     slidesToScroll: 5,
     prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
-    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>"
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
     });
 </script>
 
@@ -34,4 +80,4 @@
     .my-courses-carousel {
         margin: 0 1rem;
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_filters_catalog.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_filters_catalog.html.liquid
new file mode 100644
index 00000000..5b38e159
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_filters_catalog.html.liquid	
@@ -0,0 +1,216 @@
+<div class="filter-heading lora">Filters</div>
+<div class="filters-option-container">
+    <div class="filter-categories">
+        <div class="filter-option-heading">Categories</div>
+        {% if omni %}
+            <div class="filter-option-container" id="categoryFilters">
+                {% assign unique_omni_categories = "" %}
+                {% for course in courses.in_catalog %}
+                    {% for category in course.categories %}
+                        {% if category.name contains 'Omni' %}
+                            {% unless unique_omni_categories contains category.name %}  
+                                <div class="category-option">
+                                    <input class="filter-checkbox" type="checkbox" id="{{category.name}}" />
+                                    <label>{{category.name}}</label>
+                                </div>  
+                                {% assign unique_omni_categories = unique_omni_categories |  append: category.name %}
+                            {% endunless %}
+                        {% endif %}
+                    {% endfor %}
+                {% endfor %}
+            </div>
+            {% elsif core %}
+                <div class="filter-option-container" id="categoryFilters">
+                    {% assign unique_core_categories = "" %}
+                    {% for course in courses.in_catalog %}
+                        {% if course.name contains '[Core]' %}
+                        {% for category in course.categories %}
+                            {% if category.name contains 'Core' %}
+                                {% unless unique_core_categories contains category.name %}  
+                                    <div class="category-option">
+                                        <input class="filter-checkbox" type="checkbox" id="{{category.name}}" />
+                                        <label>{{category.name}}</label>
+                                    </div>  
+                                    {% assign unique_core_categories = unique_core_categories |  append: category.name %}
+                                {% endunless %}
+                            {% endif %}
+                        {% endfor %}
+                        {% endif %}
+                    {% endfor %}
+                </div>
+        {% endif %}
+    </div>
+   <div class="fiter-duration">
+        <div class="filter-option-heading">Course Duration</div>
+        <div class="filter-option-container" id="course-duration">
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="<10" />
+            <label>< 10 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="<20" />
+            <label>< 20 min</label>
+        </div>  
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="<30" />
+            <label>< 30 min</label>
+        </div>  
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="<45" />
+            <label>< 45 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="<60" />
+            <label>< 60 min</label>
+        </div>
+        </div>
+    </div> 
+</div>
+
+<style>
+    .filter-container {
+        width: 25%;
+        height: fit-content;
+        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+        padding: 1.5rem;
+        border-radius: 20px;
+        color: #002f6f;
+    }
+    .filter-heading {
+        font-size: 1.5rem;
+        font-weight: 600;
+        margin-bottom: 20px;
+    }
+    .filter-option-heading {
+        font-weight: 700;
+    }
+    .filter-option-container {
+        margin: 15px 10px;
+    }
+    .category-option, .time-option {
+        display: flex;
+        gap: 10px;
+    }
+    .hidden {
+            display: none;
+    }
+</style>
+
+<script>
+
+function sortLabelsAlphabetically() {
+    const categoryContainer = document.getElementById("categoryFilters");
+    const categoryOptions = categoryContainer.querySelectorAll(".category-option");
+    const categoryOptionsArray = Array.from(categoryOptions);
+
+    categoryOptionsArray.sort((a, b) => {
+        const labelA = a.querySelector("label").innerText.toLowerCase();
+        const labelB = b.querySelector("label").innerText.toLowerCase();
+        return labelA.localeCompare(labelB);
+    });
+
+    categoryContainer.innerHTML = "";
+
+    categoryOptionsArray.forEach((categoryOption) => {
+        categoryContainer.appendChild(categoryOption);
+    });
+}
+
+
+document.addEventListener("DOMContentLoaded", function() {
+    var categoryCheckboxes = document.querySelectorAll('.filter-checkbox');
+    var durationCheckboxes = document.querySelectorAll('.duration-checkbox');
+
+
+    categoryCheckboxes.forEach(function (checkbox) {
+        checkbox.addEventListener('change', function () {
+            filterCourses();
+        });
+    });
+
+    durationCheckboxes.forEach(function (checkbox) {
+        checkbox.addEventListener('change', function () {
+            filterCourses();
+        });
+    });
+
+    var urlParams = new URLSearchParams(window.location.search);
+    var categoryFromUrl = urlParams.get('category');
+    var durationFromUrl = urlParams.get('duration');
+
+    if (categoryFromUrl) {
+        var categoryCheckbox = document.getElementById(categoryFromUrl);
+        if (categoryCheckbox) {
+            categoryCheckbox.click();
+        }
+    }
+
+    if (durationFromUrl) {
+        var durationCheckbox = document.getElementById(durationFromUrl);
+        if (durationCheckbox) {
+            durationCheckbox.click();
+        }
+    }
+    sortLabelsAlphabetically();
+    filterCourses();
+});
+
+
+function filterCourses() {
+    var selectedCategories = getSelectedCategories();
+    var selectedDurations = getSelectedDurations();
+    var cards = document.querySelectorAll('.card');
+
+    cards.forEach(function (card) {
+        var categories = card.getAttribute('categories');
+        var duration = parseInt(card.getAttribute('duration'), 10);
+
+        var categoryMatch = selectedCategories.length === 0 || matchesCategories(categories, selectedCategories);
+        var durationMatch = selectedDurations.length === 0 || matchesDuration(duration, selectedDurations);
+
+        if (categoryMatch && durationMatch) {
+            card.parentElement.style.display = 'flex';
+        } else {
+            card.parentElement.style.display = 'none';
+        }
+    });
+}
+
+function getSelectedCategories() {
+    var selectedCategories = [];
+    var checkboxes = document.querySelectorAll('.filter-checkbox:checked');
+    checkboxes.forEach(function (checkbox) {
+        selectedCategories.push(checkbox.id);
+    });
+    return selectedCategories;
+}
+
+function getSelectedDurations() {
+    var selectedDurations = [];
+    var checkboxes = document.querySelectorAll('.duration-checkbox:checked');
+    checkboxes.forEach(function (checkbox) {
+        selectedDurations.push(checkbox.id);
+    });
+    return selectedDurations;
+}
+
+function matchesCategories(courseCategories, selectedCategories) {
+    var courseCategoriesArray = courseCategories.split(',').map(function (category) {
+        return category.trim();
+    });
+
+    return selectedCategories.some(function (selectedCategory) {
+        return courseCategoriesArray.includes(selectedCategory);
+    });
+}
+
+function matchesDuration(courseDuration, selectedDurations) {
+    return selectedDurations.every(function (selectedDuration) {
+        var durationRange = parseInt(selectedDuration.replace('<', ''), 10);
+        return courseDuration < durationRange;
+    });
+}
+
+</script>
+
+
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_footer.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_footer.html.liquid
index c10d8870..9a2d753f 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_footer.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_footer.html.liquid	
@@ -1,33 +1,58 @@
+{% assign omni = false %}
+{% assign core = false %}
+
+{% if current_person.signed_in? %}
+  {% for group in current_person.groups %}
+    {% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
+      {% assign core = true %}
+      {% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
+        {% assign omni = true %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
+
 <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">
+          <div class="footer-heading lora">Resources</div>
+            <li class="np-footer-navigation-item">
+              {% if omni %} 
+                  <a
+                  class="np-footer-navigation-link"
+                  href="https://connect.cin7.com/s/knowledge"
+                  target="_blank"
+                  > 
+                  Knowledge Base
+                  </a>
+                  {% else %}
+                    <a
+                    class="np-footer-navigation-link"
+                    href="https://support.dearsystems.com/"
+                    target="_blank"
+                    > 
+                    Knowledge Base
+                    </a>
+              {% endif %}
+                </li>
             <li class="np-footer-navigation-item">
               <a
                 class="np-footer-navigation-link"
-                href="#"
+                href="https://www.cin7.com/product-updates/"
                 target="_blank"
               > 
-                Knowledge Base
+               Release Notes
               </a>
             </li>
             <li class="np-footer-navigation-item">
               <a
                 class="np-footer-navigation-link"
-                href="#"
+                href="mailto:academy-admin@cin7.com"
                 target="_blank"
               > 
-               Relase Notes
-              </a>
-            </li>
-            <li class="np-footer-navigation-item">
-              <a
-                class="np-footer-navigation-link"
-                href="#"
-                target="_blank"
-              > 
-                Contact
+                Contact: academy-admin@cin7.com
               </a>
             </li>
         </ul>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_head.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_head.html.liquid
index c6d39351..8f87ebf2 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_head.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_head.html.liquid	
@@ -15,4 +15,21 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
\ No newline at end of file
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
+
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+    function modifyCourseNames() {
+        var courseElements = document.querySelectorAll('.course-name');
+
+        courseElements.forEach(function(courseElement) {
+            var courseName = courseElement.textContent;
+            var modifiedCourseName = courseName.replace(/\[[^\]]+\]/g, '');
+            courseElement.textContent = modifiedCourseName;
+        });
+    }
+
+    modifyCourseNames();
+});
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_header.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_header.html.liquid
index caad5559..2a4d7ab7 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_header.html.liquid	
@@ -86,7 +86,7 @@
     {% 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">
-          <i id="search-icon" class="header-search-icon far fa-search np-header-font-color"></i>
+          <i id="search-icon" class="header-search-icon fas fa-search np-header-font-color"></i>
           <input
             aria-label="{% t .search %}"
             class="header-search-input"
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_homepage_testimonials.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_homepage_testimonials.html.liquid
new file mode 100644
index 00000000..b1bc9a1f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_homepage_testimonials.html.liquid	
@@ -0,0 +1,55 @@
+{% if omni %}
+    <div class="heading lora info-section-heading">Empowering education for Connected Inventory Performance</div>
+    <div class="section-content section-content-info">
+        <div class="info-wrapper">
+            <div class="info">
+            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/in+depth+learning.png" alt="">
+            <div class="info-content">
+                <div class="info-heading">In-depth learning</div>
+                <div class="info-desc">Created by our subject matter experts.</div>
+            </div>
+            </div>
+            <div class="info">
+            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Always+available.png" alt="">
+            <div class="info-content">
+                <div class="info-heading">Always available</div>
+                <div class="info-desc">Choose when and what to learn at your own pace.</div>
+            </div>
+            </div>
+            <div class="info">
+            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Designed+for+everyone.png" alt="">
+            <div class="info-content">
+                <div class="info-heading">Designed for everyone</div>
+                <div class="info-desc">From basic to advanced, courses for your whole team.</div>
+            </div>
+            </div>
+        </div>
+    </div>
+  {% elsif core %}
+    <div class="heading lora info-section-heading">Transformative education for Connected Inventory Performance</div>
+    <div class="section-content section-content-info">
+    <div class="info-wrapper">
+        <div class="info">
+        <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/in+depth+learning.png" alt="">
+        <div class="info-content">
+            <div class="info-heading">Dynamic courses</div>
+            <div class="info-desc">Developed by our product education professionals</div>
+        </div>
+        </div>
+        <div class="info">
+        <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Always+available.png" alt="">
+        <div class="info-content">
+            <div class="info-heading">Results-driven education</div>
+            <div class="info-desc">Designed for you to meet your business goals</div>
+        </div>
+        </div>
+        <div class="info">
+        <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Designed+for+everyone.png" alt="">
+        <div class="info-content">
+            <div class="info-heading">Customer-centered</div>
+            <div class="info-desc">Supporting you through all stages of your journey</div>
+        </div>
+        </div>
+    </div>
+  </div>
+{% endif %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_carousel.html.liquid
new file mode 100644
index 00000000..f23ad37f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_carousel.html.liquid	
@@ -0,0 +1,48 @@
+
+{% assign counter = 0 %}
+<div class="carousel-wrapper">
+    <div class="learning-path-carousel">
+        {% for learning_path in learning_paths.available %}
+            {% if learning_path.name contains 'Core' %}
+                <div class="card-wrapper">
+                    {% include "cards_learning_path_homepage" with learning_path %}
+                </div>
+                {% assign counter = counter | plus: 1 %}
+            {% endif %}
+          {% endfor %}
+    </div>
+    {% if counter == 0 %}
+        <div class="zero-state-wrapper">
+            <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+courses+or+lps+(no+button).png" alt="">
+            <div class="zero-button-wrapper">
+                <a class="lp-button" href="/app/catalog">Continue learning now!</a>
+            </div>
+        </div>
+    {% endif %}
+</div>
+
+<script>
+    $('.learning-path-carousel').slick({
+    infinite: true,
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>"
+    });
+</script>
+
+<style>
+    .slick-track {
+        display: flex;
+    }
+    .card {
+        height: 100%;;
+    }
+    .card-wrapper {
+        padding: 1rem 0;
+        height: auto;
+    }
+    .learning-path-carousel {
+        margin: 0 1rem;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_course.html.liquid
index e97e59ef..b59ad189 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_course.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_course.html.liquid	
@@ -5,7 +5,7 @@
   >
     <div class="np-card-content np-card-padding">
       <div class="learning-path-outline-content">
-        <div class="np-learning-path-outline-name np-top-title">
+        <div class="np-learning-path-outline-name np-top-title course-name">
           {{ course.name }}
         </div>
         <div class="learning-path-outline-progress
@@ -25,7 +25,7 @@
   <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
     <div class="np-card-content np-card-padding">
       <div class="learning-path-outline-content">
-        <div class="np-learning-path-outline-name np-top-title">
+        <div class="np-learning-path-outline-name np-top-title course-name">
           {{ course.name }}
         </div>
       </div>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_description.html.liquid
index 6b1fb3a0..fc290540 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_description.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_learning_path_description.html.liquid	
@@ -1,5 +1,5 @@
 <h3 class="np-card-heading">
-  {% t .about %}
+  About this Learning Path 
 </h3>
 <div class="np-card-text">
   {{ learning_path.description }}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_learning_paths_index.html.liquid
index a4681210..9e25c2a7 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_learning_paths_index.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_learning_paths_index.html.liquid	
@@ -1,7 +1,15 @@
 <div class="np-learning-paths-resources">
   {% if items.any? %}
     {% for learning_path in items %}
-      {% include "cards_learning_path" with learning_path %}
+      {% if core %}
+        {% if learning_path.name contains 'Core' %}
+          {% include "cards_learning_path" with learning_path %}
+        {% endif %}
+        {% elsif omni %}
+          {% if learning_path.name contains 'Omni'%}
+            {% include "cards_learning_path" with learning_path %}
+          {% endif %}
+      {% endif %}
     {% endfor %}
   {% else %}
     <div class="np-learning-paths-resources-container">
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_my_badges_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_my_badges_carousel.html.liquid
new file mode 100644
index 00000000..f6eea102
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_my_badges_carousel.html.liquid	
@@ -0,0 +1,84 @@
+{% assign completed_courses = 0 %}
+{% for course in courses.enrolled %}
+    {% if course.progress == 100 %}
+        {% assign completed_courses = completed_courses | plus: 1 %}
+    {% endif %}
+{% endfor %}
+
+<div class="carousel-wrapper">
+    <div class="my-badges-carousel">   
+        {% include 'badges_cards' %}
+    </div>
+    {% if completed_courses == 0 %}
+        <div class="zero-state-wrapper">
+            <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/No+badges+(no+button).png" alt="">
+            <div class="zero-button-wrapper">
+                <a class="lp-button" href="/app/catalog">Complete your first course now!</a>
+            </div>
+        </div>
+    {% endif %}
+</div>
+
+<script>
+    $('.my-badges-carousel').slick({
+    infinite: true,
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
+    });
+</script>
+
+<style>
+    .slick-track {
+        display: flex;
+    }
+    .card {
+        height: 100%;;
+    }
+    .card-wrapper {
+        padding: 1rem 0;
+        height: auto;
+    }
+    .my-badges-carousel {
+        margin: 0 1rem;
+    }
+
+</style>
+<style>
+    .badge-card-image {
+        width: 60%;
+    }
+    .card-badge {
+        background: #f8f5f2;
+        display: flex;
+        justify-content: center;
+        padding: 2rem; 
+        border-radius: 20px 20px 0 0;
+    }
+    .card-content-badge {
+        text-align: center;
+    }
+    .completed-courses {
+        margin-top: 10px;
+        font-weight: 500;
+        color: #002f6f;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_my_courses_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_my_courses_carousel.html.liquid
index 27052a1e..5110d4ae 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_my_courses_carousel.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_my_courses_carousel.html.liquid	
@@ -1,11 +1,23 @@
+{% assign counter = 0 %}
 <div class="carousel-wrapper">
     <div class="my-courses-carousel">
         {% for course in courses.enrolled %}
-            <div class="card-wrapper">
-              {% include 'cards_course' %}
-            </div>
+            {% if course.progress == 100 %}    
+                <div class="card-wrapper">
+                    {% include 'cards_course' %}
+                </div>
+                {% assign counter = counter | plus: 1 %}
+            {% endif %}
           {% endfor %}
     </div>
+    {% if counter == 0 %}
+        <div class="zero-state-wrapper">
+            <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+completed+courses+(no+button).png" alt="">
+            <div class="zero-button-wrapper">
+                <a class="lp-button" href="/app/catalog">Start learning now!</a>
+            </div>
+        </div>
+    {% endif %}
 </div>
 
 <script>
@@ -14,7 +26,24 @@
     slidesToShow: 4,
     slidesToScroll: 4,
     prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
-    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>"
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
     });
 </script>
 
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_and_courses_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_and_courses_carousel.html.liquid
new file mode 100644
index 00000000..7e8b934c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_and_courses_carousel.html.liquid	
@@ -0,0 +1,67 @@
+
+{% assign counter = 0 %}
+<div class="carousel-wrapper">
+    <div class="my-learning-path-carousel">
+        {% for learning_path in learning_paths.enrolled %}
+            {% if learning_path.progress < 100 %} 
+                <div class="card-wrapper">
+                    {% include "cards_learning_path_homepage" with learning_path %}
+                </div>
+                {% assign counter = counter | plus: 1 %}
+            {% endif %}
+          {% endfor %}
+          {% if core %}
+            {% for course in courses.enrolled %}
+                {% if course.name contains 'Core' and course.progress < 100 %}
+                    <div class="card-wrapper">
+                        {% include 'cards_course' %}
+                      </div>
+                      {% assign counter = counter | plus: 1 %}
+                {% endif %}
+            {% endfor %}
+            {% elsif omni %}
+                {% for course in courses.enrolled %}
+                    {% if course.name contains 'Omni' and course.progress < 100 %}
+                        <div class="card-wrapper">
+                            {% include 'cards_course' %}
+                          </div>
+                          {% assign counter = counter | plus: 1 %}
+                    {% endif %}
+                {% endfor %}
+          {% endif %}
+    </div>
+    {% if counter == 0 %}
+        <div class="zero-state-wrapper">
+            <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+courses+or+lps+(no+button).png" alt="">
+            <div class="zero-button-wrapper">
+                <a class="lp-button" href="/app/catalog">Continue learning now!</a>
+            </div>
+        </div>
+    {% endif %}
+</div>
+
+<script>
+    $('.my-learning-path-carousel').slick({
+    infinite: true,
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>"
+    });
+</script>
+
+<style>
+    .slick-track {
+        display: flex;
+    }
+    .card {
+        height: 100%;;
+    }
+    .card-wrapper {
+        padding: 1rem 0;
+        height: auto;
+    }
+    .my-learning-path-carousel {
+        margin: 0 1rem;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_carousel.html.liquid
index 726d9e92..8f462c43 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_carousel.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_my_learning_paths_carousel.html.liquid	
@@ -1,11 +1,41 @@
+
+{% assign counter = 0 %}
 <div class="carousel-wrapper">
     <div class="my-learning-path-carousel">
         {% for learning_path in learning_paths.enrolled %}
             <div class="card-wrapper">
                 {% include "cards_learning_path_homepage" with learning_path %}
             </div>
+            {% assign counter = counter | plus: 1 %}
           {% endfor %}
+          {% if core %}
+            {% for course in courses.enrolled %}
+                {% if course.name contains 'Core' %}
+                    <div class="card-wrapper">
+                        {% include 'cards_course' %}
+                      </div>
+                      {% assign counter = counter | plus: 1 %}
+                {% endif %}
+            {% endfor %}
+            {% elsif omni %}
+                {% for course in courses.enrolled %}
+                    {% if course.name contains 'Omni' %}
+                        <div class="card-wrapper">
+                            {% include 'cards_course' %}
+                          </div>
+                          {% assign counter = counter | plus: 1 %}
+                    {% endif %}
+                {% endfor %}
+          {% endif %}
     </div>
+    {% if counter == 0 %}
+        <div class="zero-state-wrapper">
+            <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+courses+or+lps+(no+button).png" alt="">
+            <div class="zero-button-wrapper">
+                <a class="lp-button" href="/app/catalog">Continue learning now!</a>
+            </div>
+        </div>
+    {% endif %}
 </div>
 
 <script>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_omni_learning_paths_carousel.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_omni_learning_paths_carousel.html.liquid
new file mode 100644
index 00000000..aff1ed29
--- /dev/null
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_omni_learning_paths_carousel.html.liquid	
@@ -0,0 +1,53 @@
+<div class="carousel-wrapper">
+    <div class="my-learning-path-carousel">
+        {% for learning_path in learning_paths.enrolled %}
+            
+            <div class="card-wrapper">
+                {% include "cards_learning_path_homepage" with learning_path %}
+            </div>
+          {% endfor %}
+    </div>
+</div>
+
+<script>
+    $('.my-learning-path-carousel').slick({
+    infinite: true,
+    slidesToShow: 4,
+    slidesToScroll: 4,
+    prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 3,
+        slidesToScroll: 3,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
+    });
+</script>
+
+<style>
+    .slick-track {
+        display: flex;
+    }
+    .card {
+        height: 100%;;
+    }
+    .card-wrapper {
+        padding: 1rem 0;
+        height: auto;
+    }
+    .my-learning-path-carousel {
+        margin: 0 1rem;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_training_events_dashboard.html.liquid
index ee206cc1..cfc5d002 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_training_events_dashboard.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_training_events_dashboard.html.liquid	
@@ -1,7 +1,71 @@
-<div class="np-dashboard-resources">
+{% comment %} <div class="np-dashboard-resources">
   {% if training_events.enrolled.any? %}
     {% for training_event in training_events.enrolled %}
-      {% include "cards_training_event" with training_event %}
+      <div class="card-wrapper">
+        {% include "cards_training_event" with training_event %}
+      </div>
     {% endfor %}
   {% endif %}
+</div> {% endcomment %}
+
+{% assign counter = 0 %}
+<div class="carousel-wrapper">
+    <div class="my-events-carousel">
+      {% if training_events.enrolled.any? %}
+        {% for training_event in training_events.enrolled %}
+          <div class="card-wrapper">
+            {% include "cards_training_event" with training_event %}
+          </div>
+          {% assign counter = counter | plus: 1 %}
+        {% endfor %}
+      {% endif %}
+    </div>
+    {% if counter == 0 %}
+      <div class="zero-state-wrapper">
+          <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+live+events.png" alt="">
+      </div>
+  {% endif %}
 </div>
+
+<script>
+    $('.my-events-carousel').slick({
+    infinite: true,
+    slidesToShow: 5,
+    slidesToScroll: 5,
+    prevArrow: "<i class='control-carousel fas fa-chevron-left left-arrow'></i>",
+    nextArrow: "<i class='control-carousel fas fa-chevron-right right-arrow'></i>",
+    responsive: [
+    {
+      breakpoint: 1200,
+      settings: {
+        slidesToShow: 4,
+        slidesToScroll: 4,
+        infinite: true
+      }
+    },
+    {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: 1,
+        slidesToScroll: 1
+      }
+    }
+  ]
+    });
+</script>
+
+<style>
+    .slick-track {
+        display: flex;
+    }
+    .card {
+        height: 100%;;
+    }
+    .card-wrapper {
+        padding: 1rem 0;
+        height: auto;
+    }
+    .my-events-carousel {
+        margin: 0 1rem;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_training_events_index.html.liquid
index 643445e6..1c332593 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_training_events_index.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_training_events_index.html.liquid	
@@ -1,11 +1,18 @@
+{% assign counter = 0 %}
 <div class="np-dashboard-resources">
   {% if training_events.available.any? %}
     <div class="row events-container">
       {% for training_event in training_events.available %}
-        <div class="np-stretch-content">
+        <div class="event-card np-stretch-content">
           {% include "cards_training_event" with training_event %}
         </div>
+        {% assign counter = counter | plus: 1 %}
       {% endfor %}
     </div>
   {% endif %}
+  {% if counter == 0 %}
+    <div class="zero-state-wrapper">
+        <img class="zero-img" src="https://s3.amazonaws.com/static.northpass.com/Cin7/zero+state/no+live+events.png" alt="">
+    </div>
+{% endif %}
 </div>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_calendars.html.liquid
index 6c758b73..ad67aef1 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_calendars.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_calendars.html.liquid	
@@ -1,6 +1,6 @@
 <div class="dropdown dropdown-calendar">
   <button
-    class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
+    class="lp-button"
     data-toggle-class="is-open"
     data-toggle-escape
     data-toggle-outside
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_cta.html.liquid
index d777c5f6..e8ef954f 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_cta.html.liquid	
@@ -31,7 +31,7 @@
       {% 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">
+          <button type="submit" class="lp-button">
             {% t .unregister %}
           </button>
         {% else %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_header.html.liquid
index 10434cfa..f5408226 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/_training_session_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/_training_session_header.html.liquid	
@@ -2,7 +2,7 @@
   {% 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">
+<div class="lp-heading lora course-name">
   <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>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/catalog.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/catalog.html.liquid
index c0978802..056dd21d 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/catalog.html.liquid	
@@ -20,7 +20,7 @@
   <div class="hero-subheading">Get the skills and knowledge you need at the moment you need them. Explore our full course catalog.</div>
   </div>
 </div>
-<main class="np-main np-catalog np-subpage-container np-max-width catalog-container">
+<main class="np-main np-catalog np-max-width catalog-container">
   <div class="filter-container">
     {% include 'filters_catalog' %}
   </div>
@@ -36,7 +36,7 @@
 .catalog-container {
   display: flex;
   gap: 20px;
-
+  padding: 5% 20px;
 }
 .filter-container {
   width: 25%;
@@ -69,4 +69,4 @@
 }
 
 
-</style>
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/dashboard.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/dashboard.html.liquid
index 815818b5..498d49f1 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/dashboard.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/dashboard.html.liquid	
@@ -1,26 +1,46 @@
+{% assign omni = false %}
+{% assign core = false %}
+
+{% if current_person.signed_in? %}
+  {% for group in current_person.groups %}
+    {% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
+      {% assign core = true %}
+      {% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
+        {% assign omni = true %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.enrolled %}
 
 
 <div class="hero-homepage">
   <div class="np-max-width">
-    <div class="hero-text ">My Dashboard & Progress</div>
+    <div class="hero-text ">My Dashboard</div>
+    <div class="hero-subheading">Easily view your badges, start and resume courses and learning paths, and revisit courses you’ve completed here on your dashboard.</div>
   </div>
 </div>
 <div class="section np-max-width">
-  <div class="heading-dashboard lora">My Courses</div>
+      <div class="heading-dashboard lora">My Badges</div>
+      <div class="section-content">
+    {% include 'my_badges_carousel' %}
+  </div>
+</div>
+<div class="section np-max-width">
+  <div class="heading-dashboard lora">My Courses & Paths in Progress</div>
   <div class="section-content">
+    {% include 'my_learning_paths_and_courses_carousel' %}
+    </div>
+    </div>
+<div class="section np-max-width">
+      <div class="heading-dashboard lora">Completed Courses</div>
+      <div class="section-content">
     {% include 'my_courses_carousel' %}
   </div>
 </div>
 <div class="section np-max-width">
-  <div class="heading-dashboard lora">My Learning Paths</div>
-  <div class="section-content">
-    {% include 'my_learning_paths_carousel' %}
-  </div>
-</div>
-<div class="section np-max-width">
-  <div class="heading-dashboard lora">My Events</div>
+  <div class="heading-dashboard lora">My Live Events</div>
   <div class="section-content">
     {% include "training_events_dashboard" %}
   </div>
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid
index 3374c682..baa130cb 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/homepage.html.liquid	
@@ -17,12 +17,12 @@
 <main class="np-main homepage">
   <div class="hero-homepage">
     <div class="np-max-width">
-      {% if core %}
-        <div class="hero-text lora">Welcome to Cin7 Core Academy</div>
-      {% elsif omni %}
-        <div class="hero-text lora">Welcome to Cin7 Omni Academy</div>
-      {% endif %}
-      <div class="hero-subheading">Learn to create and manage a best-in-class inventory operation for your business.</div>
+		{% if core %}
+		  <div class="hero-text lora">Welcome to Cin7 Core Academy</div>
+		{% elsif omni %}
+		  <div class="hero-text lora">Welcome to Cin7 Omni Academy</div>
+		{% endif %}
+		<div class="hero-subheading">Learn to create and manage a best-in-class inventory operation for your business.</div>
     </div>
   </div>
 
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/learning_paths.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/learning_paths.html.liquid
index 56d6de10..f6c4c70f 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/learning_paths.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/learning_paths.html.liquid	
@@ -1,12 +1,30 @@
+{% assign omni = false %}
+{% assign core = false %}
+
+{% if current_person.signed_in? %}
+  {% for group in current_person.groups %}
+    {% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
+      {% assign core = true %}
+      {% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
+        {% assign omni = true %}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+
 {% include "header" %}
 <div class="hero-homepage">
   <div class="np-max-width">
     <div class="hero-text">Learning Paths</div>
+    <div class="hero-subheading">Explore curated learning paths tailored to your function and role.</div>
   </div>
 </div>
 <main class="np-main np-learning-paths np-subpage-container ">
   <div class="np-learning-paths-main np-max-width">
-    {% include "learning_paths_index", items: learning_paths.available %}
+	{% if current_person.signed_in? %}
+	  {% include "learning_paths_index", items: learning_paths.available %}
+	{% else %}
+	  <div class="hero-subheading"> You must be signed in to view Learning Paths. </div>
+	{% endif %}
   </div>
 </main>
 {% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/search.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/search.html.liquid
index 01684399..1b888338 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/search.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/search.html.liquid	
@@ -10,13 +10,6 @@
       {% t .results_for %}
       <span class="np-button-color">"{{ 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 %}
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid b/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid
index d27f7359..734c73b1 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/styles.css.liquid	
@@ -20,22 +20,17 @@ body {
 .hero-text {
   font-family: 'Lora';
 }
-.np-header-desktop-nav {
-  display: flex;
-  flex-direction: row-reverse;
-  flex-grow: 0;
-}
 .np-header-desktop-nav-link {
     font-weight: 700;
 }
+.np-header-desktop-nav-link:hover {
+  color: #002EFF;
+}
 .header-search-input {
     border: 3px solid #002e6e;
     border-radius: 8px;
     max-width: 150px;
 }
-.header-search-icon {
-  font-weight: 800;
-}
 .note-desc {
   font-size: 1vw
 }
@@ -44,7 +39,7 @@ body {
     font-weight: 400;
 }
 .hero-homepage {
-    background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Hero+image+swirl+1020x300+-+all+instances.png');
+  background: linear-gradient(257.71deg, rgba(255, 255, 255, 0) 41.81%, #FFF 99.32%), url('https://s3.amazonaws.com/static.northpass.com/Cin7/1920x300.png');
     background-position: center;
     background-size: cover;
     padding: 5%;
@@ -161,12 +156,11 @@ body {
   text-decoration: none;
   font-weight: 700;
   white-space: nowrap;
-  border: 1px solid #002f6f;
+  border: none;
 }
 .lp-button:hover {
-  background: none;
-  border: 1px solid #002f6f;
-  color: #002f6f;
+  background: #05CBBF;
+  color: #fff;
 }
 .lp-course-card {
     margin: 30px 0;
@@ -194,7 +188,7 @@ body {
     margin-top: 20px;
   }
   .card {
-    margin: 10px;
+    margin: 10px; 
   }
 
   .right-arrow {
@@ -242,6 +236,7 @@ body {
     text-decoration: none;
   }
   .events-container {
+    display: flex;
     margin: 0 20px;
   }
 
@@ -319,7 +314,6 @@ body {
     border-radius: 25px;
     text-decoration: none;
     font-weight: 700;
-    border: 1px solid #002f6f;
   }
   .button-wrapper {
     display: flex;
@@ -329,7 +323,7 @@ body {
   .info {
     display: flex;
     align-items: center;
-    max-width: 350px;
+    max-width: 400px;
     gap: 5%;
   }
   .info-wrapper {
@@ -355,14 +349,17 @@ body {
   }
 
   .section-info {
-    background: #f5f1ed;
+    background: linear-gradient(257.71deg, rgba(255, 255, 255, 0) 41.81%, #FFFFFF 99.32%), #F2EDE8;
   }
 
   .np-footer {
     background: url('https://s3.amazonaws.com/static.northpass.com/Cin7/Footer+background.png');
     background-size: cover;
     background-repeat: round;
-    height: 25%;
+    height: 28%;
+  }
+  .np-alert {
+    display: none;
   }
 
   .footer-heading {
@@ -394,7 +391,7 @@ body {
   .np-footer-top {
     display: flex;
     flex-direction: row;
-    align-items:flex-start;
+    align-items:flex-start; 
   }
 
   .np-footer-navigation-list {
@@ -445,6 +442,7 @@ body {
     }
 .category-card {
   text-decoration: none;
+  height: auto !important;
 }
 
 .page-content {
@@ -453,8 +451,7 @@ body {
 
 .catalog-btn:hover {
   background: #05CBBF;
-  border: 1px solid #002f6f;
-  color: #002f6f;
+  color: #fff;
 
 }
 .info-section-padding {
@@ -479,14 +476,14 @@ body {
   background: #f8f5f2;
   display: flex;
   justify-content: center;
-  padding: 2rem;
+  padding: 2rem; 
   border-radius: 20px 20px 0 0;
 }
 .card-category {
   background: #002f6f;
   display: flex;
   justify-content: center;
-  padding: 2rem;
+  padding: 2rem; 
   border-radius: 20px 20px 0 0;
 }
 .card-content-badge {
@@ -497,6 +494,16 @@ body {
   font-weight: 500;
   color: #002f6f;
 }
+.recommended {
+  margin-top: 10px;
+  color: #000000b5;
+}
+.np-header-desktop-nav-list {
+  justify-content: end;
+}
+.event-card {
+  max-width: 330px;
+}
 
 @media only screen and (max-width: 768px) {
   .hero-text {
@@ -521,14 +528,13 @@ body {
     padding: 0;
     margin: 10px;
   }
-  .catalog-container {
-    flex-direction: column;
-    align-items: center;
+  .events-container {
+    justify-content: center;
   }
-  .filter-container {
-    width: 100%;
+  .dropdown {
+    display: flex;
+    justify-content: flex-start;
+    position: relative;
+    margin-bottom: 20px;
   }
-  .catalog-content-wrapper {
-    width: 100%;
-  }
-}
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Cin7 Customers/training_events.html.liquid b/Custom_Templates/customer_templates/Cin7 Customers/training_events.html.liquid
index 05aa0f5c..d39c0526 100644
--- a/Custom_Templates/customer_templates/Cin7 Customers/training_events.html.liquid	
+++ b/Custom_Templates/customer_templates/Cin7 Customers/training_events.html.liquid	
@@ -2,7 +2,7 @@
 
 <div class="hero-homepage">
   <div class="np-max-width">
-    <div class="hero-text">Events</div>
+    <div class="hero-text">Live Training Events</div>
   </div>
 </div>
 <div class="section events np-max-width">
diff --git a/Scripts/API_Tests/get_course_ids.py b/Scripts/API_Tests/get_course_ids.py
index 705b3d9e..f58f6edc 100644
--- a/Scripts/API_Tests/get_course_ids.py
+++ b/Scripts/API_Tests/get_course_ids.py
@@ -4,37 +4,11 @@ import pprint
 import csv
 
 pp = pprint.PrettyPrinter(indent=4)
-APIKEY = Apikeys.WALMARTPROD
+APIKEY = Apikeys.SPS
 HEADERS = {
     "accept": "application/json",
     "X-Api-Key": APIKEY,
 }
-"""
-COURSES = [
-    "Build a Product Analytics Dashboard",
-    "FullStory 101",
-    "FullStory 201",
-    "FullStory Quick Wins",
-    "Integrations %26 APIs",
-    "Page Flows %26 Pages",
-    "Private by Default",
-    "Privacy in FullStory",
-    "Product Analytics in FullStory",
-    "Using Page Flow Cards",
-    "Using Conversions",
-    "Using Dashboards",
-    "Using Defined Events",
-    "Using Metrics",
-    "Using Funnels",
-    "Using Segments %26 Funnels Together",
-    "FullStory for Marketers",
-    "FullStory for Product Managers",
-    "FullStory for Customer Support",
-    "FullStory for Engineers",
-    "FullStory for Account Management",
-    "Product Analytics in FullStory",
-]
-"""
 
 
 def get_courses():
@@ -48,25 +22,28 @@ def get_courses():
         # for course_name in COURSES:
         count += 1
         # url = f"https://api.northpass.com/v2/courses/?filter[name][eq]={course_name}"
-        url = f"https://api2.northpass.com/v2/courses/?limit=100&page={count}"
+        url = f"https://api.northpass.com/v2/courses/?limit=100&page={count}"
         response = requests.get(url, headers=HEADERS)
         response = response.json()
         nextlink = response["links"]
 
         for item in response["data"]:
-            cname = item['attributes']['name']
-            # print(item["id"])
-            idict = {item["attributes"]["name"]: item["id"]}
-            # id = item["id"]
-            # name = item["attributes"]["name"]
-            list_of_ids.append(idict)
+            status = item ['attributes']['status']
+            if status == 'live':
+                cname = item['attributes']['name']
+                # print(item["id"])
+                idict = {item["attributes"]["name"]: item["id"]}
+                # id = item["id"]
+                # name = item["attributes"]["name"]
+                list_of_ids.append(idict)
 
         if "next" not in nextlink:
             break
+
     pp.pprint(list_of_ids)
     # print(len(list_of_ids))
     with open(
-        "/Users/normrasmussen/Downloads/Spark-Courses.csv", "a+", newline='\n'
+        "/Users/normrasmussen/Downloads/SPS-Courses.csv", "a+", newline='\n'
     ) as csvfile:
         for group in list_of_ids:
             for key, value in group.items():