From 3490b97063baf00107b06ced4702a9b1c91ae433 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Thu, 7 Mar 2024 16:15:01 -0500
Subject: [PATCH] TripleSeat templates, along with Futuri (both for header and
 transcript updates). Create SCORM course node script. Added some todos as
 well.

---
 .../_account_avatar.html.liquid               |  66 +++
 .../_account_desktop_view.html.liquid         |  19 +
 .../Futuri Academy/_account_form.html.liquid  | 139 ++++++
 .../_account_mobile_view.html.liquid          |  17 +
 .../Futuri Academy/_cards_course.html.liquid  |  52 +++
 .../_cards_learning_path.html.liquid          |  90 ++++
 .../_cards_training_event.html.liquid         |  45 ++
 .../_category_gallery.html.liquid             |  76 ++++
 .../_certificates_info_column.html.liquid     |   4 +
 .../_certificates_metadata.html.liquid        |  59 +++
 .../_certificates_preview.html.liquid         |  35 ++
 .../_certificates_top_bar.html.liquid         |  44 ++
 .../_certificates_verification.html.liquid    |  15 +
 .../_course_activity_locked.html.liquid       |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 +
 .../_course_categories.html.liquid            |  10 +
 .../_course_description.html.liquid           |   6 +
 .../_course_desktop_view.html.liquid          |  40 ++
 .../_course_details_review.html.liquid        |  58 +++
 .../Futuri Academy/_course_events.html.liquid |  28 ++
 .../Futuri Academy/_course_header.html.liquid |  16 +
 .../_course_instructors.html.liquid           |  22 +
 .../_course_mobile_view.html.liquid           |  40 ++
 .../_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 ++
 .../_courses_catalog.html.liquid              |  55 +++
 .../Futuri Academy/_courses_index.html.liquid |  16 +
 .../_courses_zero_state.html.liquid           |   6 +
 .../_filter_checkbox.html.liquid              |  10 +
 .../_filter_dropdown.html.liquid              |  33 ++
 .../Futuri Academy/_filter_select.html.liquid |  21 +
 .../Futuri Academy/_fixed_header.html.liquid  |  54 +++
 .../Futuri Academy/_footer.html.liquid        |  78 ++++
 .../Futuri Academy/_head.html.liquid          |   7 +
 .../Futuri Academy/_header.html.liquid        | 198 +++++++++
 .../_header_minimal.html.liquid               |  23 +
 .../_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 +
 .../_learning_path_course.html.liquid         |  56 +++
 .../_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 +
 .../_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 |  53 +++
 .../_learning_paths_index.html.liquid         |  14 +
 .../Futuri Academy/_messages.html.liquid      |  19 +
 .../_progress_circle.html.liquid              |  80 ++++
 .../Futuri Academy/_search_result.html.liquid |  19 +
 .../_search_zero_state.html.liquid            |  13 +
 .../_sub_navigation.html.liquid               |  23 +
 .../_training_events_dashboard.html.liquid    |   9 +
 .../_training_events_filter.html.liquid       |  53 +++
 .../_training_events_index.html.liquid        |  13 +
 .../_training_events_zero_state.html.liquid   |   9 +
 .../_training_session_calendars.html.liquid   |  52 +++
 .../_training_session_cta.html.liquid         |  53 +++
 .../_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 +
 .../_training_session_tile.html.liquid        |  17 +
 .../_widget_course_progress.html.liquid       |  97 +++++
 .../Futuri Academy/account.html.liquid        |  15 +
 .../Futuri Academy/auth_url_email.html.liquid |  59 +++
 .../auth_url_employee.html.liquid             |  59 +++
 .../auth_url_phone_number.html.liquid         |  40 ++
 .../Futuri Academy/auth_url_terms.html.liquid |  74 ++++
 .../Futuri Academy/catalog.html.liquid        |  39 ++
 .../Futuri Academy/course.html.liquid         |  24 +
 .../Futuri Academy/courses.html.liquid        |  11 +
 .../Futuri Academy/dashboard.html.liquid      | 114 +++++
 .../forgot_password.html.liquid               |  25 ++
 .../Futuri Academy/homepage.html.liquid       | 100 +++++
 .../Futuri Academy/learning_path.html.liquid  |  10 +
 .../learning_path_summary.html.liquid         |  10 +
 .../Futuri Academy/learning_paths.html.liquid |  13 +
 .../Futuri Academy/login.html.liquid          |  53 +++
 .../Futuri Academy/master.html.liquid         |   1 +
 .../Futuri Academy/not_found.html.liquid      |  10 +
 .../private_certificate.html.liquid           |  10 +
 .../public_certificate.html.liquid            |  10 +
 .../Futuri Academy/reset_password.html.liquid |  43 ++
 .../Futuri Academy/search.html.liquid         |  27 ++
 .../Futuri Academy/sign_up.html.liquid        |  72 +++
 .../Futuri Academy/styles.css.liquid          | 410 ++++++++++++++++++
 .../training_events.html.liquid               |  33 ++
 .../training_session.html.liquid              |  59 +++
 .../training_session_attendance.html.liquid   |  43 ++
 .../Futuri Academy/unsubscribe.html.liquid    |  30 ++
 .../TripleSeat/_account_avatar.html.liquid    |  66 +++
 .../_account_desktop_view.html.liquid         |  19 +
 .../TripleSeat/_account_form.html.liquid      | 139 ++++++
 .../_account_mobile_view.html.liquid          |  17 +
 .../TripleSeat/_cards_course.html.liquid      |  34 ++
 .../_cards_learning_path.html.liquid          |  70 +++
 .../_cards_training_event.html.liquid         |  45 ++
 .../_certificates_info_column.html.liquid     |   4 +
 .../_certificates_metadata.html.liquid        |  59 +++
 .../_certificates_preview.html.liquid         |  35 ++
 .../_certificates_top_bar.html.liquid         |  44 ++
 .../_certificates_verification.html.liquid    |  15 +
 .../_course_activity_locked.html.liquid       |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 +
 .../TripleSeat/_course_categories.html.liquid |  10 +
 .../_course_description.html.liquid           |   6 +
 .../_course_desktop_view.html.liquid          |  40 ++
 .../TripleSeat/_course_events.html.liquid     |  28 ++
 .../TripleSeat/_course_header.html.liquid     |  16 +
 .../_course_instructors.html.liquid           |  22 +
 .../_course_mobile_view.html.liquid           |  40 ++
 .../TripleSeat/_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 ++
 .../TripleSeat/_courses_catalog.html.liquid   |  16 +
 .../TripleSeat/_courses_index.html.liquid     |  16 +
 .../_courses_zero_state.html.liquid           |   6 +
 .../TripleSeat/_filter_checkbox.html.liquid   |  10 +
 .../TripleSeat/_filter_dropdown.html.liquid   |  33 ++
 .../TripleSeat/_filter_select.html.liquid     |  22 +
 .../TripleSeat/_footer.html.liquid            |  78 ++++
 .../TripleSeat/_header.html.liquid            | 188 ++++++++
 .../TripleSeat/_header_minimal.html.liquid    |  17 +
 .../_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 +
 .../_learning_path_course.html.liquid         |  56 +++
 .../_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 +
 .../_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 |  53 +++
 .../TripleSeat/_messages.html.liquid          |  19 +
 .../TripleSeat/_search_result.html.liquid     |  19 +
 .../TripleSeat/_search_zero_state.html.liquid |  13 +
 .../TripleSeat/_sub_navigation.html.liquid    |  13 +
 .../_training_events_dashboard.html.liquid    |   9 +
 .../_training_events_filter.html.liquid       |  53 +++
 .../_training_events_index.html.liquid        |  13 +
 .../_training_events_zero_state.html.liquid   |   9 +
 .../_training_session_calendars.html.liquid   |  52 +++
 .../_training_session_cta.html.liquid         |  53 +++
 .../_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 +
 .../_training_session_tile.html.liquid        |  17 +
 .../TripleSeat/account.html.liquid            |  14 +
 .../TripleSeat/auth_url_email.html.liquid     |  59 +++
 .../TripleSeat/auth_url_employee.html.liquid  |  59 +++
 .../auth_url_phone_number.html.liquid         |  40 ++
 .../TripleSeat/catalog.html.liquid            |  23 +
 .../TripleSeat/course.html.liquid             |  10 +
 .../TripleSeat/courses.html.liquid            |  11 +
 .../TripleSeat/dashboard.html.liquid          |  28 ++
 .../TripleSeat/forgot_password.html.liquid    |  25 ++
 .../TripleSeat/homepage.html.liquid           |  52 +++
 .../TripleSeat/learning_path.html.liquid      |  10 +
 .../learning_path_summary.html.liquid         |  10 +
 .../TripleSeat/learning_paths.html.liquid     |  14 +
 .../TripleSeat/login.html.liquid              |  53 +++
 .../TripleSeat/master.html.liquid             |   1 +
 .../TripleSeat/not_found.html.liquid          |  10 +
 .../private_certificate.html.liquid           |  10 +
 .../TripleSeat/public_certificate.html.liquid |  10 +
 .../TripleSeat/reset_password.html.liquid     |  43 ++
 .../TripleSeat/search.html.liquid             |  27 ++
 .../TripleSeat/sign_up.html.liquid            |  72 +++
 .../TripleSeat/styles.css.liquid              |  11 +
 .../TripleSeat/training_events.html.liquid    |  19 +
 .../TripleSeat/training_session.html.liquid   |  10 +
 .../training_session_attendance.html.liquid   |  43 ++
 .../TripleSeat/unsubscribe.html.liquid        |  30 ++
 Scripts/API_Tests/medialib_csv.py             |  18 +-
 Scripts/API_Tests/temp.md                     |   0
 Scripts/clone_courses.js                      | 157 +------
 Scripts/create_scorm_course.js                |  82 ++++
 Scripts/temp.py                               |   5 +
 Todos.md                                      |  10 +-
 208 files changed, 6578 insertions(+), 164 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_category_gallery.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_details_review.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_fixed_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_progress_circle.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/_widget_course_progress.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Futuri Academy/unsubscribe.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/TripleSeat/unsubscribe.html.liquid
 delete mode 100644 Scripts/API_Tests/temp.md
 create mode 100644 Scripts/create_scorm_course.js
 create mode 100644 Scripts/temp.py

diff --git a/Custom_Templates/customer_templates/Futuri Academy/_account_avatar.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_account_desktop_view.html.liquid	
@@ -0,0 +1,19 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card">
+    <div class="np-card-container np-card-padding">
+      <div class="row">
+        <div class="col-sm-7 np-account-form">
+          {% render "account_form", form: form, version: "desktop" %}
+          <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+            {% t shared.account.save %}
+          </button>
+        </div>
+        <div class="col-sm-5 np-account-avatar">
+          {% include "account_avatar", version: "desktop" %}
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_account_form.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_account_form.html.liquid	
@@ -0,0 +1,139 @@
+<div class="np-resource-title">
+  {% t .header %}
+</div>
+<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
+  <input
+    {% if form.options.invite? %} disabled {% endif %}
+    autofocus="autofocus"
+    class="np-input"
+    id="{{version}}_learner_email"
+    name="learner[email]"
+    type="email"
+    value="{{ form.email }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_first_name">
+    {% t shared.first_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_first_name"
+    name="learner[first_name]"
+    value="{{ form.first_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_last_name">
+    {% t shared.last_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_last_name"
+    name="learner[last_name]"
+    value="{{ form.last_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_display_name">
+    {% t .display_name %}
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_display_name"
+    name="learner[display_name]"
+    value="{{ form.display_name }}"
+  />
+</div>
+
+{% unless form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_current_password">
+      {% t .current_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_current_password"
+      name="learner[current_password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t .new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  {% if form.terms_of_service_required? %}
+    <div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
+      <input
+        id="{{version}}_learner_terms_of_service"
+        name="learner[terms_of_service_accepted]"
+        type="checkbox"
+      />
+      <div class="label">
+        {% t .terms_of_service %}
+        <a
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </div>
+    </div>
+  {% else %}
+    <div class="np-margin-top">
+      <span class="np-form-terms ">
+        {% t .terms %}
+        <a
+          class="np-form-link np-button-color"
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </span>
+    </div>
+  {% endif %}
+
+  <input
+    id="{{version}}_invite_token"
+    name="learner[token]"
+    value="{{ form.invite_token }}"
+    type="hidden"
+  />
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_account_mobile_view.html.liquid	
@@ -0,0 +1,17 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card np-account-form">
+    <div class="np-card-container np-card-padding">
+      {% render "account_form", form: form, version: "mobile" %}
+    </div>
+  </div>
+  <div class="np-card np-account-avatar">
+    <div class="np-card-container np-card-padding">
+      {% include "account_avatar", version: "mobile" %}
+    </div>
+  </div>
+  <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+    {% t shared.account.save %}
+  </button>
+</form>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_cards_course.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_cards_course.html.liquid
new file mode 100644
index 00000000..e0107c8b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_cards_course.html.liquid	
@@ -0,0 +1,52 @@
+<div class="np-card">
+  <div class="np-card-container">
+      <div class="np-card-image-content-top" style="top: 0.75rem; left: 0.75rem">
+          {% if course.ribbon %}
+            <div class="np-card-ribbon">
+              {{ course.ribbon }}
+            </div>
+          {% endif %}
+      </div>
+      <img
+        class="np-card-image"
+        alt="{{ course.name }}"
+        src="{{ course.image_url }}"
+      >
+    </div>
+  
+    <div class="np-card-content np-card-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
+        {% include "course_details_review" %}
+      <div class="np-card-content-footer">
+          {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+          {% if course.has_to_restart? %}
+            {% include "course_version_outdated_popup", path: course_path %}
+          {% endif %}
+
+          <a
+            class="np-top-button np-button-font-color np-button np-button-big" href="{% route course_enrollment, code: course.enrollment_code %}" 
+            style='background: linear-gradient(90deg, #103F50 0%, #2D9EAF 100%); border-radius: 8px;'         
+            >
+              {% if course.enrolled? == false %}
+                {% t shared.enroll %}
+              {% elsif course.started? == false %}
+                {% t shared.start, key: current_school.course_vocabulary %}
+              {% elsif course.completed? %}
+                {% t shared.course.view, key: current_school.course_vocabulary %}
+              {% else %}
+                {% t shared.continue %}
+              {% endif %}
+          </a>
+
+      </div>
+  </div>
+</div>
+
+
+<style>
+  .fas.fa-star {
+    line-height: 1.15;
+  }
+  .course-card-content {
+    border-radius: 0 0 8px 8px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..b5fcc366
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_cards_learning_path.html.liquid	
@@ -0,0 +1,90 @@
+{% comment %}This section of code will iterate over all courses in a learning path and average out the completion per course compared to the total of the LP {% endcomment %}
+{% assign total_progress = 0 %}
+{% assign completed_progress = 0 %}
+
+{% for item in learning_path.items %}
+  {% if item.course? %}
+    {% assign total_progress = total_progress | plus: 100 %}
+
+    {% assign completed_progress = completed_progress | plus: item.progress %}
+  {% endif %}
+{% endfor %}
+
+{% assign total_progress = total_progress | times: 0.01 %}
+{% assign calculated_progress = completed_progress | divided_by: total_progress %}
+
+<div class="np-card np-no-horizontal-padding">
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <div class="np-hidden-desktop  np-card-header-items-count">
+            {{ learning_path.items.count }} {% t .items %}
+          </div>
+        </div>
+        <div class="np-hidden-mobile np-card-header">
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% comment %}{% t shared.progress, count: learning_path.progress %}{% endcomment %}
+            {% if calculated_progress < 1 %}
+              Not Started
+            {% else %}
+              {{calculated_progress | ceil }}% Completed
+            {% endif %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ calculated_progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
+              {% t shared.view %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="np-card-stack">
+    <div class="np-card-stack-level-1"></div>
+    <div class="np-card-stack-level-2"></div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_cards_training_event.html.liquid
new file mode 100644
index 00000000..1176157e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_category_gallery.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_category_gallery.html.liquid
new file mode 100644
index 00000000..75038cf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_category_gallery.html.liquid	
@@ -0,0 +1,76 @@
+<div class="np-homepage-featured-text">
+  <div class="homepage-headline">
+    {{ homepage.featured_courses_headline }}
+  </div>
+  <div class="homepage-subheadline">
+    {{ homepage.featured_courses_subheadline }}
+  </div>
+</div>
+
+<div class="np-stretch-content category-gallery col-xs-12 row" >
+  {% assign categories = current_school.filterable_categories | reverse %}
+
+  {% for category in categories %}
+    {% if category.name == 'POST' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/POSTnew.png); background-size: cover;">
+        </a>
+      </div>
+    {% elsif category.name == 'Prep+' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: #FAE202 !important">
+          {{ category.name }}
+        </a>
+      </div>
+    {% elsif category.name == 'TopicPulse' or category.name == 'TopicPulse Content Advantage' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6" >
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/TPnew.png); background-size: cover;">
+        </a>
+      </div>
+    {% elsif category.name == 'TopLine' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/TLnew.png); background-size: cover;">
+        </a>
+      </div>
+    {% elsif category.name == 'Futuri Mobile' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: #41C0C0 !important">
+          {{ category.name }}
+        </a>
+      </div>
+    {% elsif category.name == 'Futuri Streaming' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: #F2CC2B !important">
+          {{ category.name }}
+        </a>
+      </div>
+    {% elsif category.name == 'Futuri Voice' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: #F9811E !important">
+          {{ category.name }}
+        </a>
+      </div>
+    {% elsif category.name == 'SpotOn' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/SPOTONnew.png); background-size: cover;">
+        </a>
+      </div>
+    {% elsif category.name contains 'RadioGPT' %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/GPT.png); background-size: cover;">
+        </a>
+      </div>
+    {% elsif category.name contains 'Futuri AudioAI™' %}
+        <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+          <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: url(https://s3.amazonaws.com/static.northpass.com/futuri/Audio_AI.png); background-size: cover;">
+          </a>
+        </div>
+    {% else %}
+      <div class="topic-button-wrapper col-xs-12 col-sm-3-6">
+        <a class="np-button np-button-secondary topic-button" href="/app/catalog?filter[category_uuid][in][]={{category.id}}" style="background: #7D388E !important">
+          {{ category.name }}
+        </a>
+      </div>
+    {% endif %}
+  {% endfor %}
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_categories.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_categories.html.liquid
new file mode 100644
index 00000000..6cfe9010
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_course_categories.html.liquid	
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex">
+  {% for category in course.categories %}
+    <div class="np-content-categories-content-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_course_description.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_details_review.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_details_review.html.liquid
new file mode 100644
index 00000000..6278d0f1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_course_details_review.html.liquid	
@@ -0,0 +1,58 @@
+{% assign activities_count = 0 %}
+{% for course_section in course.sections %}
+  {% for course_activity in course_section.activities %}
+    {% assign activities_count = activities_count | plus: 1 %}
+  {% endfor %}
+{% endfor %} 
+
+{%- comment -%} <h3 class="np-card-content-title">
+    {{ course.name }}
+</h3> {%- endcomment -%}
+
+<div class="np-course-details">
+    <div class="np-course-detail">                 
+        <strong>{{ activities_count }}</strong>
+        <span class="np-details-label">
+          {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+    </div>
+    <div class="np-course-detail">
+      {% if course.properties.course_duration contains 'missing property' %}
+        missing property: course.properties.course_duration
+      {% else %}
+        {% if course.properties.course_duration > 0 %}
+          {% if course.properties.course_duration > 59 %}
+
+            {% assign course_hours = course.properties.course_duration | divided_by: 60 %}
+            {% assign course_minutes = course.properties.course_duration | modulo: 60 %}
+
+            <strong>{{ course_hours }}{% if course_minutes > 0 %}:{{ course_minutes }}</strong>{% endif %} Hr
+
+          {% else %}
+
+            <strong>{{ course.properties.course_duration }}</strong> Min{% if course.properties.course_duration > 1 %}s{% endif %}
+
+          {% endif %}
+          <span class="np-details-label">Duration</span>
+        {% endif %}
+      {% endif %}
+    </div>
+    <div class="np-course-detail np-card-content-progress np-button-color">
+      {{ course.progress }}%
+      <span class="np-details-label">Progress</span>
+    </div> 
+</div>
+
+<style>
+  .course-detail-rating {
+    align-self: flex-end;
+  }
+  .course-detail-rating-stars {
+    margin-bottom: 5px;
+  }
+  @media screen and (max-width: 768px) {
+    .course-detail-rating-stars {
+      margin-bottom: 0;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_course_events.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_outline.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1c3db9fa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_course_progress_and_cta.html.liquid	
@@ -0,0 +1,46 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container">
+    <div
+      style="width: {{ course.progress }}%"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+  {% if course.enrolled? %}
+      href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+  {% else %}
+      href="{% route course_enrollment, code: course.enrollment_code %}"
+  {% endif %}
+  >
+    {% if course.enrolled? == false %}
+      {% t shared.enroll %}
+    {% elsif course.started? == false %}
+      {% t shared.course.start, key: current_school.course_vocabulary %}
+    {% elsif course.completed? %}
+      {% t shared.course.view, key: current_school.course_vocabulary %}
+    {% else %}
+      {% t shared.continue %}
+    {% endif %}
+  </a>
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_courses_catalog.html.liquid
new file mode 100644
index 00000000..817c5c86
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_courses_catalog.html.liquid	
@@ -0,0 +1,55 @@
+{% if courses.in_catalog.any? %}    
+  {% if current_school.filterable_categories.any? %}
+    {% assign categories_by_name = current_school.filterable_categories | sort: "name" %}
+
+    {% for category in categories_by_name %}
+      <div class="np-catalog-courses" data-name="{{ category.name }}" data-uuid="{{ category.id }}">
+        <div class="category-header-wrapper">
+          <h2 class="category-header">{{category.name}}</h2>
+        </div>
+        
+        <div class="row row-with-thumbnails">
+          {% for course in courses.in_catalog %}           
+            {% for course_category in course.categories %}
+              {% if course_category.name == category.name %}
+                  <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                    {% include "cards_course" with course %}
+                  </div>
+              {% endif %}
+            {% endfor %}
+          {% endfor %}
+        </div>
+      </div>         
+    {% endfor %}
+    
+  {% endif %}
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.catalog,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
+
+<style>
+  .category-header-wrapper{
+    display:flex;
+    padding-bottom: 14px;
+    padding-left: 14px;
+    border-bottom: 1px solid #212b35;
+    margin-bottom: 32px;
+    align-items: end;
+    justify-content: space-between;
+  }
+
+  .category-header{
+    margin: 0;
+  }
+
+  @media screen and (min-width: 768px){
+    .np-catalog-courses{
+      margin-top: 0;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_courses_index.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_courses_index.html.liquid
new file mode 100644
index 00000000..a881b3af
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_courses_index.html.liquid	
@@ -0,0 +1,16 @@
+{% if courses.enrolled.any? %}
+  <div class="row row-with-thumbnails">
+    {% for course in courses.enrolled %}
+      <div class="shifting-cards">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.index,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_filter_select.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_filter_select.html.liquid
new file mode 100644
index 00000000..ea24980c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_filter_select.html.liquid	
@@ -0,0 +1,21 @@
+{% 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"
+  name="filter[{{ key }}][in][]"
+>
+  {% for filter in filters %}
+    <option
+      value="{{ filter.value }}"
+      {% if filter.selected? %} selected="selected" {% endif %}
+    >
+      {{ filter.name }}
+    </option>
+  {% endfor %}
+</select>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_fixed_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_fixed_header.html.liquid
new file mode 100644
index 00000000..8ac34a18
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_fixed_header.html.liquid	
@@ -0,0 +1,54 @@
+<div class="fixed-header">
+	{% include "header" %}
+	<div class="header-bar header-bar-1"></div>
+	{% include "sub_navigation" %}
+	<div class="header-bar header-bar-2"></div>
+</div>
+<style>
+  	.fixed-header{
+		box-shadow: rgb(57 63 72 / 20%) 0px 3px 5px;
+		position: fixed;
+		top: 0;
+		z-index: 50;
+	}
+
+	.scaled{
+		flex-basis: 22%;
+		max-width: 22%;
+	}
+
+	.np-sub-navigation{
+		margin-top: 0;
+	}
+	
+	.header-bar{
+		height: 5px;
+		width: 100%;
+	}
+
+	.header-bar-1{
+		background: linear-gradient(90deg, #103F50 0%, #2D9EAF 100%);
+	}
+
+	.header-bar-2{
+		background-color: #D2E0DC;
+	}
+
+	@media screen and (min-width: 768px){
+		.scaled{
+			flex-basis: 12%;
+			max-width: 12%;
+		}
+
+		.header-bar-1{
+			margin-top: 70px;
+		}
+	}
+
+	@media screen and (min-width: 1100px){
+		.scaled{
+			flex-basis: 10%;
+			max-width: 10%;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_footer.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_footer.html.liquid
new file mode 100644
index 00000000..9bf334a4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_footer.html.liquid	
@@ -0,0 +1,78 @@
+<footer class="np-footer">
+  <div class="np-footer-top">
+    {%- comment -%} {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation">
+        <ul class="np-footer-navigation-list">
+          {% for website_navigation in navigations.footer_navigations %}
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link np-button-color"
+                href="{{ website_navigation.path }}"
+                {% if website_navigation.external? %} target="_blank" {% endif %}
+              >
+                {{ website_navigation.name }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %} {%- endcomment -%}
+    {% if current_school.logo_url %}
+      <h2 class="np-footer-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-footer-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}"
+                ></i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and
+      website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_head.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_head.html.liquid
new file mode 100644
index 00000000..94d106c7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_head.html.liquid	
@@ -0,0 +1,7 @@
+{% 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=DM+Sans&display=swap" rel="stylesheet">
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_header.html.liquid
new file mode 100644
index 00000000..0bf0c0b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_header.html.liquid	
@@ -0,0 +1,198 @@
+{%- comment -%} Desktop Header {%- endcomment -%}
+<header class="np-header np-header-color">
+  <div class="np-header-content col-xs-12">
+    {%- comment -%} Mobile Menu Nav >>> Hidden On Desktop {%- endcomment -%}
+    <div class="np-hidden-desktop np-header-mobile-menu-nav">
+      {% if current_person.signed_in? %}
+        {% for website_navigation in navigations.header_navigations_external %}
+          {% if website_navigation.name == 'My Profile' %}
+            <li class= "np-header-desktop-nav-item" style="list-style: none;">
+              <a
+                href="/app/account"
+                class="np-header-desktop-nav-link np-header-font-color"
+                target="_blank"
+              >
+                {{ website_navigation.name }}
+              </a>
+            </li>
+          {% endif %}
+        {% endfor %}
+        {%- comment -%} <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> {%- endcomment -%}
+      {% endif %}
+    </div>
+
+    {%- comment -%} Desktop Nav Links {%- endcomment -%}
+    <div class="col-xs-4">
+      <div class="np-hidden-mobile np-header-desktop-nav">
+        <ul class="np-header-desktop-nav-list">
+          {% for website_navigation in navigations.header_navigations_external %}
+            {% unless website_navigation.name == 'My Profile' %}
+              <li class= "np-header-desktop-nav-item" {% if website_navigation.name == 'FuturiMedia.com' %}style="border-right: 2px solid #FFFFFF;"{% endif %}>
+                  <a
+                    href="{{ website_navigation.path }}"
+                    class="np-header-desktop-nav-link np-header-font-color"
+                    target="_blank"
+                  >
+                    {{ website_navigation.name }}
+                  </a>
+              </li>
+            {% endunless %}
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+
+    {%- comment -%} School Desktop View Logo {%- endcomment -%}
+    {% if current_school.logo_url %}
+    <div class="col-xs-4">
+      <h1 class="np-header-logo centered-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+    </div>
+    {% else %}
+      <div class="col-xs-4">
+        <a href="{% route home %}" class="np-school-name np-header-font-color">
+          {{ current_school.name }}
+        </a>
+      </div>
+    {% endif %}
+
+
+    {%- comment -%} Desktop Search Box {%- endcomment -%}
+    {% if current_person.signed_in? %}
+    <div class="col-xs-4" style="display: flex; justify-content: flex-end;">
+      <div class="np-hidden-mobile np-header-search np-header-search-expanded" style="display: none;">
+        <form action="{% route search %}" method="get" data-test="desktop-search">
+          <input
+            aria-label="{% t .search %}"
+            class="np-header-search-input np-header-font-background-color"
+            type="text"
+            name="q"
+            placeholder="{% t .search %}"
+          />
+          <i class="np-header-search-icon far fa-search"></i>
+        </form>
+      </div>
+      {%- comment -%} Desktop Profile Button {%- endcomment -%}
+      <div class="np-hidden-mobile np-header-avatar">
+        {% for website_navigation in navigations.header_navigations_external %}
+          {% if website_navigation.name == 'My Profile' %}
+            <li class= "np-header-desktop-nav-item" style="list-style: none;">
+              <a
+                href="/app/account"
+                class="np-header-desktop-nav-link np-header-font-color"
+                target="_blank"
+              >
+                {{ website_navigation.name }}
+              </a>
+            </li>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </div>
+    {% else %}
+      {%- comment -%} Desktop Sign In Button {%- endcomment -%}
+      <a
+        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
+        aria-label="{% t shared.sign_in %}"
+        href="{% route login %}"
+      >
+        {% t shared.sign_in %}
+      </a>
+    {% endif %}
+  </div>
+</header>
+
+{%- comment -%} Mobile Header {%- endcomment -%}
+<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>
+  .np-header-desktop-nav-list{
+    align-items: center;
+  }
+
+  .np-header-desktop-nav-item{
+    padding: 0 16px;
+  }
+
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_header_minimal.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_header_minimal.html.liquid
new file mode 100644
index 00000000..190f6efd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_header_minimal.html.liquid	
@@ -0,0 +1,23 @@
+<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" %}
+
+<style>
+  .np-header-color{
+    background: #011725;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_course.html.liquid
new file mode 100644
index 00000000..5f7aff84
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_course.html.liquid	
@@ -0,0 +1,56 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+        {% if course.instructors %}
+          <div class="np-learning-path-outline-caption">
+            {{ course.instructors }}
+          </div>
+        {% endif %}
+        <div class="np-learning-path-outline-progress
+          {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+        ">
+          {% t shared.progress, count: course.progress %}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1d90a2a7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_learning_path_training_session.html.liquid	
@@ -0,0 +1,53 @@
+{% if learning_path.enrolled? and training_session.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route training_session, id: training_session.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
+        <div class="np-events-content-time np-learning-path-outline-time np-button-color">
+          {{ training_session.time }} {{ training_session.time_zone }}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item">
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
+      </div>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..a4681210
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_learning_paths_index.html.liquid	
@@ -0,0 +1,14 @@
+<div class="np-learning-paths-resources">
+  {% if items.any? %}
+    {% for learning_path in items %}
+      {% include "cards_learning_path" with learning_path %}
+    {% endfor %}
+  {% else %}
+    <div class="np-learning-paths-resources-container">
+      <div class="np-zero-state-text">
+        {% t .empty %}
+      </div>
+      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_messages.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_progress_circle.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_progress_circle.html.liquid
new file mode 100644
index 00000000..2d27e545
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_progress_circle.html.liquid	
@@ -0,0 +1,80 @@
+<div class="np-progress-ring-wrapper">
+  <svg
+    class="progress-ring"
+    width="{{ size }}"
+    height="{{ size }}">
+    <circle
+      class="progress-ring__circle circle-{{name}}"
+      stroke="{{ stroke_color }}"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"/>
+    <circle
+      class="progress-ring__circle circle-bg"
+      stroke="{{ stroke_color_bg }}"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"/>
+      <text x="50%" y="50%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="#000" dy=".3em">{{count}}</text>
+  </svg>
+  <h3 class="np-card-content-title np-progress-circle-label">
+    {{name}}
+  </h3>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    var circle = document.getElementsByClassName("circle-{{name}}")[0];
+    var radius = circle.r.baseVal.value;
+    var circumference = radius * 2 * Math.PI;
+
+    circle.style.strokeDasharray = `${circumference} ${circumference}`;
+    circle.style.strokeDashoffset = `${circumference}`;
+
+    function setProgress(percent) {
+      const offset = circumference - percent * circumference;
+      circle.style.strokeDashoffset = offset;
+    }
+    setProgress('{{ count | divided_by: total }}')
+  }) 
+</script>
+
+<style>
+  .np-progress-ring-wrapper {
+    flex: 0;
+    flex-direction: column;
+    display: flex;
+    width: 100%;
+    padding: 1.5rem 1rem 1rem 1rem;
+    align-items: center;
+  }
+
+  .progress-ring circle { stroke-linecap: round; }
+  .progress-ring text { font-size:2rem; }
+  .progress-ring__circle {
+    transition: stroke-dashoffset 0.35s;
+    transform: rotate(-90deg);
+    transform-origin: center;
+  }
+
+  .np-progress-circle-label {
+    color:#000000;
+    text-transform: uppercase;
+    /* opacity:0.35; */
+    font-size:0.875rem;
+    margin-top:1rem;
+  }
+
+  @media (min-width:768px) {
+    .np-progress-ring-wrapper { padding: 1.5rem 0.4rem 1rem 0.4rem;}
+  }
+
+  @media (min-width:1170px) {
+    .progress-ring text { font-size:2.5rem; }
+    .np-progress-ring-wrapper { padding: 1.5rem 1rem 1rem 1rem;}
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_search_result.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_search_result.html.liquid	
@@ -0,0 +1,19 @@
+<div class="np-card np-search-result">
+  <div class="np-card-container">
+    <div class="np-card-content">
+      <img
+        class="np-search-result-image"
+        alt="{{ result.name }}"
+        src="{{ result.image_url }}"
+      />
+      <div class="np-search-result-content">
+        <div>
+          <a class="np-search-result-title" href="{{ result.path }}">
+            {{ result.name }}
+          </a>
+        </div>
+        <div class="np-search-result-snippet">{{ result.description }}</div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_sub_navigation.html.liquid
new file mode 100644
index 00000000..25ca11cd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_sub_navigation.html.liquid	
@@ -0,0 +1,23 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      {% if link.label == 'Dashboard' %}
+        <div class="np-sub-navigation-content-item scaled {{ link.active_class }}">
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            {%- comment -%} <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i> {%- endcomment -%}
+            My Courses
+          </a>
+          {%- comment -%} <div class="np-sub-navigation-content-item-bar np-button-background-color"></div> {%- endcomment -%}
+        </div>
+      {% else %}
+        <div class="np-sub-navigation-content-item scaled {{ link.active_class }}">
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            {%- comment -%} <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i> {%- endcomment -%}
+            {{ link.label }}
+          </a>
+          {%- comment -%} <div class="np-sub-navigation-content-item-bar np-button-background-color"></div> {%- endcomment -%}
+        </div>
+      {% endif %}
+    {% endfor %}
+  </div>
+</nav>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d777c5f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_description.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_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/Futuri Academy/_widget_course_progress.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/_widget_course_progress.html.liquid
new file mode 100644
index 00000000..9f4b7343
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/_widget_course_progress.html.liquid	
@@ -0,0 +1,97 @@
+<div class="np-dashboard-resources progress-card" style="padding-bottom: 0;">
+  <div class="np-card" style="display:inline-flex; margin: auto; padding: 0px !important;">
+    <div class="np-card-container np-card-content" style="
+      background: #FFFFFF;
+      border-radius: 8px; 
+      display: inline-block; 
+      margin: auto; 
+      margin-top: 1px; 
+      padding-top: 3px;"
+    >
+        {% if courses.enrolled.any? %}
+          {% assign countComplete = 0 %}
+          {% assign countInProgress = 0 %}
+          {% assign countNotStarted = 0 %}
+          {% assign countTotal = 0 | times: 1.0 %}
+          {% for course in courses.enrolled %}
+            {% assign countTotal = countTotal | plus: 1 %}
+            {% if course.progress == 100 %}
+              {% assign countComplete = countComplete | plus: 1 %}
+            {% endif %}
+            {% if course.progress > 0 and course.progress < 100 %}
+              {% assign countInProgress = countInProgress | plus: 1 %}
+            {% endif %}
+            {% if course.progress == 0 %}
+              {% assign countNotStarted = countNotStarted | plus: 1 %}
+            {% endif %}
+          {% endfor %}
+          <ul class="progress-circle-list">
+            <li>
+              {% 
+                include "progress_circle", 
+                name:'Completed' , 
+                count: countComplete , 
+                total: countTotal,
+                size: "120",
+                stroke_color: "rgba(65, 192, 192)",
+                stroke_color_bg: "rgb(229, 233, 235, 0.25)" 
+              %}
+            </li>
+            <li>
+              {% 
+                include "progress_circle", 
+                name:'In Progress' , 
+                count: countInProgress , 
+                total: countTotal,
+                size: "120",
+                stroke_color: "rgba(65, 192, 192)",
+                stroke_color_bg: "rgb(229, 233, 235, 0.25)"  
+              %}
+            </li>
+          </ul>
+        {% else %}
+          {% capture message %}
+            {% t shared.zero_state.courses.index,
+              key: current_school.course_vocabulary
+            %}
+          {% endcapture %}
+          {% include "courses_zero_state", message: message %}
+        {% endif %}
+    </div>
+  </div>
+</div>
+
+
+<style>
+  .progress-circle-list { 
+    padding: 0; 
+    list-style-type: none !important;     
+    justify-content: space-around;
+    display: inline-flex;
+    align-items: center;
+    max-width: 400px;
+    margin: auto;
+  }
+  .progress-card {
+    background: #001E2E;
+    border-radius: 8px; 
+    display: inline-flex;
+    margin-bottom: 30px;
+    padding: 0;
+    text-align: center;
+    width: 100%;
+  }
+  .np-progress-ring-wrapper {
+    padding: 0 0.5rem;
+  }
+  @media screen and (max-width: 1023px) {
+    .progress-card {
+      height: 190px;
+      margin-bottom: 2.187rem;
+      display: flex;
+    }
+    .progress-circle-list {
+      display: flex;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/account.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/account.html.liquid
new file mode 100644
index 00000000..df96f9b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/account.html.liquid	
@@ -0,0 +1,15 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<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/Futuri Academy/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/catalog.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/catalog.html.liquid
new file mode 100644
index 00000000..670bdf67
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/catalog.html.liquid	
@@ -0,0 +1,39 @@
+{% include "fixed_header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "courses_catalog" %}
+</main>
+{% include "footer" %}
+
+<script>
+  let categoryUUID = window.location.href.slice(window.location.href.indexOf('=')+1);
+  if(!categoryUUID.includes('futuri')){
+    let allCategories = document.querySelectorAll('.np-catalog-courses');
+    for(let i = 0; i < allCategories.length; i++){
+      allCategories[i].style.display = 'none';
+      if(allCategories[i].dataset.uuid == categoryUUID){
+        document.querySelector('.np-resource-title').innerHTML = allCategories[i].dataset.name;
+        document.querySelector('.np-resource-subtitle').style.display = 'none';
+
+        allCategories[i].children[0].style.display = 'none';
+        allCategories[i].style.display = 'initial';
+      }
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/course.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/course.html.liquid
new file mode 100644
index 00000000..2403c3da
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/course.html.liquid	
@@ -0,0 +1,24 @@
+
+ {% if course.enrolled? %}
+    <script>
+      window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}')
+    </script>
+      
+  {% else %}
+    <script>
+
+      window.location.replace('{% route course_enrollment, code: course.enrollment_code %}')
+    </script>
+
+  {% endif %}
+
+{% comment %} {% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="course-desktop">
+    {% include "course_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="course-mobile">
+    {% include "course_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %} {% endcomment %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/courses.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/courses.html.liquid	
@@ -0,0 +1,11 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-courses np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
+  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/dashboard.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/dashboard.html.liquid
new file mode 100644
index 00000000..d5d6f509
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/dashboard.html.liquid	
@@ -0,0 +1,114 @@
+{% include "fixed_header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-sm-8">
+      {% if features.learning_paths? %}
+        <div class="np-dashboard-resources-title">
+          {% t shared.learning_paths %}
+        </div>
+        {% include "learning_paths_index", items: learning_paths.enrolled %}
+      {% endif %}
+      <div class="np-dashboard-resources-title">
+        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+      </div>
+
+
+      {%- comment -%} {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} {%- endcomment -%}
+
+
+      {% if courses.enrolled.any? %}    
+        {% if current_school.filterable_categories.any? %}
+          {% assign categories_by_name = current_school.filterable_categories | sort: "name" %}
+
+
+          {% for category in categories_by_name %}
+            {% assign renderFlag = false %}
+
+            {% for course in courses.enrolled %}
+              {% for course_category in course.categories %}
+                {% if course_category.name == category.name %}
+                  {% assign renderFlag = true %}
+                {% endif %}
+              {% endfor %}
+            {% endfor %}
+
+            {% if renderFlag == true %}
+              <div class="np-dashboard-courses" data-name="{{ category.name }}" data-uuid="{{ category.id }}">
+                <div class="dashboard-category-header-wrapper">
+                  <h2 class="dashboard-category-header">{{category.name}} Courses</h2>
+                </div>
+                
+                <div class="row row-with-thumbnails">
+                  {% for course in courses.enrolled %}           
+                    {% for course_category in course.categories %}
+                      {% if course_category.name == category.name %}
+                          <div class="shifting-cards">
+                            {% include "cards_course" with course %}
+                          </div>
+                      {% endif %}
+                    {% endfor %}
+                  {% endfor %}
+                </div>
+              </div>         
+            {% endif %}
+          {% endfor %}
+          
+        {% endif %}
+      {% else %}
+        {% capture message %}
+          {% t shared.zero_state.courses.index,
+            key: current_school.course_vocabulary
+          %}
+        {% endcapture %}
+        {% include "courses_zero_state", message: message %}
+      {% endif %}
+
+    </div>
+    <div class="np-grid-spacing col-xs-12 col-sm-4">
+      <div class="np-dashboard-resources-title">
+        Course Progress
+      </div>
+      {% include "widget_course_progress" %}
+      
+      {% if features.training_events? %}
+          <div class="np-dashboard-resources-title">
+            {% t .upcoming_events %}
+          </div>
+            {% include "training_events_dashboard" %}
+      {% endif %}
+    </div>
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  .shifting-cards{
+    box-sizing: border-box;
+    display: flex;
+    flex: 0 0 auto;
+    flex-basis: 100%;
+    max-width: 100%;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  @media screen and (min-width: 650px){
+    .shifting-cards{
+      flex-basis: 50%;
+      max-width: 50%;
+    }
+  }
+
+  @media screen and (min-width: 768px){
+    .row .np-card{
+      padding: 0 0 64px;
+    }
+  }
+
+  @media screen and (min-width: 1024px){
+    .np-card-content-title{
+      font-size: 1.25rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/forgot_password.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/homepage.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/homepage.html.liquid
new file mode 100644
index 00000000..2e18acce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/homepage.html.liquid	
@@ -0,0 +1,100 @@
+{% include "fixed_header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero">
+    {%- comment -%} {% if homepage.artwork_url == '//cdn.northpass.com/assets/defaults/learning_experience/homepage-a66cc08ba532656b9ef3d215fd04aea68f324b48a70dc13a51c0c4eede0e562f.jpg' %}
+      <video autoplay playinline loop muted style="width: 100%; max-height: 100%; object-fit: inherit;">
+        <source src="https://futurimedia.com/wp-content/uploads/2022/09/V3-Neutral-2-Reveal-Loop.mp4" type="video/mp4">
+      </video>
+    {% else %}
+      <img class="np-homepage-hero-image"
+        src="{{ homepage.artwork_url }}"
+        alt="{{ homepage.headline }}"
+      />
+    {% endif %} {%- endcomment -%}
+    <img class="np-homepage-hero-image"
+      src="https://s3.amazonaws.com/static.northpass.com/futuri/Custom+Hero.jpg"
+      alt="{{ homepage.headline }}"
+    />
+    {%- comment -%} <div class="np-homepage-hero-content">
+      <div class="hero-headline np-header-font-color">
+        {{ homepage.headline }}
+      </div>
+      <div class="hero-subheadline np-header-font-color">
+        {{ homepage.subheadline }}
+      </div>
+      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
+        Explore the Courses
+      </a>
+    </div> {%- endcomment -%}
+  </div>
+  <div class="np-homepage-featured np-max-width homepage-max-width">
+    {% if current_school.filterable_categories.any? %}
+      {% include "category_gallery" %}
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          No Categories Found!
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %}
+    {%- comment -%} <div class="np-homepage-featured-text">
+      <div class="homepage-headline">
+        {{ homepage.featured_courses_headline }}
+      </div>
+      <div class="homepage-subheadline">
+        {{ homepage.featured_courses_subheadline }}
+      </div>
+    </div>
+    {% if courses.featured.any? %}
+      <div class="np-homepage-featured-courses row">
+        {% for course in courses.featured %}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            {% include "cards_course" with course %}
+          </div>
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          {% t .empty, key: current_school.course_vocabulary %}
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %} {%- endcomment -%}
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  .np-homepage-hero{
+    background: #041A29;
+  }
+
+  .np-homepage-hero-image{
+    height: 100%;
+    object-fit: contain;
+  }
+
+  @media screen and (min-width: 768px){
+    .np-homepage-hero-image {
+      height: auto;
+      max-height: none;
+      max-width: none;
+      object-fit: initial;
+    }
+  }
+
+  @media screen and (min-width: 1000px){
+    .np-homepage-hero-image {
+      object-fit: cover;
+    }
+  }
+</style>
diff --git a/Custom_Templates/customer_templates/Futuri Academy/learning_path.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/learning_path.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="learning-path-desktop">
+    {% include "learning_path_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/learning_paths.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/learning_paths.html.liquid
new file mode 100644
index 00000000..ea9fefb4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/learning_paths.html.liquid	
@@ -0,0 +1,13 @@
+{% include "fixed_header" %}
+<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/Futuri Academy/login.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/master.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/master.html.liquid	
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/not_found.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/private_certificate.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/public_certificate.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/reset_password.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/search.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/search.html.liquid
new file mode 100644
index 00000000..01684399
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/search.html.liquid	
@@ -0,0 +1,27 @@
+{% include "header" %}
+<main class="np-main np-search np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t .title %}
+  </div>
+  <div class="np-search-header">
+    <div class="np-resource-subtitle">
+      {% t .showing %}
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="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 %}
+  {% else %}
+    {% include "search_zero_state" %}
+  {% endif %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Futuri Academy/sign_up.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/styles.css.liquid b/Custom_Templates/customer_templates/Futuri Academy/styles.css.liquid
new file mode 100644
index 00000000..55786eb7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/styles.css.liquid	
@@ -0,0 +1,410 @@
+ /*
+ 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 }}
+*/
+
+/* Global Styles */
+
+body,
+main,
+.np-main{
+	background: #EBEFF0;
+}
+
+.np-dashboard,
+.np-catalog,
+.np-training-events{
+	margin-top: 80px;
+}
+
+.np-homepage{
+	margin-top: 130px;
+}
+
+.np-button{
+	background: linear-gradient(90deg, #103F50 0%, #2D9EAF 100%);
+	border-radius: 8px;
+	color: #FFFFFF;
+}
+
+@media screen and (min-width: 768px){
+	.np-homepage{
+		margin-top: 120px;
+	}
+}
+
+/* Header Styles */
+.np-header{
+	height: 70px;
+	padding: 0;
+}
+
+.np-header-desktop-nav-list{
+	flex-wrap: inherit;
+	padding: 0;
+}
+
+.np-header-desktop-nav{
+	justify-content: flex-end;
+}
+
+.np-header-desktop-nav-link{
+	font-size: 13px;
+	font-weight: 700;
+}
+
+.np-header-desktop-nav-link:hover{
+	color: #7D388E;
+}
+
+.centered-logo{
+	justify-content: center;
+}
+
+.np-header-avatar-button{
+	display: none;
+}
+
+@media screen and (min-width: 1050px){
+	.np-header{
+		padding: 0 10px;
+	}
+}
+
+@media screen and (min-width: 1100px){
+	.np-header{
+		padding: 0 35px;
+	}
+}
+
+@media screen and (min-width: 1150px){
+	.np-header{
+		padding: 0 50px;
+	}
+}
+
+/* Subnav Styles */
+.np-sub-navigation{
+	background: #EBEFF0;
+	height: 50px;
+	margin-bottom: 0;
+	padding: 0;
+	width: 100vw;
+}
+
+.np-sub-navigation-content{
+	height: 100%;
+}
+
+.np-sub-navigation-content-item{
+	width: 6.75%;
+}
+
+.np-sub-navigation-content-item-active{
+	/* background: #DEDFE0; */
+	background: #D2E0DC;
+}
+
+.np-sub-navigation-content-item-link{
+	color: #000000;
+	font-family: 'DM Sans', sans-serif;
+	font-size: 16px;
+	font-weight: 700;
+	height: 50px;
+	justify-content: center;
+}
+
+/* Homepage Specific Styles*/
+/* Hero Elements */
+.np-homepage-hero{
+	border-bottom: 1px solid #000000;
+}
+
+.hero-headline{
+	color: #FFFFFF;
+	font-size: 40px;
+	font-weight: 600;
+	letter-spacing: -1px;
+	line-height: 44px;
+	margin-bottom: 30px;
+	max-width: 1000px;
+	text-align: center;
+}
+
+.hero-subheadline{
+	color: #FFFFFF;
+	font-size: 20px;
+	line-height: 30px;
+	margin:0 auto;
+	margin-bottom: 12px;
+	max-width: 650px;
+	text-align: center;
+}
+
+.np-homepage-hero-cta{
+	animation: caption-top 1.2s 1 ease-out;
+	font-size: 18px;
+	font-weight: 700;
+	height: 63px;
+	padding: 20px 30px;
+	text-transform: uppercase;
+}
+
+@media screen and (min-width: 768px){
+	.hero-headline{
+		font-size: 70px;
+		line-height: 77px;
+	}
+}
+
+/* Heading Texts */
+.homepage-headline{
+	font-size: 55px;
+	font-weight: 600;
+	color: #000000;
+	letter-spacing: -1px;
+	line-height: 60.5px;
+	text-align: center;
+}
+
+.homepage-subheadline{
+	font-size: 19px;
+	font-weight: 300;
+	line-height: 31.35px;
+	margin: 16px 0;
+	text-align: center;
+}
+
+/* Category Gallery and Cards */
+.homepage-max-width{
+	max-width: initial;
+}
+
+.category-gallery{
+	align-items: center;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly; 
+	margin-left: 0;
+	max-width: 100%;
+	padding: 0px 20px;
+}
+
+.topic-button-wrapper{
+	aspect-ratio: 1;
+	margin: 15px 0;
+}
+
+.topic-button{
+	color: #FFFFFF;
+	font-size: 1.25rem;
+	font-weight: 700;
+	height: 100%;
+	line-height: 52.5px;
+	max-height: 640px;
+	max-width: 640px;
+	padding: 0 20px;
+	width: 100%;
+}
+
+.col-sm-3-6{
+	box-sizing: border-box;
+	flex: 0 0 auto;
+	flex-basis: 100%;
+	max-height: 640px;
+	max-width: 640px;
+}
+
+@media screen and (min-width: 600px) {
+	.topic-button{
+		font-size: 12px;
+	}
+
+	.col-sm-3-6{
+		flex-basis: 40%;
+	}
+}
+
+@media screen and (min-width: 768px) {
+	.category-gallery{
+		flex-direction: row;
+		padding: initial;
+	}
+
+	.col-sm-3-6{
+		flex-basis: 30%;
+	}
+}
+
+@media screen and (min-width: 870px) {
+	.topic-button{
+		font-size: 16px;
+	}
+}
+
+@media screen and (min-width: 1200px) {
+	.topic-button{
+		font-size: 18px;
+	}
+}
+
+@media screen and (min-width: 1440px) {
+	.topic-button{
+		font-size: 24px;
+	}
+}
+
+@media screen and (min-width: 1600px) {
+	.topic-button{
+		font-size: 30px;
+	}
+}
+
+
+/* Course Cards */
+
+  .np-card-container{
+	border: 1px solid #BAC4CA;
+	border-radius: 9px 9px 0 0;
+	box-shadow: none;
+	height: auto;
+	position: relative;
+  }
+
+  .np-card-image{
+	border-radius: 8px 8px 0 0;
+	height: 50%;
+	max-height: 50%;
+  }
+
+  .np-card-content-vertical{
+	justify-content: space-evenly;
+  }
+
+  .np-card-container-training-session{
+	border-radius: 0;
+  }
+  
+  .np-card-padding,
+  .np-card-padding-dynamic {
+	padding: 1.5rem;
+  }
+  
+  .np-card-image-overlay {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	opacity: 0.9;
+  }
+  
+  .np-card-image-content-top,
+  .np-card-image-content-bottom {
+	position: absolute;
+	left: 1.5rem;
+	z-index: 1;
+  }
+  
+  .np-card-image-content-top {
+	top: 1.5rem;
+  }
+
+  .np-card-image-content-bottom {
+	bottom: 1.5rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+  }
+
+  .np-course-details {
+	display: flex;
+	text-align: center;
+  }
+
+ .np-course-details .np-card-content-progress {
+	margin-top: 0;
+  }
+
+  .np-course-detail {
+	font-size: 1.125rem;
+	flex: 0 1 calc(33.33%);
+  }
+
+  .np-details-label {
+	text-transform: uppercase;
+	opacity: 0.5;
+	font-size: 0.75rem;
+	display: block;
+	font-weight: bold;
+	margin-top: 2px;
+  }
+
+  .np-card-content {
+	border: 1px solid #000000;
+	border-top: 0
+  } 
+  
+  .np-card-content-footer {
+	margin-top: 1.2rem;
+  }
+  
+  .np-card-content-footer .np-button {
+	width: 100%;
+  }
+  
+  @media screen and (min-width: 768px) {
+	.np-card-content-title {
+	  font-size: 1.1rem;
+	  flex: 1;
+	}
+
+	.np-card-content .np-card-content-title{
+      margin-top: 0;
+	}
+  
+	.np-card-image-content-top,
+	.np-card-image-content-bottom {
+	  left: 1.5rem;
+	  right: 1.5rem;
+	}
+  
+	.np-card-image-content-top {
+	  top: 1.5rem;
+	}
+	.np-card-image-content-bottom {
+	  bottom: 1.5rem;
+	}
+	.np-card-padding,
+	.np-card-padding-dynamic {
+	  padding: 1.5rem;
+	}
+  }
+  
+  @media screen and (min-width: 1024px) {
+	.np-card-content-title {
+	  font-size: 1.5rem;
+	}
+  
+	.np-card-image-content-top,
+	.np-card-image-content-bottom {
+	  left: 2rem;
+	  right: 2rem;
+	}
+  
+	.np-card-image-content-top {
+	  top: 2rem;
+	}
+	.np-card-image-content-bottom {
+	  bottom: 2rem;
+	}
+	.np-card-padding,
+	.np-card-padding-dynamic {
+	  padding: 2rem;
+	}
+  }
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/training_events.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/training_events.html.liquid
new file mode 100644
index 00000000..f01f4356
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/training_events.html.liquid	
@@ -0,0 +1,33 @@
+{% include "fixed_header" %}
+<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">
+        Live webinars with Futuri experts to maximize your learning
+      </div>
+    </div>
+    <div class="col-xs-12 col-sm-2">
+      {% include "training_events_filter" %}
+    </div>
+  </div>
+  {% include "training_events_index" %}
+</main>
+{% include "footer" %}
+
+<style>
+  .np-card-container{
+    border-radius: 9px;
+    height: 100%;
+  }
+  .np-card-content{
+    border: 0;
+  }
+  @media screen and (min-width: 768px){
+    .row .np-card{
+      padding: 0 22px 64px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/training_session.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/training_session.html.liquid
new file mode 100644
index 00000000..6847d88c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/training_session.html.liquid	
@@ -0,0 +1,59 @@
+{% 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" %}
+
+<style>
+  .np-training-session .np-card-container{
+    border-radius: 9px;
+  }
+</style>
+
+<script>
+  window.addEventListener("DOMContentLoaded", (event) => {
+    handleZoomLinkDisplayingForDesktop()
+    handleZoomLinkDisplayingForMobile()
+  })
+
+  function handleZoomLinkDisplayingForDesktop() {
+    if (isElementDisplayed("#training-session-desktop")) {
+      if (isElementNotDisplayed(".np-hidden-mobile .np-training-session-cta-buttons .np-button")) {
+        showElement(".np-hidden-mobile .np-training-session-location")
+      } else {
+        hideElement(".np-hidden-mobile .np-training-session-location")
+      }
+    }
+  }
+
+  function handleZoomLinkDisplayingForMobile() {
+    if (isElementDisplayed("#training-session-mobile")) {
+      if (isElementNotDisplayed(".np-hidden-desktop .np-training-session-cta-buttons .np-button")) {
+        showElement(".np-hidden-desktop .np-training-session-location")
+      } else {
+        hideElement(".np-hidden-desktop .np-training-session-location")
+      }
+    }
+  }
+
+  function isElementDisplayed(elementQuery) {
+    return document.querySelector(elementQuery).style.display !== "none"
+  }
+
+  function isElementNotDisplayed(elementQuery) {
+    return document.querySelector(elementQuery).style.display === "none"
+  }
+
+  function showElement(elementQuery) {
+    document.querySelector(elementQuery).style.removeProperty("display")
+  }
+
+  function hideElement(elementQuery) {
+    document.querySelector(elementQuery).style.display = "none";
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Futuri Academy/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/Futuri Academy/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Futuri Academy/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/Futuri Academy/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/TripleSeat/_account_avatar.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_account_desktop_view.html.liquid
@@ -0,0 +1,19 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card">
+    <div class="np-card-container np-card-padding">
+      <div class="row">
+        <div class="col-sm-7 np-account-form">
+          {% render "account_form", form: form, version: "desktop" %}
+          <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+            {% t shared.account.save %}
+          </button>
+        </div>
+        <div class="col-sm-5 np-account-avatar">
+          {% include "account_avatar", version: "desktop" %}
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_account_form.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_account_form.html.liquid
@@ -0,0 +1,139 @@
+<div class="np-resource-title">
+  {% t .header %}
+</div>
+<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
+  <input
+    {% if form.options.invite? %} disabled {% endif %}
+    autofocus="autofocus"
+    class="np-input"
+    id="{{version}}_learner_email"
+    name="learner[email]"
+    type="email"
+    value="{{ form.email }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_first_name">
+    {% t shared.first_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_first_name"
+    name="learner[first_name]"
+    value="{{ form.first_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_last_name">
+    {% t shared.last_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_last_name"
+    name="learner[last_name]"
+    value="{{ form.last_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_display_name">
+    {% t .display_name %}
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_display_name"
+    name="learner[display_name]"
+    value="{{ form.display_name }}"
+  />
+</div>
+
+{% unless form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_current_password">
+      {% t .current_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_current_password"
+      name="learner[current_password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t .new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  {% if form.terms_of_service_required? %}
+    <div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
+      <input
+        id="{{version}}_learner_terms_of_service"
+        name="learner[terms_of_service_accepted]"
+        type="checkbox"
+      />
+      <div class="label">
+        {% t .terms_of_service %}
+        <a
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </div>
+    </div>
+  {% else %}
+    <div class="np-margin-top">
+      <span class="np-form-terms ">
+        {% t .terms %}
+        <a
+          class="np-form-link np-button-color"
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </span>
+    </div>
+  {% endif %}
+
+  <input
+    id="{{version}}_invite_token"
+    name="learner[token]"
+    value="{{ form.invite_token }}"
+    type="hidden"
+  />
+{% endif %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_account_mobile_view.html.liquid
@@ -0,0 +1,17 @@
+<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
+  <input type="hidden" name="_method" value="{{ form.options.http_method }}">
+  {% form_authenticity_token %}
+  <div class="np-card np-account-form">
+    <div class="np-card-container np-card-padding">
+      {% render "account_form", form: form, version: "mobile" %}
+    </div>
+  </div>
+  <div class="np-card np-account-avatar">
+    <div class="np-card-container np-card-padding">
+      {% include "account_avatar", version: "mobile" %}
+    </div>
+  </div>
+  <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+    {% t shared.account.save %}
+  </button>
+</form>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_cards_course.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_cards_course.html.liquid
new file mode 100644
index 00000000..5402ed64
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_cards_course.html.liquid
@@ -0,0 +1,34 @@
+<div class="np-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+        <a class="np-button np-button-wide" href="{{ course_path }}">
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..424a81ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_cards_learning_path.html.liquid
@@ -0,0 +1,70 @@
+<div class="np-card np-no-horizontal-padding">
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <div class="np-hidden-desktop  np-card-header-items-count">
+            {{ learning_path.items.count }} {% t .items %}
+          </div>
+        </div>
+        <div class="np-hidden-mobile np-card-header">
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ learning_path.progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
+              {% t shared.view %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="np-card-stack">
+    <div class="np-card-stack-level-1"></div>
+    <div class="np-card-stack-level-2"></div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_cards_training_event.html.liquid
new file mode 100644
index 00000000..1176157e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_categories.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_categories.html.liquid
new file mode 100644
index 00000000..6cfe9010
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_course_categories.html.liquid
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex">
+  {% for category in course.categories %}
+    <div class="np-content-categories-content-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_course_description.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_events.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_header.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_instructors.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_outline.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1c3db9fa
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_course_progress_and_cta.html.liquid
@@ -0,0 +1,46 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container">
+    <div
+      style="width: {{ course.progress }}%"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+  {% if course.enrolled? %}
+      href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+  {% else %}
+      href="{% route course_enrollment, code: course.enrollment_code %}"
+  {% endif %}
+  >
+    {% if course.enrolled? == false %}
+      {% t shared.enroll %}
+    {% elsif course.started? == false %}
+      {% t shared.course.start, key: current_school.course_vocabulary %}
+    {% elsif course.completed? %}
+      {% t shared.course.view, key: current_school.course_vocabulary %}
+    {% else %}
+      {% t shared.continue %}
+    {% endif %}
+  </a>
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/TripleSeat/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_courses_catalog.html.liquid
@@ -0,0 +1,16 @@
+{% if courses.in_catalog.any? %}
+  <div class="np-catalog-courses row row-with-thumbnails">
+    {% for course in courses.in_catalog %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.catalog,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_courses_index.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_courses_index.html.liquid
@@ -0,0 +1,16 @@
+{% if courses.enrolled.any? %}
+  <div class="row row-with-thumbnails">
+    {% for course in courses.enrolled %}
+      <div class="{{ class }}">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.index,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_filter_select.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_footer.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_footer.html.liquid
new file mode 100644
index 00000000..c1a5ab83
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_footer.html.liquid
@@ -0,0 +1,78 @@
+<footer class="np-footer">
+  <div class="np-footer-top">
+    {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation">
+        <ul class="np-footer-navigation-list">
+          {% for website_navigation in navigations.footer_navigations %}
+            <li class="np-footer-navigation-item">
+              <a
+                class="np-footer-navigation-link np-button-color"
+                href="{{ website_navigation.path }}"
+                {% if website_navigation.external? %} target="_blank" {% endif %}
+              >
+                {{ website_navigation.name }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if current_school.logo_url %}
+      <h2 class="np-footer-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-footer-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}"
+                ></i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and
+      website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_header.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_header.html.liquid
new file mode 100644
index 00000000..8cdaf8fe
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_header.html.liquid
@@ -0,0 +1,188 @@
+<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="np-header-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+    {% else %}
+      <a href="{% route home %}" class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </a>
+    {% endif %}
+
+    <div class="np-hidden-mobile np-header-desktop-nav">
+      <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="np-header-search-input np-header-font-background-color"
+            type="text"
+            name="q"
+            placeholder="{% t .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
+        >
+          <img
+            alt="{{ current_person.name }}"
+            class="np-header-avatar-image"
+            src="{{ current_person.avatar_url }}"
+          >
+        </button>
+        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
+          <span class="np-header-avatar-tooltip-arrow-up"></span>
+          <div class="np-header-avatar-tooltip-learner">
+            <div class="np-header-avatar-tooltip-learner-name">
+              {{ current_person.name }}
+            </div>
+            <div class="np-header-avatar-tooltip-learner-email">
+              {{ current_person.email }}
+            </div>
+          </div>
+          <nav class="np-header-avatar-tooltip-navigation">
+          {% unless current_school.sso_active? %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link"
+              href="{% route account %}"
+            >
+              {% t .profile_settings %}
+            </a>
+          {% endunless %}
+		   {% if current_person.signed_in? %}
+              <a
+                class="np-header-avatar-tooltip-navigation-link"
+                href="{% route transcript %}"
+              >
+                {% t .transcript %}
+              </a>
+            {% endif %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link np-danger"
+              href="{% route logout %}"
+            >
+              {% t .sign_out %}
+            </a>
+          </nav>
+        </div>
+      </div>
+    {% else %}
+      <a
+        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
+        aria-label="{% t shared.sign_in %}"
+        href="{% route login %}"
+      >
+        {% t shared.sign_in %}
+      </a>
+    {% endif %}
+  </div>
+</header>
+
+<div class="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" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_header_minimal.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_course.html.liquid
new file mode 100644
index 00000000..5f7aff84
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_learning_path_course.html.liquid
@@ -0,0 +1,56 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+        {% if course.instructors %}
+          <div class="np-learning-path-outline-caption">
+            {{ course.instructors }}
+          </div>
+        {% endif %}
+        <div class="np-learning-path-outline-progress
+          {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+        ">
+          {% t shared.progress, count: course.progress %}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..1d90a2a7
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_learning_path_training_session.html.liquid
@@ -0,0 +1,53 @@
+{% if learning_path.enrolled? and training_session.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route training_session, id: training_session.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
+        <div class="np-events-content-time np-learning-path-outline-time np-button-color">
+          {{ training_session.time }} {{ training_session.time_zone }}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item">
+    <div class="np-card-content np-card-padding">
+      <div class="np-events-content-date np-button-background-color">
+        <div class="np-events-content-month">
+          {{ training_session.month }}
+        </div>
+        <div class="np-events-content-day">
+          {{ training_session.day }}
+        </div>
+      </div>
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
+        <div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
+      </div>
+      {% if training_session.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/_messages.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_search_result.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_search_result.html.liquid
@@ -0,0 +1,19 @@
+<div class="np-card np-search-result">
+  <div class="np-card-container">
+    <div class="np-card-content">
+      <img
+        class="np-search-result-image"
+        alt="{{ result.name }}"
+        src="{{ result.image_url }}"
+      />
+      <div class="np-search-result-content">
+        <div>
+          <a class="np-search-result-title" href="{{ result.path }}">
+            {{ result.name }}
+          </a>
+        </div>
+        <div class="np-search-result-snippet">{{ result.description }}</div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/TripleSeat/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_sub_navigation.html.liquid
new file mode 100644
index 00000000..b432c10b
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_events_index.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d777c5f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_date.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_description.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_details.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_header.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/TripleSeat/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/_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/TripleSeat/account.html.liquid b/Custom_Templates/customer_templates/TripleSeat/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/auth_url_email.html.liquid b/Custom_Templates/customer_templates/TripleSeat/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/TripleSeat/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/TripleSeat/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/catalog.html.liquid b/Custom_Templates/customer_templates/TripleSeat/catalog.html.liquid
new file mode 100644
index 00000000..d7b380b8
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/catalog.html.liquid
@@ -0,0 +1,23 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+{% include "sub_navigation" %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+    {% capture label %}{% t shared.filters.by_category %}{% endcapture %}
+
+    {% if courses.in_catalog.any? %}
+      {%
+        include "filter_dropdown",
+        filters: courses.filters,
+        key: "category_uuid",
+        label: label
+      %}
+    {% endif %}
+  </div>
+  {% include "courses_catalog" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/course.html.liquid b/Custom_Templates/customer_templates/TripleSeat/course.html.liquid
new file mode 100644
index 00000000..d77e09ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/course.html.liquid
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="course-desktop">
+    {% include "course_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/TripleSeat/courses.html.liquid b/Custom_Templates/customer_templates/TripleSeat/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/courses.html.liquid
@@ -0,0 +1,11 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-courses np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
+  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/dashboard.html.liquid b/Custom_Templates/customer_templates/TripleSeat/dashboard.html.liquid
new file mode 100644
index 00000000..f5c8e7df
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/dashboard.html.liquid
@@ -0,0 +1,28 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-sm-8">
+      {% if features.learning_paths? %}
+        <div class="np-dashboard-resources-title">
+          {% t shared.learning_paths %}
+        </div>
+        {% include "learning_paths_index", items: learning_paths.enrolled %}
+      {% endif %}
+      <div class="np-dashboard-resources-title">
+        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+      </div>
+      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
+    </div>
+    {% if features.training_events? %}
+      <div class="np-grid-spacing col-xs-12 col-sm-4">
+        <div class="np-dashboard-resources-title">
+          {% t .upcoming_events %}
+        </div>
+          {% include "training_events_dashboard" %}
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/forgot_password.html.liquid b/Custom_Templates/customer_templates/TripleSeat/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/homepage.html.liquid b/Custom_Templates/customer_templates/TripleSeat/homepage.html.liquid
new file mode 100644
index 00000000..77559cc9
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/homepage.html.liquid
@@ -0,0 +1,52 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero">
+    <img class="np-homepage-hero-image"
+      src="{{ homepage.artwork_url }}"
+      alt="{{ homepage.headline }}"
+    />
+    <div class="np-homepage-hero-content">
+      <div class="np-homepage-headline np-header-font-color">
+        {{ homepage.headline }}
+      </div>
+      <div class="np-homepage-subheadline np-header-font-color">
+        {{ homepage.subheadline }}
+      </div>
+      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
+        {% t .discover %}
+      </a>
+    </div>
+  </div>
+  {% include "sub_navigation" %}
+  <div class="np-homepage-featured np-max-width">
+    <div class="np-homepage-featured-text">
+      <div class="np-homepage-headline">
+        {{ homepage.featured_courses_headline }}
+      </div>
+      <div class="np-homepage-subheadline">
+        {{ homepage.featured_courses_subheadline }}
+      </div>
+    </div>
+    {% if courses.featured.any? %}
+      <div class="np-homepage-featured-courses row">
+        {% for course in courses.featured %}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            {% include "cards_course" with course %}
+          </div>
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          {% t .empty, key: current_school.course_vocabulary %}
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/learning_path.html.liquid b/Custom_Templates/customer_templates/TripleSeat/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/learning_path.html.liquid
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="learning-path-desktop">
+    {% include "learning_path_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/TripleSeat/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/learning_paths.html.liquid b/Custom_Templates/customer_templates/TripleSeat/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/login.html.liquid b/Custom_Templates/customer_templates/TripleSeat/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/master.html.liquid b/Custom_Templates/customer_templates/TripleSeat/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/master.html.liquid
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/not_found.html.liquid b/Custom_Templates/customer_templates/TripleSeat/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/private_certificate.html.liquid b/Custom_Templates/customer_templates/TripleSeat/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/public_certificate.html.liquid b/Custom_Templates/customer_templates/TripleSeat/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/reset_password.html.liquid b/Custom_Templates/customer_templates/TripleSeat/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/search.html.liquid b/Custom_Templates/customer_templates/TripleSeat/search.html.liquid
new file mode 100644
index 00000000..01684399
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/search.html.liquid
@@ -0,0 +1,27 @@
+{% include "header" %}
+<main class="np-main np-search np-subpage-container np-max-width">
+  <div class="np-resource-title">
+    {% t .title %}
+  </div>
+  <div class="np-search-header">
+    <div class="np-resource-subtitle">
+      {% t .showing %}
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="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 %}
+  {% else %}
+    {% include "search_zero_state" %}
+  {% endif %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/TripleSeat/sign_up.html.liquid b/Custom_Templates/customer_templates/TripleSeat/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/styles.css.liquid b/Custom_Templates/customer_templates/TripleSeat/styles.css.liquid
new file mode 100644
index 00000000..7386f452
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/styles.css.liquid
@@ -0,0 +1,11 @@
+ /*
+ 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 }}
+*/
diff --git a/Custom_Templates/customer_templates/TripleSeat/training_events.html.liquid b/Custom_Templates/customer_templates/TripleSeat/training_events.html.liquid
new file mode 100644
index 00000000..139717ee
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/training_session.html.liquid b/Custom_Templates/customer_templates/TripleSeat/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/TripleSeat/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/TripleSeat/unsubscribe.html.liquid b/Custom_Templates/customer_templates/TripleSeat/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/TripleSeat/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/Scripts/API_Tests/medialib_csv.py b/Scripts/API_Tests/medialib_csv.py
index 3d100f68..5a2107a6 100644
--- a/Scripts/API_Tests/medialib_csv.py
+++ b/Scripts/API_Tests/medialib_csv.py
@@ -9,20 +9,26 @@ pp = pprint.PrettyPrinter(indent=4)
 
 def getMedia(APIKEY, URL):
     list_data = []
+    scorm_ids = []
     headers = {"accept": "application/json", "X-Api-Key": APIKEY}
     URL = f"{URL}?limit=100"
     response = requests.get(URL, headers=headers)
     datas = response.json()
+    # pp.pprint(datas)
 
     for data in datas["data"]:
         file_type = data["attributes"]["file_type"]
+        file_name = data["attributes"]["file_name"]
+        created_date = data["attributes"]["created_at"]
         id_val = data["id"]
-        create_link = data["links"]["create_course_from_file"]
-        if "scorm" in file_type:
-            data_tuple = (id_val, file_type, create_link)
-            list_data.append(data_tuple)
-    pp.pprint(list_data)
-    print(len(list_data))
+        if "2024-03" in created_date:
+            if "scorm" in file_type:
+                data_tuple = (id_val, created_date, file_name)
+                scorm_ids.append(id_val)
+                list_data.append(data_tuple)
+    # pp.pprint(list_data)
+    # print(len(list_data))
+    print(scorm_ids)
 
 # def toCsv(json):
 #     js = pd.json_normalize(json, "data", ["data"])
diff --git a/Scripts/API_Tests/temp.md b/Scripts/API_Tests/temp.md
deleted file mode 100644
index e69de29b..00000000
diff --git a/Scripts/clone_courses.js b/Scripts/clone_courses.js
index 0cf9f721..62b141e5 100644
--- a/Scripts/clone_courses.js
+++ b/Scripts/clone_courses.js
@@ -8,163 +8,9 @@ const rl =
 })
 var userEmail= 'nrasmussen@northpass.com';
 var userPassword= 'ecx5pmy!MAN2vgh2knc';
-var otp = '229118';
+var otp = '143266';
 var schoolUUID = '5692537e-4921-40e8-9c8d-1218b0ffa2da'
 var courseUUIDs = [
-'  dd8547a8-b3fd-402c-845b-8ced68de7d90',
-'a79b23c6-9287-40cb-9f18-73ced757a145',
-'19f228d8-707b-4899-a612-f779e0582ca3',
-'b91e68f2-b493-4a80-b8fb-0f08471145e4',
-'3a46d179-e833-411d-9fc9-65f99193e74e',
-'a0d1f033-20da-4e1c-ba46-dad71b4420af',
-'98fdcc99-985c-4deb-8a2a-074f80027ef6',
-'a2d18a42-a961-45ae-b75d-5e9011a0458e',
-'efdd20d5-0f7c-4cf2-9922-c207021ac902',
-'6c4ed66c-d240-49ab-963b-c7096854eca4',
-'d885aaa3-d845-4116-b2cd-6ce4c03ffc7b',
-'429c8a3e-e4b7-4557-9969-862d7e2261e6',
-'a754a767-56c0-4a99-98f2-8e9594312bbd',
-'9d23662c-4855-4b19-892c-f101ef2ab39c',
-'a48f746e-7ec1-4f77-8350-ba75b1144222',
-'fe43a7ac-f06a-47f5-aecb-d46f07e285d5',
-'cd105354-ff0a-4ad2-8425-e99e2326f3bd',
-'87d6dfed-b0e4-4c7f-b025-f80b2d90d251',
-'e63675bd-db65-402c-aa2f-7109f8e8cc6f',
-'98ab2040-4646-4a89-a23f-e4ef7d6f4e2e',
-'2ab52b30-3fa5-491a-80a9-a48e9a5f122c',
-'7a95dbd2-7cfa-4bf7-8151-b97154014d00',
-'2a58b9fb-6c63-4d1d-90ff-bff744f36794',
-'31915ca1-b445-4086-bac3-65f74f36d4de',
-'a818c30b-1846-4996-a746-3c74a38a9de4',
-'00163e87-bf1d-40ce-97a9-1fba4494168d',
-'9f93cab8-0058-4f24-a2c7-ca8b9e3473e2',
-'bd3ee6c2-01ef-4a4f-a410-2350251d83d0',
-'68e0b4f7-512a-4424-96c5-5445351ce4ea',
-'00f08787-e6f1-4ef8-8999-cd6f56f84b84',
-'ae861af4-3635-453c-93ed-5f8621789608',
-'e5669b77-5cd0-41ac-99b0-d0ebe4de0228',
-'3f02f4d9-666b-4cd7-9282-e1d292d57e99',
-'eab65a65-b150-4335-a2c0-4c853de2c734',
-'58282cb8-c177-4273-8219-f14b8051c694',
-'5f22a592-4045-42fd-8b88-8f68700fc17e',
-'b707e716-8cac-434b-a851-962f18f4d84f',
-'02732eea-a545-4616-ac94-d4b1b08380b0',
-'a69a5762-b59f-4d4b-801f-64edc4ae2953',
-'99f72da4-2e1f-4153-a4a9-71169f80ba65',
-'57d90048-c798-4958-af2c-7b4b9c565b70',
-'7b0ba52d-9ae2-4c3c-9646-067fe5650681',
-'8b4cec51-56b4-4aca-aa6c-03199f997962',
-'4329cf31-ceaf-45a2-87a8-8fedf0e77ff6',
-'88dda481-bf64-4f8f-b32a-35141a6df121',
-'3c3293f4-666b-48f5-9870-f053c766bb8e',
-'e353e8eb-ad53-4eaf-b889-51858b69e543',
-'3c8ad087-16f8-48e4-8568-d644e79ad176',
-'0a576996-4387-4e69-b849-4ce886d35a74',
-'fa3387b7-9dec-4539-a98d-f6975f427754',
-'2465ab2a-9928-47ce-b533-2db316311cf6',
-'13b4ce9b-62f5-43d9-8159-0134c48326c3',
-'a4010ef1-45a1-46c2-9e69-ad262e48b570',
-'03fa9c71-d6d2-4600-b301-420c3a0aa39c',
-'bf173b8e-d7ce-4f95-9258-e35641033eda',
-'9c168f49-ae54-44e2-bbc2-54d899e1a18c',
-'68287a12-2632-4d20-ae83-91ba291bdbed',
-'e88033c4-10aa-4297-9603-07d572125a98',
-'c2e80fcd-e315-4f46-ad4f-5fdefd85f32a',
-'c4e94895-2adf-4196-9aac-3fa830d039c3',
-'db1849a4-f850-4d14-873b-264c7a8f7148',
-'f35ff483-f8a6-49ed-a053-2beba1b629c1',
-'289ca66a-19ea-49e1-aa28-199e53b740ea',
-'9cea7037-9f00-4d12-88b8-59e15b79b7d4',
-'baa8adc3-5c88-4ef3-bca5-98467f22f779',
-'a220e92f-c437-48b4-b19d-665f60a23cf6',
-'c1a15bdb-c67f-4bab-9cf4-21fe43c29ba1',
-'ee5bae86-6c5b-4389-bfe1-61fe988e70d5',
-'fa8d1ec3-14c9-4968-851f-9ab8cce162c2',
-'9b8cd23d-0b70-4fe3-afd6-96f54c159aa5',
-'7060e51d-c5cb-4569-a6f5-e444b3acfece',
-'20e2e746-4abb-4b7d-8723-fa028865efc5',
-'6d398ea6-2727-4aba-9583-6aeedcf0d648',
-'5253d85e-0915-4595-bcc9-9aa37f69e0ab',
-'6b7604eb-7c0c-47a2-aeed-34cc97cb08e2',
-'3845e89f-373b-4a49-b86d-b5fbe77aa678',
-'493811b2-73c8-41cb-9d82-8c0003d112c6',
-'ca0abc2d-d275-4a01-9973-1a43d39fd76d',
-'440320b2-3e67-4965-a70f-f137267b5778',
-'0e23ecf0-416a-40be-a63c-4b498a7bc5e9',
-'06c8e5a5-26d9-4214-9f35-dbf3ea8da931',
-'7fd0c3d8-0805-4deb-8e53-bf6b8ab4b0c9',
-'9dd07d16-9687-461b-9d0e-e02a14e86249',
-'b95a1912-863b-47f8-aedb-45b8ef02cff5',
-'72583d21-ff2c-4a1e-a3c4-abe3e366c4a3',
-'adbcfdd4-a11d-40fb-9499-79a4d13d22ff',
-'046bfa23-f625-45f4-aa30-715f8b6f37a5',
-'283807fc-82ec-4509-8873-dec932177e33',
-'7d038271-b131-44bf-8d1e-75502ca18be8',
-'021e5ac2-cf44-4f1f-a1cb-0c010327e552',
-'c6f739c4-2970-4b98-a8a2-36dcfb52c4ca',
-'70f626e5-46e6-47e5-b9ca-a31446ad014c',
-'aaef1298-4b3b-4f72-a575-a130d49b1d11',
-'2a4c8c5e-bc85-4a8a-967b-375815c2fed8',
-'b222f236-6435-4483-a258-0c51cac9b65a',
-'0b401958-853e-45c2-b492-3df2bd1deaa0',
-'622d41ff-9643-4a5a-b1eb-a03998e8dc2c',
-'85a14c5f-74de-4688-870b-00827787e341',
-'345b8c0b-fc98-4134-b935-14965503e9a1',
-'edc30c7e-8eee-4f9c-a492-79ad5a38a4c0',
-'5c0f53fb-bf4d-4c67-a984-9b9204e8bff3',
-'5ddb05fb-4f84-48d6-8da1-4ce0aabca643',
-'e365ce57-520c-4e0b-9478-c897b193b7ff',
-'08bae3cd-0262-487b-b98f-569d4d90fa96',
-'020fab83-8723-49d8-9fb5-becd13d5c1de',
-'8039efc8-86a3-44b9-99d2-6ba155690370',
-'828603ec-27a2-48ee-8aff-6567ca1bf25f',
-'96e0a71e-6e7c-422b-9759-7e5efce88646',
-'26ade7bf-5192-4e95-a391-4412f32a2aad',
-'94d51532-6547-4756-9d95-f91bf5d2ec8e',
-'c1bc93e4-deff-4c53-9197-fae55299e596',
-'a018dd13-9419-4176-b707-6ece39d31729',
-'dd641db0-4a82-42b8-9477-c013e0a57dff',
-'a7e8e682-aadf-4c92-88ab-bae0b912a4d3',
-'6efadeb2-d270-461e-8847-6f53752b9fdf',
-'c8b5b7b9-0ca8-4b00-a7ef-f70ab67be268',
-'0747cc56-55ed-4273-9358-158e97ed177b',
-'72a35764-6706-432f-9774-d4c396929929',
-'0c970975-c370-41cd-8be3-0a46833a80b6',
-'def8a3ec-68d5-498c-922b-a0676eaba124',
-'0bbab6c7-4a6a-4583-942c-864a13721f01',
-'52e32cfa-ce55-4317-8cb6-8bace841bfde',
-'9a52756b-17a9-4129-969c-d96f8df6d671',
-'5a19ad83-1e0d-4bff-97fc-777620f2e93f',
-'a7c5f4c1-3326-4acc-b4b4-c724eeca1bc7',
-'60fced38-854e-4cd5-afbe-bd5a7b97b935',
-'048dd3ba-cd88-477a-916a-529ee936a5ff',
-'96a9b7f5-ff0e-4260-a1bb-3fd31a263854',
-'d9b18523-f0be-4d50-b070-e4f08366c709',
-'472a99ba-05ad-4bd6-aa8c-789e61a66081',
-'5eec0176-6e0e-453f-a50f-94059b2dd5c7',
-'f0f2a959-4b53-4092-b354-b8371f8b7647',
-'8a2ee08e-ad39-4fb7-8bc2-cbbd51b0f7f9',
-'1d85460a-cfa5-4422-9c9b-0e73c07d719b',
-'47efd48c-2e47-418a-9ed2-0b071f0e7843',
-'d8f33a5d-6dc9-4aba-a04f-42791532e246',
-'2a4aa380-f8ff-4823-bd58-36a3093beed0',
-'a3f84bf1-ea6d-4500-bdda-10a25547eb3b',
-'5538633b-1d78-4252-9836-85dcd4b67930',
-'8805dfc7-50b8-4251-8334-0da3a2eaa6b2',
-'a8520656-acb0-4868-badd-da1a3aa6719a',
-'8422ea8e-64a8-405b-bed4-afcd5a841b95',
-'69b538bb-8004-422d-ada5-a1a9eb9e7829',
-'8c1d6c3c-ae7e-47fd-8089-d72cbbaca070',
-'6f45495d-cbd7-42d7-8a4f-617bdeba392c',
-'4d22e68a-2adf-4894-9f60-cc6a52fc978b',
-'e8a97349-fa4d-42a7-9850-1c0486fafa3c',
-'973b4eb7-7782-450f-9a59-786e6d353b88',
-'9ead872c-629d-4dcd-921c-f2af91537218',
-'08e0d1d4-666b-445c-b6f8-0a7e9ba23350',
-'40fd2666-4b33-4d47-a331-9c4c60ebca7e',
-'5c08cd9a-058f-4289-93b7-266aa51da1c1',
-'9040176d-72d9-439c-a92b-1b265319d00b',
-'e6fb1775-9a4c-4a73-a7ee-8098a520b924',
 '024882c6-2e2a-474b-8b6c-6496f94311c3',
 '0395d381-e772-483f-9579-bd8669d40887',
 '58d8d732-0458-48a8-bdcb-287a4811c1d2',
@@ -259,6 +105,7 @@ pt.launch({ headless: false }).then(async browser => {
         await p.keyboard.press('Enter');
         await wait(100)
         await p.click('input.button');
+		console.log('-- Index: '+i+' -- Cloned course: '+courseUUIDs[i]+' -- ')
         await wait(1000)
       }
     await wait(2000)
diff --git a/Scripts/create_scorm_course.js b/Scripts/create_scorm_course.js
new file mode 100644
index 00000000..3124d479
--- /dev/null
+++ b/Scripts/create_scorm_course.js
@@ -0,0 +1,82 @@
+const axios = require('axios');
+var scormUuids = [
+'abdeec44-ae48-44ce-8972-f9270475e033',
+'f6c73457-0a82-48bf-9e77-124493679974',
+'0d128b5b-642c-419e-88eb-19a15b8cb9ec',
+'5743f94b-812b-4793-95e9-b762fbd8fb78',
+'4c0afaa1-5c61-4e4c-b0d2-778e21a6c65c',
+'ca6a790d-3214-4cc5-8dfe-38d8ade997e2',
+'c3c34514-aed2-422d-bbba-f37bb92431cf',
+'ac3364ec-d950-4782-929a-d7d448db5ddf',
+'4e9a6ab4-15b5-41af-b774-a0a4b80bdf2e',
+'34e8db4a-6f7a-4182-b542-876855485159',
+'7dd11a47-8ed6-4906-a32d-1c4437b77e29',
+'c15b8048-f90a-4291-b706-488f3b60633d',
+'b5c3b76d-c8a2-40ee-9d16-c60b361700cd',
+'3a326df3-0c4b-44df-b4ab-5be3bc6d9f33',
+'bea6e368-2f6d-4703-aaaf-12cafc61780d',
+'998c98e9-f922-4f8c-bf46-733fd36b1a51',
+'96302633-cabf-4803-a494-46853bd12a63',
+'ea3922ef-2635-4b00-b029-148a81c38274',
+'a2a7b498-cf09-4f14-a5a2-230699594620',
+'fb87e028-d024-470b-862d-f26b5190c935',
+'b4d5692b-6655-411d-a3d2-e9c0b55a4666',
+'60cd9d37-e494-4d5a-8e43-f6ae56de4a8b',
+'e7196e18-85b8-4a33-b1ed-55e12647d8ee',
+'08a3801e-3a07-469a-9402-a16f549e5504',
+'de5cb9fe-f3d1-4574-b158-481467039f73',
+'034b8ea7-932f-4300-8a79-6ab230520303',
+'625acd03-4724-4364-ae7f-80d01ad9a010',
+'f91d9009-9752-4bfa-a7a1-5dd5140ea7e4',
+'e1639545-7007-4480-9eb7-9dc9275b08c0',
+'9fc359d6-96cc-41c3-9b15-e39075a80773',
+'844283bd-4405-4960-bcfd-60787943ebb2',
+'83441cec-b978-4c86-8f38-4990a6f801fa'
+];
+
+var cookie = 'eyJlbmMiOiJBMTI4R0NNIiwiYWxnIjoiZGlyIn0..g_quklaTBObV8t_7.qBxGfwZJCSYacRTAgEjT5tew7Wu4TLfi--eMF3RMcQ6YNX4t4WvmAaMNzYZsM-1rxk_1d8MiToX5o28ze1PbYYzvpEFmHbq3moDYciAtBtAX4XYWpeRXcxEodNQPkEHobTxu2HlTdZ9PRIkoG0GQsHKlh1c7mVNNGiV9mh6uaC4khuww0E1XT95CJ1IbABesGJVMLKbxpfJZrVVIcB_d33G2tSdmgOI9hOIMLzxDd7a-rw_xof5pSO2IRKY7BR7deLvR7vnna0E1p7swr8rn0-Z7Oju6mEHVaiQFKhc5qSJ0bbyepaJK_423xbpebhPK3sha5cHcDQ.ZAJahhq0jywXXtsQJdIwAA'
+  // `hubspotutk=16a1a87aa2619d05a3b243465398afe2; __hssrc=1; __hs_opt_out=no; _gcl_au=1.1.257646006.1699627332; _mkto_trk=id:231-EAT-840&token:_mch-northpass.com-1699627331781-46572; _hjSessionUser_2417418=eyJpZCI6IjRkMzZhOWU5LWQxZTgtNTI3Zi1iMDZiLTk3YWJmODg4Y2U5NSIsImNyZWF0ZWQiOjE2ODk4Nzk2MTIwOTksImV4aXN0aW5nIjp0cnVlfQ==; _ga_GLWTVTSBVN=GS1.1.1704399186.8.0.1704399186.0.0.0; _ga_CVC1QXBD6E=GS1.1.1704473280.3.1.1704473575.0.0.0; _uetvid=a71a7b20272f11ee93daafc842aae189; _gid=GA1.2.172851114.1705960963; _session_id=038fdf4715fcf2d5e411eb2a9fce9a11; _hp2_id.2985201423=%7B%22userId%22%3A%225278871526655447%22%2C%22pageviewId%22%3A%222204775687357553%22%2C%22sessionId%22%3A%222222992091849759%22%2C%22identity%22%3A%2282c6547e-9cb3-45d1-8d83-4de2ce7018b4%22%2C%22trackerVersion%22%3A%224.0%22%2C%22identityField%22%3Anull%2C%22isIdentified%22%3A1%2C%22oldIdentity%22%3Anull%7D; _ga_DH1TXFX4G9=GS1.2.1706114711.39.1.1706114739.0.0.0; _ga_P9B5NN0FGB=GS1.1.1706123834.2.0.1706123836.0.0.0; _ga_330139028=GS1.1.1706129948.23.0.1706129948.0.0.0; _ga=GA1.2.152075138.1689879612; __hstc=14674344.16a1a87aa2619d05a3b243465398afe2.1699627329493.1706117544318.1706129948865.24; _ga_S72BKGGFGS=GS1.1.1706129948.25.1.1706129961.47.0.0`
+var data = '_method=post&authenticity_token=AA3GSfHZL6b6oDcWy6tj4iAnwEOT2-w2EecsU4L6Sj_JCGnAbsw8NLHo739-6BRdgPB-q9hkOZR0fTt7iH0k9w'
+
+// {
+//     '_method': 'post',
+//     'authenticity_token': 'LWBjOpig67H5%2FKaUsjcX2onIW3mYSyPwW3SXZqMlle8xOoR4trYX14pxlSaSoOuQMh4BNu4igpws%2B24B%2Bdd%2BXQ%3D%3D'
+// }
+
+function wait(ms) {
+    return new Promise(r => setTimeout(r, ms));
+}
+
+function createScormCourses(scormUuids, num) {
+    let page = num;
+    axios({
+            method: 'post',
+            url: 'https://app.northpass.com/media/' + scormUuids[page] + '/courses',
+            data: data,
+            headers: {
+                'accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',
+                'content-type': 'application/x-www-form-urlencoded',
+                'cookie': cookie
+            }
+        })
+        .then(res => {
+            //console.log(res.data.links.next != null);
+            if (page < scormUuids.length) {
+                console.log(res.status + ' ' + scormUuids[page])
+                page++;
+                wait(200)
+                createScormCourses(scormUuids, page)
+            } else {
+
+                console.log("complete")
+
+            }
+            //console.log(schoolGroups)
+            //return schoolGroups;
+        })
+        .catch(err => {
+            console.log(err);
+        });
+};
+
+createScormCourses(scormUuids, 0)
diff --git a/Scripts/temp.py b/Scripts/temp.py
new file mode 100644
index 00000000..a83e28c4
--- /dev/null
+++ b/Scripts/temp.py
@@ -0,0 +1,5 @@
+propslist = '["Anthology 101: Essential", "Anthology Student: Essential", "Power BI: Essential", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""]'
+# propslist.split(',')
+props = propslist.replace(']','').replace('[','').replace('"",','')
+props2 = props.replace('"','')
+print(props2)
diff --git a/Todos.md b/Todos.md
index 1120904c..2fa08641 100644
--- a/Todos.md
+++ b/Todos.md
@@ -82,7 +82,7 @@ message](https://northpasshq.slack.com/archives/C04RER4PH09/p1709147957374999?th
 
 ## 03-01-2024
 
-- [ ] Ask Katie/KC for all the domain > account group mappings.
+- [X] Ask Katie/KC for all the domain > account group mappings.
 - [ ] Look into Looker Reporting for Group Count, at least 1% in progress, etc
   - [ ] Report with Groups and Group Members Count
 - [X] Test ILTs without dates for more than 1 session.
@@ -90,7 +90,7 @@ message](https://northpasshq.slack.com/archives/C04RER4PH09/p1709147957374999?th
 ## 03-04-2024
 
 - [X] Intro Dirk (DataSnipper) to Allyson
-- [ ] Cin7 - End of Quiz Screen for Surveys - Activity: "Feature Course Survey", Message: "Thank you for your feedback."
+- [X] Cin7 - End of Quiz Screen for Surveys - Activity: "Feature Course Survey", Message: "Thank you for your feedback."
 
 ## 03-05-2024
 
@@ -101,4 +101,8 @@ message](https://northpasshq.slack.com/archives/C04RER4PH09/p1709147957374999?th
 ## 03-06-2024
 
 - [ ] Begin project plan of moving Spark from Groups to Catalog.
-- [ ] Create template of renewal exec check in for team.
+- [X] Create template of renewal exec check in for team.
+
+## 03-07-2024
+
+- [X] Intro Lindsey to Zenjob