From a62a76f5d13ee5942043aa105baace32c4fc5c64 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Tue, 25 Feb 2025 17:01:36 -0500
Subject: [PATCH] Custom Templates for DeepL backed up and EmailMonkey. GS
 University was also re-downloaded. Then small scripts updated like for Chubb.

---
 .../DeepL/_account_avatar.html.liquid         |  66 +++
 .../DeepL/_account_desktop_view.html.liquid   |  19 +
 .../DeepL/_account_form.html.liquid           | 139 +++++
 .../DeepL/_account_mobile_view.html.liquid    |  17 +
 .../DeepL/_account_tabs.html.liquid           |  23 +
 .../DeepL/_all_courses.html.liquid            | 124 +++++
 .../DeepL/_all_lp.html.liquid                 |  81 +++
 .../DeepL/_banner.html.liquid                 |  64 +++
 .../DeepL/_cards_course.html.liquid           |  54 ++
 .../DeepL/_cards_learning_path.html.liquid    |  63 +++
 .../DeepL/_cards_resources.html.liquid        |  60 ++
 .../DeepL/_cards_training_event.html.liquid   |  89 +++
 .../DeepL/_carousel-filters.html.liquid       | 136 +++++
 .../DeepL/_catalog-filters.html.liquid        |  88 +++
 .../_certificates_info_column.html.liquid     |   4 +
 .../DeepL/_certificates_metadata.html.liquid  |  59 ++
 .../DeepL/_certificates_preview.html.liquid   |  35 ++
 .../DeepL/_certificates_top_bar.html.liquid   |  44 ++
 .../_certificates_verification.html.liquid    |  15 +
 .../DeepL/_course_activity_locked.html.liquid |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 +
 .../DeepL/_course_categories.html.liquid      |   7 +
 .../DeepL/_course_description.html.liquid     |   4 +
 .../DeepL/_course_desktop_view.html.liquid    | 150 +++++
 .../DeepL/_course_events.html.liquid          |  28 +
 .../DeepL/_course_header.html.liquid          |  16 +
 .../DeepL/_course_instructors.html.liquid     |  22 +
 .../DeepL/_course_mobile_view.html.liquid     |  40 ++
 .../DeepL/_course_outline.html.liquid         |  77 +++
 .../_course_progress_and_cta.html.liquid      |  77 +++
 ..._course_version_outdated_alert.html.liquid |   7 +
 ..._course_version_outdated_popup.html.liquid |  33 ++
 .../DeepL/_courses_catalog.html.liquid        |  16 +
 .../DeepL/_courses_index.html.liquid          |  16 +
 .../DeepL/_courses_zero_state.html.liquid     |   6 +
 .../DeepL/_filter_checkbox.html.liquid        |  10 +
 .../DeepL/_filter_dropdown.html.liquid        |  40 ++
 .../DeepL/_filter_select.html.liquid          |  25 +
 .../DeepL/_filters-learning_path.html.liquid  | 110 ++++
 .../DeepL/_footer.html.liquid                 | 154 ++++++
 .../DeepL/_head.html.liquid                   |  25 +
 .../DeepL/_header.html.liquid                 | 516 ++++++++++++++++++
 .../DeepL/_header_minimal.html.liquid         |  17 +
 .../DeepL/_learning_path_banners.html.liquid  |   5 +
 .../_learning_path_categories.html.liquid     |   7 +
 .../_learning_path_certificate.html.liquid    |  17 +
 ...rning_path_certificate_content.html.liquid |  19 +
 ...learning_path_completed_banner.html.liquid |  13 +
 .../DeepL/_learning_path_course.html.liquid   |  80 +++
 .../_learning_path_description.html.liquid    |   4 +
 ..._learning_path_desktop_content.html.liquid |  19 +
 .../_learning_path_desktop_header.html.liquid |  12 +
 .../_learning_path_desktop_view.html.liquid   |  76 +++
 .../_learning_path_instructors.html.liquid    |   1 +
 .../_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 +
 .../DeepL/_learning_path_outline.html.liquid  |  10 +
 ...learning_path_progress_and_cta.html.liquid |  52 ++
 ...ning_path_summary_desktop_view.html.liquid |   3 +
 ...rning_path_summary_mobile_view.html.liquid |   5 +
 ...learning_path_training_session.html.liquid |  53 ++
 .../DeepL/_learning_paths_index.html.liquid   |  14 +
 .../DeepL/_messages.html.liquid               |  19 +
 .../DeepL/_on_demand.html.liquid              |  73 +++
 .../DeepL/_on_demand_cards.html.liquid        |  27 +
 .../DeepL/_popular.html.liquid                | 144 +++++
 .../DeepL/_recommended.html.liquid            |  92 ++++
 .../DeepL/_resources-filters.html.liquid      |  94 ++++
 .../DeepL/_resources_content.html.liquid      | 117 ++++
 .../DeepL/_search_result.html.liquid          |  19 +
 .../DeepL/_search_zero_state.html.liquid      |  13 +
 .../DeepL/_sub_navigation.html.liquid         |  13 +
 .../_training_events_dashboard.html.liquid    |   9 +
 .../DeepL/_training_events_filter.html.liquid |  53 ++
 .../DeepL/_training_events_index.html.liquid  |  21 +
 .../_training_events_zero_state.html.liquid   |   9 +
 .../_training_session_calendars.html.liquid   |  52 ++
 .../DeepL/_training_session_cta.html.liquid   |  40 ++
 .../DeepL/_training_session_date.html.liquid  |  16 +
 .../_training_session_description.html.liquid |   6 +
 ..._training_session_desktop_view.html.liquid |  48 ++
 .../_training_session_details.html.liquid     |  23 +
 .../_training_session_header.html.liquid      |  11 +
 .../_training_session_mobile_view.html.liquid |  27 +
 ...training_session_more_sessions.html.liquid |   3 +
 .../_training_session_status.html.liquid      |   6 +
 .../DeepL/_training_session_tile.html.liquid  |  24 +
 .../DeepL/_upcoming_webinars.html.liquid      |  64 +++
 .../DeepL/_webinars.html.liquid               |  45 ++
 .../_your_cards_training_event.html.liquid    | 112 ++++
 .../DeepL/_your_courses.html.liquid           | 143 +++++
 .../DeepL/_your_lp.html.liquid                | 143 +++++
 .../DeepL/_your_webinars.html.liquid          |  64 +++
 .../DeepL/account.html.liquid                 |  15 +
 .../DeepL/auth_url_email.html.liquid          |  59 ++
 .../DeepL/auth_url_employee.html.liquid       |  59 ++
 .../DeepL/auth_url_phone_number.html.liquid   |  40 ++
 .../DeepL/auth_url_terms.html.liquid          |  74 +++
 .../DeepL/catalog.html.liquid                 |  26 +
 .../DeepL/course.html.liquid                  |   7 +
 .../DeepL/courses.html.liquid                 |  11 +
 .../DeepL/dashboard.html.liquid               |   3 +
 .../DeepL/forgot_password.html.liquid         |  25 +
 .../DeepL/homepage.html.liquid                | 154 ++++++
 .../DeepL/learning_path.html.liquid           |  10 +
 .../DeepL/learning_path_summary.html.liquid   |  10 +
 .../DeepL/learning_paths.html.liquid          |  27 +
 .../DeepL/login.html.liquid                   |  53 ++
 .../DeepL/master.html.liquid                  |   1 +
 .../DeepL/not_found.html.liquid               |  10 +
 .../DeepL/private_certificate.html.liquid     |  10 +
 .../DeepL/public_certificate.html.liquid      |  10 +
 .../DeepL/reset_password.html.liquid          |  43 ++
 .../DeepL/resources.html.liquid               |  15 +
 .../DeepL/search.html.liquid                  |  36 ++
 .../DeepL/sign_up.html.liquid                 |  72 +++
 .../DeepL/styles.css.liquid                   | 338 ++++++++++++
 .../DeepL/training_events.html.liquid         |  33 ++
 .../DeepL/training_session.html.liquid        | 111 ++++
 .../training_session_attendance.html.liquid   |  43 ++
 .../DeepL/transcript.html.liquid              |   8 +
 .../DeepL/unsubscribe.html.liquid             |  30 +
 .../_account_avatar.html.liquid               |  66 +++
 .../_account_desktop_view.html.liquid         |  19 +
 .../_account_form.html.liquid                 | 139 +++++
 .../_account_mobile_view.html.liquid          |  17 +
 .../_account_tabs.html.liquid                 |  32 ++
 .../_bundle_description.html.liquid           |   6 +
 .../_bundle_desktop_header.html.liquid        |  12 +
 .../_bundle_product_desktop_view.html.liquid  |  21 +
 .../_bundle_product_mobile_view.html.liquid   |  27 +
 .../_bundle_product_outline.html.liquid       |  12 +
 .../_cards_catalog_item.html.liquid           |  38 ++
 .../_cards_course.html.liquid                 |  34 ++
 .../_cards_learning_path.html.liquid          |  69 +++
 .../_cards_training_event.html.liquid         |  53 ++
 .../_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_events.html.liquid                |  28 +
 .../_course_header.html.liquid                |  16 +
 .../_course_instructors.html.liquid           |  22 +
 .../_course_mobile_view.html.liquid           |  40 ++
 .../_course_outline.html.liquid               |  40 ++
 .../_course_product_desktop_view.html.liquid  |  41 ++
 .../_course_product_mobile_view.html.liquid   |  31 ++
 .../_course_progress_and_cta.html.liquid      |  48 ++
 ..._course_version_outdated_alert.html.liquid |   7 +
 ..._course_version_outdated_popup.html.liquid |  33 ++
 .../_courses_catalog.html.liquid              |  16 +
 .../_courses_index.html.liquid                |  16 +
 .../_courses_zero_state.html.liquid           |   6 +
 .../_filter_checkbox.html.liquid              |  10 +
 .../_filter_dropdown.html.liquid              |  33 ++
 .../_filter_select.html.liquid                |  22 +
 .../EmailMonkey with PX/_footer.html.liquid   |  97 ++++
 .../EmailMonkey with PX/_head.html.liquid     |   3 +
 .../EmailMonkey with PX/_header.html.liquid   | 232 ++++++++
 .../_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 +
 ...ning_path_product_desktop_view.html.liquid |  22 +
 ...rning_path_product_mobile_view.html.liquid |  34 ++
 ..._learning_path_product_outline.html.liquid |  10 +
 ...learning_path_progress_and_cta.html.liquid |  23 +
 ...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 +
 .../EmailMonkey with PX/_messages.html.liquid |  19 +
 .../_product_expiration_date.html.liquid      |   7 +
 .../_product_outline.html.liquid              |  25 +
 .../_product_outline_course.html.liquid       |  82 +++
 .../_product_outline_event.html.liquid        |  49 ++
 .../_product_outline_lp.html.liquid           |  65 +++
 .../_product_price_and_cta.html.liquid        |  12 +
 .../_search_result.html.liquid                |  19 +
 .../_search_zero_state.html.liquid            |  13 +
 .../_sub_navigation.html.liquid               |  13 +
 .../_training_event_desktop_view.html.liquid  |  42 ++
 .../_training_event_mobile_view.html.liquid   |  23 +
 ...ing_event_preview_desktop_view.html.liquid |  42 ++
 ...ning_event_preview_mobile_view.html.liquid |  23 +
 ...ng_event_preview_more_sessions.html.liquid |   3 +
 ...ing_event_preview_session_tile.html.liquid |  18 +
 .../_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         |  35 ++
 .../_training_session_date.html.liquid        |  16 +
 .../_training_session_description.html.liquid |   6 +
 ..._training_session_desktop_view.html.liquid |  43 ++
 .../_training_session_details.html.liquid     |  23 +
 .../_training_session_header.html.liquid      |   7 +
 .../_training_session_mobile_view.html.liquid |  27 +
 ...training_session_more_sessions.html.liquid |   3 +
 .../_training_session_status.html.liquid      |   6 +
 .../_training_session_tile.html.liquid        |  24 +
 .../EmailMonkey with PX/account.html.liquid   |  15 +
 .../auth_url_email.html.liquid                |  59 ++
 .../auth_url_employee.html.liquid             |  59 ++
 .../auth_url_phone_number.html.liquid         |  40 ++
 .../auth_url_terms.html.liquid                |  74 +++
 .../bundle_product.html.liquid                |  10 +
 .../EmailMonkey with PX/catalog.html.liquid   |  23 +
 .../commerce_cart.html.liquid                 |   7 +
 .../commerce_catalog.html.liquid              |  28 +
 .../commerce_checkout.html.liquid             |   7 +
 .../commerce_order_details.html.liquid        |   7 +
 .../commerce_order_history.html.liquid        |   8 +
 .../commerce_redeem.html.liquid               |   7 +
 .../commerce_return.html.liquid               |   7 +
 .../EmailMonkey with PX/course.html.liquid    |  10 +
 .../course_product.html.liquid                |  10 +
 .../EmailMonkey with PX/courses.html.liquid   |  11 +
 .../EmailMonkey with PX/dashboard.html.liquid |  28 +
 .../forgot_password.html.liquid               |  25 +
 .../EmailMonkey with PX/homepage.html.liquid  |  52 ++
 .../learning_path.html.liquid                 |  10 +
 .../learning_path_product.html.liquid         |  10 +
 .../learning_path_summary.html.liquid         |  10 +
 .../learning_paths.html.liquid                |  14 +
 .../EmailMonkey with PX/login.html.liquid     |  53 ++
 .../EmailMonkey with PX/master.html.liquid    |   1 +
 .../EmailMonkey with PX/not_found.html.liquid |  10 +
 .../private_certificate.html.liquid           |  10 +
 .../public_certificate.html.liquid            |  10 +
 .../reset_password.html.liquid                |  43 ++
 .../EmailMonkey with PX/search.html.liquid    |  27 +
 .../EmailMonkey with PX/sign_up.html.liquid   |  72 +++
 .../EmailMonkey with PX/styles.css.liquid     |  18 +
 .../training_event_preview.html.liquid        |  10 +
 .../training_events.html.liquid               |  19 +
 .../training_session.html.liquid              |  10 +
 .../training_session_attendance.html.liquid   |  43 ++
 .../transcript.html.liquid                    |   8 +
 .../unsubscribe.html.liquid                   |  30 +
 .../Gainsight University/.DS_Store            | Bin 0 -> 6148 bytes
 .../_cards_training_event.html.liquid         |   3 +-
 .../_catalog_filter_sidebar.html.liquid       |  11 +-
 .../_course_progress_and_cta.html.liquid      |  52 +-
 .../_dashboard-states.html.liquid             | 117 ++++
 .../Gainsight University/_header.html.liquid  |  43 ++
 ...learning_path_completed_banner.html.liquid |   2 +-
 ...learning_path_progress_and_cta.html.liquid |   5 +-
 .../_product_expiration_date.html.liquid      |   7 +
 .../_product_price_and_cta.html.liquid        |   6 +-
 ...raining_events_sidebar_filters.html.liquid |  61 ++-
 .../Gainsight University/catalog.html.liquid  |   1 -
 .../commerce_catalog.html.liquid              |   3 +-
 .../commerce_unlock.html.liquid               |   7 -
 .../Gainsight University/course.html.liquid   |  10 +
 .../dashboard.html.liquid                     |   8 +-
 .../Gainsight University/faq.html.liquid      |  33 +-
 ...ainsight-nxt-admin-certificate.html.liquid |   3 +-
 .../Gainsight University/sign_up.html.liquid  |   2 +-
 .../Gainsight University/styles.css.liquid    |   2 +-
 .../training_events.html.liquid               |  81 +--
 .../Norms-Sandbox-v3/_head.html.liquid        |  48 +-
 .../Norms-Sandbox-v3/_header.html.liquid      |   1 +
 Scripts/API_Tests/Apikeys.py                  |   1 +
 .../__pycache__/Apikeys.cpython-310.pyc       | Bin 1669 -> 1709 bytes
 Scripts/API_Tests/bulk_invite_and_props.py    |   2 +-
 Tasks.md                                      |  19 +-
 288 files changed, 9886 insertions(+), 152 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/DeepL/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_account_tabs.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_all_courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_all_lp.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_cards_resources.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_carousel-filters.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_catalog-filters.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_filters-learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_on_demand.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_on_demand_cards.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_popular.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_recommended.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_resources-filters.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_resources_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_status.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_upcoming_webinars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_webinars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_your_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_your_lp.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/_your_webinars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/resources.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/transcript.html.liquid
 create mode 100644 Custom_Templates/customer_templates/DeepL/unsubscribe.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_account_tabs.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_cards_catalog_item.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_expiration_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_lp.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_product_price_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_status.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/bundle_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_cart.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_checkout.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_history.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_redeem.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/commerce_return.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/course_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_product.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/training_event_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/transcript.html.liquid
 create mode 100644 Custom_Templates/customer_templates/EmailMonkey with PX/unsubscribe.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Gainsight University/.DS_Store
 create mode 100644 Custom_Templates/customer_templates/Gainsight University/_dashboard-states.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Gainsight University/_product_expiration_date.html.liquid
 delete mode 100644 Custom_Templates/customer_templates/Gainsight University/commerce_unlock.html.liquid

diff --git a/Custom_Templates/customer_templates/DeepL/_account_avatar.html.liquid b/Custom_Templates/customer_templates/DeepL/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_account_form.html.liquid b/Custom_Templates/customer_templates/DeepL/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_account_tabs.html.liquid b/Custom_Templates/customer_templates/DeepL/_account_tabs.html.liquid
new file mode 100644
index 00000000..f4de6c8e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_account_tabs.html.liquid
@@ -0,0 +1,23 @@
+{% capture settings_path %}{% route account %}{% endcapture %}
+{% capture transcript_path %}{% route transcript %}{% endcapture %}
+
+{% if current_person.signed_in? %}
+{% unless current_school.sso_active? %}
+  <nav class="np-tabs np-account-tabs">
+    <div class="np-tabs-content">
+      <div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ settings_path}}">
+          {% t .profile_settings %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+      <div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ transcript_path }}">
+          {% t .transcript %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+    </div>
+  </nav>
+{% endunless %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/DeepL/_all_courses.html.liquid b/Custom_Templates/customer_templates/DeepL/_all_courses.html.liquid
new file mode 100644
index 00000000..f74284e3
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_all_courses.html.liquid
@@ -0,0 +1,124 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+        Browse all courses
+    </div>
+    <div class="heading lang-de">
+        Alle Kurse durchsuchen
+    </div>
+    <div class="carousel-filters-wrapper">
+        {% include 'catalog-filters' %}
+    </div>
+    <div class="catalog-courses-wrapper">
+        {% for course in courses.enrolled %}
+            {% unless course.properties.resource or course.properties.on_demand%}
+                {% if course.properties.language == userLanguage %}
+                <div class="catalog-course-container">{% include "cards_course" %}</div>
+                {% endif %}
+            {% endunless %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .catalog-courses-wrapper {
+        display: grid;
+        grid-template-columns: repeat(4,1fr);
+        gap: 20px;
+        margin-top: 30px;
+    }
+    .all-courses-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+    @media only screen and (max-width: 1170px) { 
+        .catalog-courses-wrapper {
+            grid-template-columns: repeat(2,1fr);
+        }
+    }
+    @media only screen and (max-width: 768px) { 
+        .catalog-courses-wrapper {
+            grid-template-columns: repeat(1,1fr);
+        }
+    }
+</style>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+    const filters = document.querySelectorAll('.filter');
+    const cards = document.querySelectorAll('.catalog-course-container .card');
+
+    let activeFilter = null; 
+
+    filters.forEach(filter => {
+        filter.addEventListener('click', function() {
+            const value = filter.getAttribute('value');
+
+            if (activeFilter === value) {
+                activeFilter = null;
+                filter.classList.remove('filter-active');
+            } else {
+                activeFilter = value;
+                
+                filters.forEach(f => f.classList.remove('filter-active'));
+                filter.classList.add('filter-active');
+            }
+
+            filterCourses();
+        });
+    });
+
+    function filterCourses() {
+        if (!activeFilter) {
+            cards.forEach(card => {
+                card.parentElement.style.display = 'block';
+            });
+        } else {
+            cards.forEach(card => {
+                const cardCategories = card.getAttribute('categories').split(',');
+                if (cardCategories.includes(activeFilter)) {
+                    card.parentElement.style.display = 'block';
+                } else {
+                    card.parentElement.style.display = 'none';
+                }
+            });
+        }
+    }
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_all_lp.html.liquid b/Custom_Templates/customer_templates/DeepL/_all_lp.html.liquid
new file mode 100644
index 00000000..de38506b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_all_lp.html.liquid
@@ -0,0 +1,81 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+        Browse all learning paths
+    </div>
+    <div class="heading lang-de">
+        Alle Lernpfade durchsuchen
+    </div>
+
+    <div class="all-lp-wrapper">
+        {% for learning_path in learning_paths.enrolled %}
+            {% for category in learning_path.categories %}
+                {% if category.name == userLanguage %}
+                    <div class="carousel-card">
+                        {% include "cards_learning_path" %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .all-lp-wrapper {
+        display: grid;
+        grid-template-columns: repeat(4,1fr);
+        gap: 20px;
+        margin-top: 30px;
+    }
+    .all-lp-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+@media only screen and (max-width: 1170px) { 
+    .all-lp-wrapper {
+        grid-template-columns: repeat(2,1fr);
+    }
+}
+@media only screen and (max-width: 768px) { 
+    .all-lp-wrapper {
+        grid-template-columns: repeat(1,1fr);
+    }
+}
+</style>
+
diff --git a/Custom_Templates/customer_templates/DeepL/_banner.html.liquid b/Custom_Templates/customer_templates/DeepL/_banner.html.liquid
new file mode 100644
index 00000000..708aa599
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_banner.html.liquid
@@ -0,0 +1,64 @@
+<div class="banner-container">
+    <div class="banner-content">
+        <div class="banner-text-wrapper">
+            <div class="banner-heading">
+                Become part of the DeepL community
+            </div>
+            <div class="desc">
+                Join our vibrant community today and connect with like-minded individuals from around the world! Share your ideas, passions, and experiences while learning from others.
+            </div>
+        </div>
+        <div class="banner-btn-container">
+            <a href="#" class="dark-btn">Join us now</a>
+        </div>
+    </div>
+    <div class="banner-image-wrapper">
+        <img src="https://s3.amazonaws.com/static.northpass.com/DeepL/images/Group+427321804.png" alt="" class="banner-img">
+    </div>
+</div>
+
+<style>
+    .banner-container {
+        display: flex;
+        gap: 20px;
+        background: #F8F8F8;
+        padding: 32px;
+        border-radius: 8px;
+
+    }
+    .banner-content, .banner-image-wrapper {
+        flex-basis: 50%;
+    }
+    .banner-content {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+    .banner-heading {   
+        font-size: 80px;
+        font-weight: 300;
+        line-height: 80px;
+        letter-spacing: -0.015em;
+        text-align: left;
+        margin-bottom: 32px;
+    }
+    .desc {
+        font-size: 18px;
+        font-weight: 400;
+        line-height: 25.2px;
+    }
+    .banner-img {
+        width: 100%;
+        max-width: 440px;
+        height: fit-content;
+    }
+    .banner-image-wrapper {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .banner-btn-container {
+        display: flex;
+        margin-top: 15%;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_cards_course.html.liquid b/Custom_Templates/customer_templates/DeepL/_cards_course.html.liquid
new file mode 100644
index 00000000..d67c7f3d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_cards_course.html.liquid
@@ -0,0 +1,54 @@
+<div class="card" categories="{% for category in course.categories %}{{category.name}},{% endfor %}" progress="{% if course.progress > 0 and course.progress < 100 %}In progress{% elsif course.progress == 100 %}Completed{% else %}Not started{% endif %}">
+  <div class="card-container">
+    <img
+      class="card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="card-content">
+      <div class="card-details">
+        <div class="card-detail course-lessons lang-en">
+          {{course.activities_count}} lessons
+        </div>
+        <div class="card-detail course-lessons lang-de">
+          {{course.activities_count}} Lektionen
+        </div>
+        <div class="card-detail course-time lang-en">
+          {{course.properties.course_time}} minutes
+        </div>
+        <div class="card-detail course-time lang-de">
+          {{course.properties.course_time}} Minuten
+        </div>
+      </div>
+      <div class="card-content-title">
+        {{ course.name }}
+      </div>
+      <div class="course-content-desc">
+        {{ course.short_description }}
+      </div>
+      <div class="course-progress-container">
+        <div class="progress-number">{{course.progress}}%</div>
+        <div class="course-progress">
+          <span class="course-progress-bar" style="width: {{course.progress}}%;"></span>
+        </div>
+      </div>
+      <div class="card-content-footer">
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        <a class="card-btn dark-btn lang-en" href="{{ course_path }}">
+          {% if course.progress == 0 %}
+            Get started
+            {% else %} 
+              Continue
+          {% endif %}
+        </a>
+        <a class="card-btn dark-btn lang-de" href="{{ course_path }}">
+          {% if course.progress == 0 %}
+            Loslegen
+            {% else %} 
+            Weiter
+          {% endif %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/DeepL/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..f7f4b134
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_cards_learning_path.html.liquid
@@ -0,0 +1,63 @@
+<div class="card">
+<div class="card-container">
+  <img
+    class="card-image"
+    alt="{{ learning_path.name }}"
+    src="{{ learning_path.image_url }}"
+  >
+  <div class="card-content">
+    <div class="card-details-lp">
+      <div class="card-detail lang-en">
+        {% assign lessons = 0 %}
+        {% for item in learning_path.items %}
+          {% assign lessons = lessons |  plus: 1 %}
+        {% endfor %}
+        {{lessons}}
+        Lessons
+      </div>
+      <div class="card-detail lang-de">
+        {% assign lessons = 0 %}
+        {% for item in learning_path.items %}
+          {% assign lessons = lessons |  plus: 1 %}
+        {% endfor %}
+        {{lessons}}
+        Lektionen
+      </div>
+      {% if learning_path.has_certificate? %}
+        <div class="cert-tag lang-en">
+          Certification
+        </div>
+        <div class="cert-tag lang-de">
+          Zertifizierung
+        </div>
+      {% endif %}
+    </div> 
+    <div class="card-content-title">
+      {{ learning_path.name }}
+    </div>
+    <div class="course-progress-container">
+      <div class="progress-number">{{learning_path.progress}}%</div>
+      <div class="course-progress">
+        <span class="course-progress-bar" style="width: {{learning_path.progress}}%;"></span>
+      </div>
+    </div>
+    <div class="card-content-footer">
+      <a class="card-btn dark-btn lang-en" href="{% route learning_path, id: learning_path.id %}">
+        {% if learning_path.progress == 0 %}
+          Get started
+          {% else %}
+            Continue
+        {% endif %}
+      </a>
+      <a class="card-btn dark-btn lang-de" href="{% route learning_path, id: learning_path.id %}">
+        {% if learning_path.progress == 0 %}
+          Loslegen
+          {% else %}
+          Weiter
+        {% endif %}
+      </a>
+    </div>
+  </div>
+</div>
+</div>
+
diff --git a/Custom_Templates/customer_templates/DeepL/_cards_resources.html.liquid b/Custom_Templates/customer_templates/DeepL/_cards_resources.html.liquid
new file mode 100644
index 00000000..bdb3f3e6
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_cards_resources.html.liquid
@@ -0,0 +1,60 @@
+<div class="card" categories="{% for category in course.categories %}{{category.name}},{% endfor %}" progress="{% if course.progress > 0 and course.progress < 100 %}In progress{% elsif course.progress == 100 %}Completed{% else %}Not started{% endif %}">
+<div class="card-container">
+  <img
+    class="card-image"
+    alt="{{ course.name }}"
+    src="{{ course.image_url }}"
+  >
+  <div class="card-content">
+    <div class="card-details">
+      <div class="card-detail course-lessons">
+        {% for category in course.categories %}
+            {% if category.name == 'PDF' %}
+                PDF
+            {% elsif category.name == 'Video'  %} 
+                Video
+            {% endif %}
+        {% endfor %}
+      </div>
+      <div class="card-detail course-time">
+        {{course.properties.course_time}} minutes
+      </div>
+    </div>
+    <div class="card-content-title">
+      {{ course.name }}
+    </div>
+
+    <div class="card-content-footer">
+      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+      <a class="card-btn dark-btn lang-en" 
+      {% if course.enrolled? %}
+        href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+      {% else %}
+        href="{{ course_path }}"
+      {% endif %}>
+        {% for category in course.categories %}
+          {% if category.name == 'PDF' %}
+              Read now
+          {% elsif category.name == 'Video'  %} 
+              Watch now
+          {% endif %}
+      {% endfor %}
+      </a>
+      <a class="card-btn dark-btn lang-de" 
+      {% if course.enrolled? %}
+        href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+      {% else %}
+        href="{{ course_path }}"
+      {% endif %}>
+        {% for category in course.categories %}
+          {% if category.name == 'PDF' %}
+            Jetzt lesen
+          {% elsif category.name == 'Video'  %} 
+            Jetzt anschauen
+          {% endif %}
+      {% endfor %}
+      </a>
+    </div>
+  </div>
+</div>
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/DeepL/_cards_training_event.html.liquid
new file mode 100644
index 00000000..3f1a2d08
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_cards_training_event.html.liquid
@@ -0,0 +1,89 @@
+<div class="card-webinar">
+      <div class="card-content-training-event">
+        <div class="card-content-title">
+          {{ training_event.title }}
+        </div>
+        <div class="card-details-webinar">
+        <div class="card-detail-webinar course-lessons">
+          <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M4 21.8149H20V22.8149H4V21.8149Z" fill="#42A2FF"/>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2.81494C7.22386 2.81494 7 3.0388 7 3.31494V14.8149C7 15.0172 7.12182 15.1995 7.30866 15.2769C7.4955 15.3543 7.71055 15.3115 7.85355 15.1685L10.2071 12.8149H21.5C21.7761 12.8149 22 12.5911 22 12.3149V3.31494C22 3.0388 21.7761 2.81494 21.5 2.81494H7.5ZM8 13.6078V3.81494H21V11.8149H10C9.86739 11.8149 9.74021 11.8676 9.64645 11.9614L8 13.6078ZM2 7.81494C2 7.5388 2.22386 7.31494 2.5 7.31494H6V8.31494H3V16.3149H14C14.1326 16.3149 14.2598 16.3676 14.3536 16.4614L15.5 17.6078V13.8149H16.5V18.8149C16.5 19.0172 16.3782 19.1995 16.1913 19.2769C16.0045 19.3543 15.7894 19.3115 15.6464 19.1685L13.7929 17.3149H2.5C2.22386 17.3149 2 17.0911 2 16.8149V7.81494ZM17 7.31494H16V8.31494H17V7.31494ZM14 7.31494H15V8.31494H14V7.31494ZM13 7.31494H12V8.31494H13V7.31494Z" fill="#42A2FF"/>
+          </svg>
+
+          {% t shared.event_types, key: training_event.event_type %}
+        </div>
+        <div class="card-detail-webinar course-time">
+          <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 21.8149H20V22.8149H4V21.8149Z" fill="#42A2FF"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5.31494V6.81494H6.5V5.31494H17.5V6.81494H18.5V5.31494H21V7.81494H3V5.31494H5.5ZM5.5 4.31494H2.5C2.22386 4.31494 2 4.5388 2 4.81494V19.3149C2 19.5911 2.22386 19.8149 2.5 19.8149H21.5C21.7761 19.8149 22 19.5911 22 19.3149V4.81494C22 4.5388 21.7761 4.31494 21.5 4.31494H18.5V2.81494H17.5V4.31494H6.5V2.81494H5.5V4.31494ZM3 8.81494V18.8149H21V8.81494H3ZM5.5 10.3149H8V11.3149H5.5V10.3149ZM9 10.3149H11.5V11.3149H9V10.3149ZM15 10.3149H12.5V11.3149H15V10.3149ZM16 10.3149H18.5V11.3149H16V10.3149ZM5.5 16.3149H8V17.3149H5.5V16.3149ZM11.5 16.3149H9V17.3149H11.5V16.3149ZM12.5 16.3149H18.5V17.3149H12.5V16.3149ZM8 13.3149H5.5V14.3149H8V13.3149ZM9 13.3149H11.5V14.3149H9V13.3149ZM15 13.3149H12.5V14.3149H15V13.3149ZM16 13.3149H18.5V14.3149H16V13.3149Z" fill="#42A2FF"/>
+          </svg>
+          {% t .sessions, count: training_event.sessions.size %}
+        </div>
+      </div>
+        <div class="card-training-session">
+          <span class="card-content-label lang-en">
+            Next session
+          </span>
+          <span class="card-content-label lang-de">
+            Nächste Sitzung
+          </span>
+
+
+          <div class="card-training-session-date">
+            <div class="card-training-session-date-day">
+              {{ training_event.sessions.first.day }}
+            </div>
+            <div>
+              <div class="card-training-session-date-month">
+                {{ training_event.sessions.first.month }}
+              </div>
+              <div class="card-training-session-date-year">
+                {{ training_event.sessions.first.year }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="card-footer">
+        <div class="card-training-sessions">
+          <a
+            class="card-btn dark-btn lang-en"
+            href="{% route training_session, id: training_event.sessions.first.id %}"
+          >
+            Register now
+          </a>
+          <a
+          class="card-btn dark-btn lang-de"
+          href="{% route training_session, id: training_event.sessions.first.id %}"
+        >
+        Jetzt registrieren
+        </a>
+        </div>
+      </div>
+</div>
+
+<style>
+  .card-webinar {
+  background: #f8f8f8;
+  padding: 32px;
+  border-radius: 8px;
+  margin: 0 20px 20px 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+}
+.card-details-webinar {
+  display: flex;
+  color: #42A2FF;
+  font-size: 14px;
+  font-weight: 400;
+  margin: 20px 0;
+}
+.card-detail-webinar {
+  padding-left: 5px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_carousel-filters.html.liquid b/Custom_Templates/customer_templates/DeepL/_carousel-filters.html.liquid
new file mode 100644
index 00000000..1369fea9
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_carousel-filters.html.liquid
@@ -0,0 +1,136 @@
+<div class="carousel-filters">
+    <div class="filters-container">
+        <div class="filter lang-en" value="Popular">Popular</div>
+        <div class="filter lang-de" value="Popular">Beliebt</div>
+        <div class="filter lang-en" value="Administration">Administration</div>
+        <div class="filter lang-de" value="Administration">Verwaltung</div>
+        <div class="filter lang-en" value="Products" >Products</div>
+        <div class="filter lang-de" value="Products" >Produkte</div>
+        <div class="filter lang-en" value="Features" >Features</div>
+        <div class="filter lang-de" value="Features" >Funktionen</div>
+    </div>
+    <div class="filter-dropdown-container">
+        <div class="text lang-en">Filter by progress:</div>
+        <div class="text lang-de">Nach Fortschritt filtern:</div>
+        <div class="filter-dropdown-block">
+            Not selected 
+            <svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.8142 0.52832H10.6423C10.5626 0.52832 10.4876 0.567383 10.4407 0.631445L6.00166 6.7502L1.5626 0.631445C1.51573 0.567383 1.44073 0.52832 1.36104 0.52832H0.189163C0.0876002 0.52832 0.0282252 0.643946 0.0876002 0.726758L5.59698 8.32207C5.79698 8.59707 6.20635 8.59707 6.40479 8.32207L11.9142 0.726758C11.9751 0.643946 11.9157 0.52832 11.8142 0.52832Z" fill="black" fill-opacity="0.25"/>
+            </svg>
+        </div>
+
+        <div class="filter-by-progress-dropdown hidden">
+            <div class="filter-by-progress-option lang-en" value="All courses">All courses</div>
+            <div class="filter-by-progress-option lang-de" value="All courses">Alle Kurse</div>
+            <div class="filter-by-progress-option lang-en" value="Not started">Not started</div>
+            <div class="filter-by-progress-option lang-de" value="Not started">Nicht gestartet</div>
+            <div class="filter-by-progress-option lang-en" value="In progress">In progress</div>
+            <div class="filter-by-progress-option lang-de" value="In progress">In Arbeit</div>
+            <div class="filter-by-progress-option lang-en" value="Completed">Completed</div>
+            <div class="filter-by-progress-option lang-de" value="Completed">Abgeschlossen</div>
+
+        </div>
+    </div>
+</div>
+
+<style>
+    .carousel-filters {
+       background: #EDEDED;
+       border-radius: 8px;
+       padding: 24px 32px;
+       margin-top: 30px;
+       display: flex;
+       justify-content: space-between;
+    }
+
+    .filters-container {
+        display: flex;
+        gap: 44px;
+        width: 100%;
+        align-items: center;
+    }
+    .filter {
+        font-size: 18px;
+        font-weight: 400;
+        line-height: 27px;
+        color: #0F2B46;
+        text-decoration: underline;
+        cursor: pointer;
+        padding: 5px 10px;
+    }
+    .filter-dropdown-container {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        justify-content: end;
+        width: 100%;
+        max-width: 290px;
+    }
+
+    .filter-dropdown-block {
+        background-color: white;
+        border: 1px solid #ccc;
+        padding: 10px;
+        cursor: pointer;
+        user-select: none;
+        max-width: 150px;
+        width: 100%;
+        border-radius: 12px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .filter-by-progress-dropdown {
+        background-color: white;
+        border: 1px solid #ccc;
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+        top: 40px;
+    }
+
+    .filter-by-progress-option {
+        padding: 10px;
+        cursor: pointer;
+    }
+
+    .filter-by-progress-option:hover {
+        background-color: #f0f0f0;
+    }
+
+    .hidden {
+        display: none;
+    }
+
+    .filter-active {
+        color: #42A2FF;
+    }
+</style>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        const dropdownBlock = document.querySelector('.filter-dropdown-block');
+        const dropdown = document.querySelector('.filter-by-progress-dropdown');
+        const options = document.querySelectorAll('.filter-by-progress-option');
+
+        dropdownBlock.addEventListener('click', function () {
+            dropdown.classList.toggle('hidden');
+        });
+
+        options.forEach(option => {
+            option.addEventListener('click', function () {
+                const selectedValue = option.getAttribute('value');
+                dropdownBlock.textContent = selectedValue;
+                dropdown.classList.add('hidden'); 
+            });
+        });
+
+        document.addEventListener('click', function (event) {
+            if (!dropdownBlock.contains(event.target) && !dropdown.contains(event.target)) {
+                dropdown.classList.add('hidden');
+            }
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_catalog-filters.html.liquid b/Custom_Templates/customer_templates/DeepL/_catalog-filters.html.liquid
new file mode 100644
index 00000000..9a65e743
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_catalog-filters.html.liquid
@@ -0,0 +1,88 @@
+<div class="carousel-filters">
+    <div class="filters-container">
+        <div class="filter lang-en" value="Popular">Popular</div>
+        <div class="filter lang-de" value="Popular">Beliebt</div>
+        <div class="filter lang-en" value="Administration">Administration</div>
+        <div class="filter lang-de" value="Administration">Verwaltung</div>
+        <div class="filter lang-en" value="Products" >Products</div>
+        <div class="filter lang-de" value="Products" >Produkte</div>
+        <div class="filter lang-en" value="Features" >Features</div>
+        <div class="filter lang-de" value="Features" >Funktionen</div>
+    </div>
+</div>
+
+<style>
+    .carousel-filters {
+       background: #EDEDED;
+       border-radius: 8px;
+       padding: 24px 32px;
+       margin-top: 30px;
+       display: flex;
+       justify-content: space-between;
+    }
+
+    .filters-container {
+        display: flex;
+        gap: 44px;
+        width: 100%;
+        align-items: center;
+    }
+    .filter {
+        font-size: 18px;
+        font-weight: 400;
+        line-height: 27px;
+        color: #0F2B46;
+        text-decoration: underline;
+        cursor: pointer;
+        padding: 5px 10px;
+    }
+    .filter-dropdown-container {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        justify-content: end;
+        width: 100%;
+        max-width: 290px;
+    }
+
+    .filter-dropdown-block {
+        background-color: white;
+        border: 1px solid #ccc;
+        padding: 10px;
+        cursor: pointer;
+        user-select: none;
+        max-width: 150px;
+        width: 100%;
+        border-radius: 12px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .filter-by-progress-dropdown {
+        background-color: white;
+        border: 1px solid #ccc;
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+        top: 40px;
+    }
+
+    .filter-by-progress-option {
+        padding: 10px;
+        cursor: pointer;
+    }
+
+    .filter-by-progress-option:hover {
+        background-color: #f0f0f0;
+    }
+
+    .hidden {
+        display: none;
+    }
+
+    .filter-active {
+        color: #42A2FF;
+    }
+</style>
diff --git a/Custom_Templates/customer_templates/DeepL/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/DeepL/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/DeepL/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/DeepL/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/DeepL/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/DeepL/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_categories.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_categories.html.liquid
new file mode 100644
index 00000000..7784cc94
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_course_categories.html.liquid
@@ -0,0 +1,7 @@
+<div class="overview-categories-wrapper">
+  {% for category in course.categories %}
+    <div class="category-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_course_description.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_description.html.liquid
new file mode 100644
index 00000000..74132067
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_course_description.html.liquid
@@ -0,0 +1,4 @@
+
+<div class="np-card-text">
+  {{ course.full_description }}
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..1ebbc48c
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_course_desktop_view.html.liquid
@@ -0,0 +1,150 @@
+<div class="overview-container">
+  <div class="overview-header-container">
+    <div class="overview-btn-container">
+      <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16 4.49991L1 4.49991M1 4.49991L4.33417 1.09082M1 4.49991L4.33417 7.909" stroke="#0F2B46" stroke-linejoin="round"/>
+      </svg>
+      <a href="/app/catalog" class="overview-back-btn">Back to all courses</a>
+    </div>
+    <div class="overview-heading">
+      {{ course.name }}
+    </div>
+  </div>
+
+  <div class="overview-content-container">
+    <div class="content-details">
+      <img
+        src="{{ course.image_url }}"
+        class="np-top-image np-top-image-spacing"
+        alt="{{ course.name }}"
+      />
+
+      {% include "course_description" %}
+
+      <div class="overview-details-container">
+        <div class="overview-detail">
+          <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M40 44.0001L8.00001 44L8.00001 42L40 42.0001L40 44.0001Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M24 36C31.732 36 38 29.732 38 22C38 14.268 31.732 8 24 8C16.268 8 10 14.268 10 22C10 29.732 16.268 36 24 36ZM24 38C32.8366 38 40 30.8366 40 22C40 13.1634 32.8366 6 24 6C15.1634 6 8 13.1634 8 22C8 30.8366 15.1634 38 24 38Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23 21L23 11L25 11L25 21L23 21Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M26.3397 22.2679L35 27.2679L34 29L25.3397 24L26.3397 22.2679Z" fill="#0F2B46"/>
+          </svg>
+          <div class="detail-content">
+            {{course.properties.course_time}} minutes
+          </div>
+        </div>
+
+        <div class="overview-detail">
+          <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M40 44.0033H8V42.0033H40V44.0033Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M34 23H24V21H34V23Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M19 18H14V16H19V18Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M34 30L24 30V28L34 28V30Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M19 25H14V23H19V25Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2368 4.35388C13.4268 4.12943 13.7059 4 14 4H29C29.5523 4 30 4.44772 30 5V10H28V6H14.4637L10 11.2727V31H19V33H9C8.44772 33 8 32.5523 8 32V10.9062C8 10.6696 8.08389 10.4407 8.23677 10.2601L13.2368 4.35388Z" fill="#0F2B46"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.2368 9.35388C23.4268 9.12943 23.7059 9 24 9H39C39.5523 9 40 9.44772 40 10V37C40 37.5523 39.5523 38 39 38H19C18.4477 38 18 37.5523 18 37V15.9062C18 15.6696 18.0839 15.4407 18.2368 15.2601L23.2368 9.35388ZM24.4637 11L20 16.2727V36H38V11H24.4637Z" fill="#0F2B46"/>
+          </svg>
+          <div class="detail-content">
+            {{course.activities_count}} lessons
+          </div>
+        </div>
+      </div>
+
+      {% if course.categories.any? %}
+          {% include "course_categories" %}
+      {% 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="content-activities">
+      <div class="np-top-cta">
+        {% include "course_progress_and_cta" %}
+      </div>
+      {% include "course_outline" %}
+    </div>
+  </div>
+</div>
+
+<style>
+  .overview-back-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    text-align: center;
+    color: #0F2B46;
+    text-decoration: none;
+  }
+  .overview-btn-container {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+  .overview-heading {
+    font-size: 48px;
+    font-weight: 320;
+    line-height: 50.4px;
+    letter-spacing: -0.015em;
+    color: #0F2B46;
+  }
+  .overview-header-container {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+  }
+  .overview-content-container {
+    display: grid;
+    margin-top: 30px;
+    grid-template-columns: repeat(2,1fr);
+    gap: 70px;
+  }
+  .overview-details-container {
+    display: flex;
+    gap: 30px;
+  }
+  .overview-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 13px;
+    align-items: start;
+  }
+  .detail-content {
+      font-size: 18px;
+      font-weight: 400;
+      line-height: 25.2px;
+      letter-spacing: -0.01em;
+      color: #0F2B46;
+  }
+  .category-item {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+    color: #0F2B46;
+    padding: 11px 12px;
+    background: #EDEDED;
+    border-radius: 4px;
+  }
+  .overview-categories-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 17px;
+    margin-top: 40px;
+  }
+
+  @media only screen and (max-width: 900px) {
+  .overview-content-container {
+    grid-template-columns: repeat(1,1fr);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_course_events.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_header.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_instructors.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_outline.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_outline.html.liquid
new file mode 100644
index 00000000..01beb2f4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_course_outline.html.liquid
@@ -0,0 +1,77 @@
+<div class="np-course-outline">
+  <div class="small-heading">
+    Course outline
+  </div>
+  <div class="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="outline-section-name">
+            {{ section.name }}
+          </div>
+          <ol class="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: "course-outline-content-activity-link-completed" %}
+                  {% endif %}
+                  <div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
+                  {% else %}
+                  {% unless activity.locked? %}
+                    <i class="far fa-circle np-course-outline-content-activity-icon"></i>   
+                  {% endunless %}
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "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>
+
+<style>
+  .course-outline-content {
+    margin-top: 50px;
+  }
+  .outline-section-name {
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: -0.015em;
+    color: #0F2B46;
+  }
+  .course-outline-content-activity {
+    padding: 0;
+  }
+  .np-course-outline-content-activity-list {
+    border-bottom: none;
+
+  }
+  .course-outline-content-activity-link {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    text-align: left;
+    color: #42A2FF;
+    text-decoration: none;
+    margin-left: 20px;
+  }
+  .np-course-outline-content-activity-icon {
+    width: 23px;
+    height: 23px;
+    color: #0F2B46
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..2ff2773e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_course_progress_and_cta.html.liquid
@@ -0,0 +1,77 @@
+<div class="np-top-cta-progress-content">
+  <div class="small-heading">
+    Course progress
+  </div>
+  <div class="progress-overview">
+    <div class="np-progress-bar-container">
+      <div
+        style="width: {{ course.progress }}%"
+        class="np-button-background-color np-card-progress-bar">
+      </div>
+    </div>
+    <div class="progress-text">
+      {{ course.progress }}%
+    </div>
+  </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 %}
+  <div class="overview-cta-btn-container">
+    <a
+      class="overview-cta-btn"
+    {% 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>
+  </div>
+{% endif %}
+
+<style>
+  .progress-text {
+    color: #42A2FF;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+  }
+  .progress-overview {
+    display: flex;
+    gap: 20px;
+  }
+  .overview-cta-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    color: #FFFFFF;
+    padding: 7px 18px;
+    background: #0F2B46;
+    border-radius: 40px;
+    text-decoration: none;
+  }
+  .overview-cta-btn-container {
+    display: flex;
+    width: 100%;
+    max-width: 150px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/DeepL/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/DeepL/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_courses_index.html.liquid b/Custom_Templates/customer_templates/DeepL/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/DeepL/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/DeepL/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/DeepL/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..8bbdc14a
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_filter_dropdown.html.liquid
@@ -0,0 +1,40 @@
+<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 lang-en"
+          data-toggle-trigger-off
+          type="submit"
+        >
+          {% t shared.filters.apply %}
+        </button>
+        <button
+        class="np-button dropdown-button-apply lang-de"
+        data-toggle-trigger-off
+        type="submit"
+      >
+      Anwenden
+      </button>
+      </form>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_filter_select.html.liquid b/Custom_Templates/customer_templates/DeepL/_filter_select.html.liquid
new file mode 100644
index 00000000..a1cb7e25
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_filter_select.html.liquid
@@ -0,0 +1,25 @@
+{% if params.q %}
+  <input type="hidden" name="q" value="{{ params.q }}">
+{% endif %}
+
+<label class="dropdown-label lang-en" for="filter[category_uuid][in][]">
+  {{ label }}
+</label>
+<label class="dropdown-label lang-de" for="filter[category_uuid][in][]">
+  Nach Typ
+</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/DeepL/_filters-learning_path.html.liquid b/Custom_Templates/customer_templates/DeepL/_filters-learning_path.html.liquid
new file mode 100644
index 00000000..e6b19aba
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_filters-learning_path.html.liquid
@@ -0,0 +1,110 @@
+{% assign available_learning_path_categories = '' %}
+{% for learning_path in learning_paths.available %}
+    {% for category in learning_path.categories %}
+        {% unless available_learning_path_categories contains category.name %}
+            {% assign available_learning_path_categories = available_learning_path_categories | append: category.name | append: '$' %}
+        {% endunless %}
+    {% endfor %}
+{% endfor %}
+
+{% assign learning_path_cats = available_learning_path_categories | split: '$' %}
+
+<div class="lp-filter-wrapper">
+    <div class="filter-container">
+        <div class="filter" id="filterToggle">Filter</div>
+    </div>
+    <div class="filter-content" id="filterContent">
+      {% for category in learning_path_cats %}
+        {% if category != '' %}
+            <div class="filter-option">
+                <input class="filter-checkbox" value="{{ category }}" type="checkbox" onchange="filterLearningPaths()">
+                <label class="filter-name">{{ category }}</label>
+            </div>
+        {% endif %}
+      {% endfor %}
+    </div>
+</div>
+
+
+<style>
+  .lp-filter-wrapper {
+      position: relative;
+      width: 100%;
+      color: #000;
+      border-radius: 4px;
+      display: flex;
+      justify-content: end;
+      margin-bottom: 20px;
+  }
+  .filter-checkbox {
+    width: 20px;
+    height: 20px;
+  }
+  .filter-container {
+      position: relative;
+  }
+  .filter {
+      background-color: #d9dfe2;
+      padding: 10px 20px;
+      cursor: pointer;
+      width: 100%;
+      text-align: center;
+      border-radius: 4px;
+      color: #305263;
+      font-size: 14px;
+      font-weight: 700;
+  }
+  .filter-content {
+      position: absolute;
+      top: 100%; 
+      width: 250px; 
+      background-color: #fff;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      display: none;
+      flex-direction: column;
+      gap: 10px;
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height 0.4s ease, width 0.4s ease; 
+      z-index: 111;
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      padding: 5px;
+      margin-top: 5px;
+  }
+  .filter-option {
+      padding: 10px;
+      display: flex;
+      align-items: end;
+      gap: 10px;
+  }
+  .filter-active .filter-content {
+      display: flex;
+      max-height: 500px; 
+      width: 250px; 
+  }
+  .learning-path-card {
+      margin-bottom: 16px;
+      padding: 12px;
+      border: 1px solid #ddd;
+      display: block;
+  }
+</style>
+
+<script>
+  document.getElementById("filterToggle").addEventListener("click", function() {
+      const filterWrapper = document.querySelector('.lp-filter-wrapper');
+      filterWrapper.classList.toggle("filter-active");
+  });
+
+  function filterLearningPaths() {
+      const checkedCategories = Array.from(document.querySelectorAll('.filter-checkbox:checked')).map(checkbox => checkbox.value.toLowerCase());
+      const learningPaths = document.querySelectorAll('.learning-path-card');
+
+      learningPaths.forEach(path => {
+          const pathCategories = path.getAttribute('data-categories').toLowerCase().split(',');
+          const isVisible = checkedCategories.some(category => pathCategories.includes(category));
+          path.style.display = isVisible || checkedCategories.length === 0 ? 'block' : 'none';
+      });
+  }
+</script>
diff --git a/Custom_Templates/customer_templates/DeepL/_footer.html.liquid b/Custom_Templates/customer_templates/DeepL/_footer.html.liquid
new file mode 100644
index 00000000..2b07b781
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_footer.html.liquid
@@ -0,0 +1,154 @@
+<footer class="academy-footer np-max-width">
+  <div class="links-footer">
+    <div class="footer-items-wrapper">
+      <a href="{% route home %}">
+        <img
+          alt="{{ current_school.name }}"
+          class="footer-logo-image"
+          src="{{ current_school.logo_url }}"
+        />
+      </a>
+    </div>
+    <div class="footer-items-wrapper">
+      <div class="footer-item-title lang-en">Resources</div>
+      <div class="footer-item-title lang-de">Ressourcen</div>
+      <div class="footer-links-container">
+        <a href="https://support.deepl.com/hc/en-us" target="_blank" class="footer-link lang-en">Help Center</a>
+        <a href="https://support.deepl.com/hc/de" target="_blank" class="footer-link lang-de">Hilfecenter</a>
+        <a href="https://www.deepl.com/en/blog" target="_blank"  class="footer-link lang-en">Blog</a>
+        <a href="https://www.deepl.com/de/blog" target="_blank"  class="footer-link lang-de">Blog</a>
+        <a href="https://developers.deepl.com/docs" target="_blank"  class="footer-link lang-en">API documentation</a>
+        <a href="https://developers.deepl.com/docs" target="_blank"  class="footer-link lang-de">API-Dokumentation</a>
+        <a href="https://www.deepl.com/en/pro-data-security" target="_blank"  class="footer-link lang-en">Data security</a>
+        <a href="https://www.deepl.com/de/pro-data-security" target="_blank"  class="footer-link lang-de">Datensicherheit</a>
+        <a href="https://www.deepl.com/en/privacy" target="_blank"  class="footer-link lang-en">Privacy policy</a>
+        <a href="https://www.deepl.com/de/privacy" target="_blank"  class="footer-link lang-de">Datenschutzerklärung</a>
+        <a href="https://www.deepl.com/en/pro-license" target="_blank"  class="footer-link lang-en">Terms and conditions</a>
+        <a href="https://www.deepl.com/de/pro-license" target="_blank"  class="footer-link lang-de">AGB</a>
+        <a href="https://support.deepl.com/hc/en-us/requests/new?ticket_form_id=13384459519132" target="_blank"  class="footer-link lang-en">Cancel subscriptions</a>
+        <a href="https://support.deepl.com/hc/de/requests/new?ticket_form_id=13384459519132" target="_blank"  class="footer-link lang-de">Abonnements kündigen</a>
+      </div>
+    </div>
+    <div class="footer-items-wrapper">
+      <div class="footer-item-title lang-en">Product</div>
+      <div class="footer-item-title lang-de">Produkte</div>
+      <div class="footer-links-container">
+        <a href="https://www.deepl.com/en/translator" target="_blank"  class="footer-link lang-en">Free translator</a>
+        <a href="https://www.deepl.com/de/translator" target="_blank"  class="footer-link lang-de">Kostenloser Übersetzer</a>
+        <a href="https://www.deepl.com/en/features" target="_blank"  class="footer-link lang-en">Features</a>
+        <a href="https://www.deepl.com/de/features" target="_blank"  class="footer-link lang-de">Features</a>
+        <a href="https://www.deepl.com/en/pro?cta=footer-pro" target="_blank"  class="footer-link">DeepL Pro</a>
+        <a href="https://www.deepl.com/en/pro-api" target="_blank"  class="footer-link lang-en">Translation API</a>
+        <a href="https://www.deepl.com/de/pro-api" target="_blank"  class="footer-link lang-de">API</a>
+        <a href="https://www.deepl.com/en/write" target="_blank"  class="footer-link lang-en">DeepL Write</a>
+        <a href="https://www.deepl.com/de/write" target="_blank"  class="footer-link lang-de">DeepL Write</a>
+        <a href="https://www.deepl.com/en/write" target="_blank"  class="footer-link lang-en">DeepL Voice</a>
+        <a href="https://www.deepl.com/de/write" target="_blank"  class="footer-link lang-de">DeepL Voice</a>
+        <a href="https://www.deepl.com/en/app" target="_blank"  class="footer-link lang-en">Apps</a>
+        <a href="https://www.deepl.com/de/app" target="_blank"  class="footer-link lang-de">Apps</a>
+        <a href="https://www.deepl.com/en/integrations" target="_blank"  class="footer-link lang-en">Integrations</a>
+        <a href="https://www.deepl.com/de/integrations" target="_blank"  class="footer-link lang-de">Integrationen</a>
+        <a href="https://www.deepl.com/en/features/document-translation" target="_blank"  class="footer-link lang-en">Document translation</a>
+        <a href="https://www.deepl.com/de/features/document-translation" target="_blank"  class="footer-link lang-de">Dokumentübersetzung</a>
+    </div>
+    </div>
+    <div class="footer-items-wrapper">
+      <div class="footer-item-title lang-en">Download</div>
+      <div class="footer-item-title lang-de">Downloads</div>
+      <div class="footer-links-container">
+        <a href="https://www.deepl.com/en/android-app" target="_blank"  class="footer-link lang-en">DeepL for Android</a>
+        <a href="https://www.deepl.com/de/android-app" target="_blank"  class="footer-link lang-de">DeepL für Android</a>
+        <a href="https://www.deepl.com/en/android-app" target="_blank"  class="footer-link lang-en">DeepL for ChromeOS</a>
+        <a href="https://www.deepl.com/de/android-app" target="_blank"  class="footer-link lang-de">DeepL für ChromeOS</a>
+        <a href="https://www.deepl.com/en/ios-app" target="_blank"  class="footer-link lang-en">DeepL for iPhone</a>
+        <a href="https://www.deepl.com/de/ios-app" target="_blank"  class="footer-link lang-de">DeepL für iPhone</a>
+        <a href="https://www.deepl.com/en/ios-app" target="_blank"  class="footer-link lang-en">DeepL for iPad</a>
+        <a href="https://www.deepl.com/de/ios-app" target="_blank"  class="footer-link lang-de">DeepL für iPad</a>
+        <a href="https://www.deepl.com/en/macos-app" target="_blank"  class="footer-link lang-en">DeepL for Mac</a>
+        <a href="https://www.deepl.com/de/macos-app" target="_blank"  class="footer-link lang-de">DeepL für Mac</a>
+        <a href="https://www.deepl.com/en/windows-app" target="_blank"  class="footer-link lang-en">DeepL for Windows</a>
+        <a href="https://www.deepl.com/de/windows-app" target="_blank"  class="footer-link lang-de">DeepL für Windows</a>
+        <a href="https://www.deepl.com/en/chrome-extension" target="_blank"  class="footer-link lang-en">DeepL Chrome extension</a>
+        <a href="https://www.deepl.com/de/chrome-extension" target="_blank"  class="footer-link lang-de">DeepL-Erweiterung für Chrome</a>
+        <a href="https://www.deepl.com/en/edge-extension" target="_blank"  class="footer-link lang-en">DeepL Edge extension</a>
+        <a href="https://www.deepl.com/de/edge-extension" target="_blank"  class="footer-link lang-de">DeepL-Erweiterung für Edge</a>
+        <a href="https://www.deepl.com/en/firefox-extension" target="_blank"  class="footer-link lang-en">DeepL Firefox extension</a>
+        <a href="https://www.deepl.com/de/firefox-extension" target="_blank"  class="footer-link lang-de">DeepL-Erweiterung für Firefox</a>
+        <a href="https://www.deepl.com/en/word-addin" target="_blank"  class="footer-link lang-en">DeepL in Microsoft Word</a>
+        <a href="https://www.deepl.com/de/word-addin" target="_blank"  class="footer-link lang-de">DeepL für Microsoft Word</a>
+        <a href="https://www.deepl.com/en/integrations/outlook-addin" target="_blank"  class="footer-link lang-en">DeepL for Microsoft Outlook</a>
+        <a href="https://www.deepl.com/de/integrations/outlook-addin" target="_blank"  class="footer-link lang-de">DeepL für Microsoft Outlook</a>
+        <a href="https://www.deepl.com/en/integrations/powerpoint-addin" target="_blank"  class="footer-link lang-en">DeepL for Microsoft Powerpoint</a>
+        <a href="https://www.deepl.com/de/integrations/powerpoint-addin" target="_blank"  class="footer-link lang-de">DeepL für Microsoft PowerPoint</a>
+        <a href="https://www.deepl.com/en/google-workspace" target="_blank"  class="footer-link lang-en">DeepL for Google Workspace</a>
+        <a href="https://www.deepl.com/de/google-workspace" target="_blank"  class="footer-link lang-de">DeepL für Google Workspace</a>
+        <a href="https://www.deepl.com/en/microsoft-365" target="_blank"  class="footer-link lang-en">DeepL for Microsoft 365</a>
+        <a href="https://www.deepl.com/de/microsoft-365" target="_blank"  class="footer-link lang-en">DeepL für Microsoft 365</a>
+      </div>
+    </div>
+    <div class="footer-items-wrapper">
+      <div class="footer-item-title lang-en">Company</div>
+      <div class="footer-item-title lang-de">Unternehmen</div>
+      <div class="footer-links-container">
+        <a href="https://www.deepl.com/en/contact-us" target="_blank"  class="footer-link lang-en">Contact Sales</a>
+        <a href="https://www.deepl.com/de/contact-us" target="_blank"  class="footer-link lang-de">Sales-Team kontaktieren</a>
+        <a href="https://www.deepl.com/en/press" target="_blank"  class="footer-link lang-en">Press</a>
+        <a href="https://www.deepl.com/de/press" target="_blank"  class="footer-link lang-de">Presse</a>
+        <a href="https://www.deepl.com/en/careers" target="_blank"  class="footer-link lang-en">Careers</a>
+        <a href="https://www.deepl.com/de/careers" target="_blank"  class="footer-link lang-de">Karriere</a>
+        <a href="https://www.deepl.com/en/publisher" target="_blank"  class="footer-link lang-en">Publisher</a>
+        <a href="https://www.deepl.com/de/publisher" target="_blank"  class="footer-link lang-de">Impressum</a>
+      </div>
+    </div>
+  </div>
+
+</footer>
+
+<style>
+  .footer-links-container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 10px;
+}
+.links-footer {
+  display: flex;
+}
+.footer-items-wrapper {
+  width: 100%;
+}
+.academy-footer {
+  padding: 60px;
+}
+.footer-item-title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+  text-align: left;
+  color: #292C32;
+}
+.footer-link {
+  text-decoration: none;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 24px;
+  text-align: left;
+  color: #292C32;
+}
+.footer-link:hover {
+  color: #42a2ff;
+}
+.footer-logo-image {
+  width: 100%;
+  max-width: 100px;
+}
+.social-links-wrapper {
+  display: flex;
+  justify-content: end;
+  gap: 10px;
+  margin-top: 30px;
+}
+.social-link {
+  text-decoration: none;
+}
+</style>
diff --git a/Custom_Templates/customer_templates/DeepL/_head.html.liquid b/Custom_Templates/customer_templates/DeepL/_head.html.liquid
new file mode 100644
index 00000000..54b6773d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_head.html.liquid
@@ -0,0 +1,25 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
+
+<script>
+function changeLangText() {
+    const searchInput = document.querySelector('.search-input');
+    const selectedLang = localStorage.getItem("userLanguage");
+
+    console.log(selectedLang);
+
+    if (selectedLang === 'de') {
+      searchInput.placeholder = "Suche";
+    }
+  }
+  addEventListener("DOMContentLoaded", (event) => {
+    changeLangText()
+  });
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_header.html.liquid b/Custom_Templates/customer_templates/DeepL/_header.html.liquid
new file mode 100644
index 00000000..8e70c7ea
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_header.html.liquid
@@ -0,0 +1,516 @@
+{% assign userLanguage = current_person.properties.learner_language |  upcase%}
+
+<div id="loader-overlay">
+  <div class="loader"></div>
+</div>
+
+<header class="header">
+  <div class="np-header-content np-max-width">
+    <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>
+
+    <div class="header-navigation-container">
+      <div class="header-logo">
+        <a class="deepl-logo" href="/app">
+          <img class="deepl-logo-img" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/DeepL/images/Academy.png" alt="">
+        </a>
+      </div>
+      <div class="navigation">
+          <a href="/app/learning_paths" id="lp"  class="navigation-item lang-en">
+          Learning paths
+          </a>
+           <a href="/app/learning_paths" id="lp"  class="navigation-item lang-de">
+          Lernpfade
+          </a>
+          <a href="/app/catalog" id="courses"  class="navigation-item lang-en">
+          Courses
+          </a>
+          <a href="/app/catalog" id="courses"  class="navigation-item lang-de">
+          Kurse
+          </a>
+          <a href="/app/training_events" id="webinars" class="navigation-item lang-en">
+          Webinars
+          </a>
+           <a href="/app/training_events" id="webinars" class="navigation-item lang-de">
+          Webinare
+          </a>
+          <a href="/app/resources" id="resources" class="navigation-item lang-en">
+          Resources
+          </a>
+           <a href="/app/resources" id="resources" class="navigation-item lang-de">
+          Ressourcen
+          </a>
+      </div>
+    </div>
+
+    {% if current_person.signed_in? %}
+      <div class="header-profile-container">
+        <div class="np-hidden-mobile search-bar">
+          <form action="{% route search %}" method="get" data-test="desktop-search">
+            <input
+              aria-label="{% t .search %}"
+              class="search-input"
+              type="text"
+              name="q"
+              placeholder="{% t .search %}"
+            />
+            <i class="header-search-icon far fa-search"></i>
+          </form>
+        </div>
+        {% if current_person.properties.new_content %}
+          <div class="languge-dropdown">
+            <button
+              type="button"
+              class="navigation-item languge-dropdown-button lang-en"
+              data-toggle-class="is-open"
+              data-toggle-target-next
+              data-toggle-outside
+              data-toggle-escape>
+              <span style="display:inline-block">Language</span>
+ 	      
+            </button>
+
+  <button
+              type="button"
+              class="navigation-item languge-dropdown-button lang-de"
+              data-toggle-class="is-open"
+              data-toggle-target-next
+              data-toggle-outside
+              data-toggle-escape>
+              <span style="display:inline-block">Sprache</span>
+ 	      
+            </button>
+      
+            <ul class="languge-dropdown-list">
+              <li>
+                <button
+                  type="button"
+                  id="en-lang"
+                  data-lang="en"
+                  class="lang-option active"
+                  data-toggle-trigger-off
+                  >
+                  <span style="display:inline-block">English</span>
+                </button>
+              </li>
+              <li>
+                <button
+                  type="button"
+                  id="de-lang"
+                  data-lang="de"
+                  class="lang-option"
+                  data-toggle-trigger-off>
+                  <span style="display:inline-block">Deutsch</span>
+                </button>
+              </li>
+            </ul>
+          </div>
+        {% endif %}
+        <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
+          >
+            <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M0 6C0 2.68629 2.68629 0 6 0H34C37.3137 0 40 2.68629 40 6V34C40 37.3137 37.3137 40 34 40H6C2.68629 40 0 37.3137 0 34V6Z" fill="#EDEDED"/>
+            <path d="M26.6666 27.5V25.8333C26.6666 24.9493 26.3154 24.1014 25.6903 23.4763C25.0652 22.8512 24.2173 22.5 23.3333 22.5H16.6666C15.7825 22.5 14.9347 22.8512 14.3096 23.4763C13.6844 24.1014 13.3333 24.9493 13.3333 25.8333V27.5M23.3333 15.8333C23.3333 17.6743 21.8409 19.1667 19.9999 19.1667C18.159 19.1667 16.6666 17.6743 16.6666 15.8333C16.6666 13.9924 18.159 12.5 19.9999 12.5C21.8409 12.5 23.3333 13.9924 23.3333 15.8333Z" stroke="#0F2B46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          </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>
+      </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="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 %}
+        {% if current_person.signed_in? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route transcript %}"
+        >
+          {% t .transcript %}
+        </a>
+      {% endif %}
+      <a
+        class="np-header-mobile-menu-content-button np-danger"
+        href="{% route logout %}"
+      >
+        {% t .sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+
+{% include "messages" %}
+
+
+<style>
+  .deepl-logo-img {
+  width: 100%;
+  max-width: 230px;
+}
+.header-navigation-container {
+  display: flex;
+  align-items: center;
+  gap: 30px;
+}
+.deepl-logo {
+  display: flex;
+}
+  .header-profile-container {
+  display: flex;
+  align-items: center;
+  }
+  .np-header-content {
+  display: flex;
+  justify-content: space-between;
+}
+.search-bar {
+  position: relative;
+  height: fit-content;
+}
+.navigation {
+  display: flex;
+  gap: 25px;
+  height: 100%;
+}
+.search-input {
+  border: 1px solid rgba(0,0,0, 0.25);
+  padding: 5px 10px;
+  border-radius: 8px;
+}
+.navigation-item {
+  text-decoration: none;
+  color: #0f2b46;
+  padding: 5px 10px;
+}
+.navigation-item:hover {
+  color: #42A2FF;
+}
+
+.active-nav {
+  color: #42A2FF;
+}
+.header {
+  background: #f8f8f8;
+  padding: 10px 40px;
+}
+.header-search-icon {
+  position: absolute;
+  left: 10px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  top: 0%;
+}
+.search-input {
+  border: 1px solid rgba(0,0,0, 0.25);
+  padding: 5px 10px 5px 30px;
+  border-radius: 8px;
+}
+.languge-dropdown {
+	position: relative;
+	display: inline-block;
+  margin-left:24px;
+}
+.languge-dropdown-button {
+	display: inline-block;
+	padding: 0;
+	overflow: hidden;
+	border: none;
+  background: #ededed;
+  height: 40px;
+  border-radius: 4px;
+  padding: 0 15px;
+  cursor: pointer;
+}
+.np-header-avatar-button {
+  display: flex;
+}
+.languge-dropdown-button::after {
+  font-family:"Font awesome 5 Pro";
+	display: inline-block;
+	content: "\f078";
+	transition: transform .25s ease-out;
+  margin-left:4px;
+}
+.languge-dropdown-button.is-open::after {
+	transform: rotate(180deg);
+}
+.languge-dropdown-list {
+	position: absolute;
+	top: 50px;
+	left: 0;
+	z-index: 1;
+	display: block;
+	width: max-content;
+	min-width: 100%;
+	max-width: 15em;
+	max-height: 13em;
+	overflow: auto;
+	padding: 0;
+	margin: 0;
+	transform: translateY(-1em);
+	transform-origin: center top;
+	background-color: white;
+	perspective: 1000px;
+  box-shadow: 0 0 8px rgba(72,103,118,.5);
+	list-style: none;
+	visibility: hidden;
+	opacity: 0;
+	transition: .25s ease-in;
+  border-radius: 8px;
+}
+.languge-dropdown-list.is-open {
+	transform: translateY(0);
+	visibility: visible;
+	opacity: 1;
+	transition-timing-function: ease-out;
+}
+.languge-dropdown-list li {
+	border-bottom: 1px solid #ededed;
+  cursor:pointer;
+  padding:12px 24px;
+}
+.languge-dropdown-list li:hover button,
+.languge-dropdown-list li:focus button{
+	font-weight:700;
+}
+.languge-dropdown-list li button.active {
+	font-weight:700;
+  cursor:text;
+}
+.languge-dropdown-list li:last-child {
+	border-bottom: none;
+}
+.languge-dropdown-list button {
+	display: block;
+	width: 100%;
+	box-sizing: border-box;
+	border: none;
+	background: none;
+	text-align: left;
+}
+.languge-dropdown-list button:hover,
+.languge-dropdown-list button:focus {
+  cursor:pointer;
+}
+</style>
+
+<script>
+  const url = window.location.pathname;
+
+  const lp = document.getElementById('lp');
+  const academy = document.getElementById('academy');
+  const courses = document.getElementById('courses');
+  const webinars = document.getElementById('webinars');
+  const resources = document.getElementById('resources');
+
+  switch (url) {
+    case '/app':
+      academy.classList.add('active-nav');
+      break;
+    case '/app/learning_paths':
+      lp.classList.add('active-nav');
+      break;
+    case '/app/catalog':
+      courses.classList.add('active-nav'); 
+      break;
+    case '/app/training_events':
+      webinars.classList.add('active-nav'); 
+      break;
+    case '/app/resources':
+      resources.classList.add('active-nav'); 
+      break;
+    default:
+      break;
+  }
+
+</script>
+
+<script>
+  function changeElementsText() {
+    const searchInput = document.querySelector('.search-input');
+    const selectedLang = localStorage.getItem("userLanguage");
+
+    console.log(selectedLang);
+
+    if (selectedLang === 'de') {
+      searchInput.placeholder = "Suche";
+    }
+  }
+  document.addEventListener("DOMContentLoaded", function() {
+  let userLanguage = localStorage.getItem("userLanguage");
+  let userLanguageCustomPropValue = '{{current_person.properties.learner_language}}'
+  
+  if (userLanguage === null) {
+    userLanguage = "en";
+    localStorage.setItem("userLanguage", userLanguage);
+  }
+
+  if (userLanguageCustomPropValue) {
+    localStorage.setItem("userLanguage", userLanguageCustomPropValue);
+  }
+
+  document.body.setAttribute("data-lang", userLanguage);
+  document.querySelectorAll(".lang-option").forEach(function(button) {
+    button.classList.remove("active");
+  });
+  document.querySelector(`.lang-option[data-lang='${userLanguage}']`).classList.add("active");
+
+  document.querySelectorAll(".lang-option").forEach(function(button) {
+    button.addEventListener("click", function() {
+      const selectedLangOption = this.getAttribute("data-lang");
+      localStorage.setItem("userLanguage", selectedLangOption);
+
+      document.querySelectorAll(".lang-option").forEach(function(button) {
+        button.classList.remove("active");
+      });
+      this.classList.add("active");
+      document.body.setAttribute("data-lang", selectedLangOption);
+
+      document.getElementById("loader-overlay").style.display = "flex";
+
+      fetch("https://webhooks.workato.com/webhooks/rest/3be1030a-8bc7-4063-a6dc-7e529b869613/user-language-handler", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          language: selectedLangOption,
+          id: '{{current_person.id}}'
+        })
+      })
+      .then(response => {
+        if (!response.ok) {
+          throw new Error('Network response was not ok ' + response.statusText);
+        }
+        return response.json();
+      })
+      .then(data => {
+        console.log("Language information sent successfully:", data);
+      })
+      .catch(error => {
+        console.error("Error sending language information:", error);
+      });
+
+      changeElementsText();
+
+      setTimeout(() => {
+        location.reload();
+      }, 5000);
+    });
+  });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_header_minimal.html.liquid b/Custom_Templates/customer_templates/DeepL/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_categories.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_categories.html.liquid
new file mode 100644
index 00000000..09749935
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_categories.html.liquid
@@ -0,0 +1,7 @@
+<div class="overview-categories-wrapper">
+  {% for category in learning_path.categories %}
+    <div class="category-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_course.html.liquid
new file mode 100644
index 00000000..ded85ca2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_course.html.liquid
@@ -0,0 +1,80 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="learning-path-outline-item"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="lp-overview-item">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="learning-path-outline-name">
+          {{ course.name }}
+        </div>
+        <div class="progress-text
+          {% if course.completed? %} np-color-success {% else %} progress-text {% 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="lp-overview-item">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="learning-path-outline-name">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
+
+<style>
+  .lp-overview-item {
+    display: flex;
+    width: 100%;
+    align-items: center;
+  }
+  .learning-path-outline-course-image {
+    width: 135px;
+    height: 75px;
+  }
+  .np-learning-path-outline-inactive-item {
+    border: none;
+  }
+  .learning-path-outline-name {
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 30px;
+    letter-spacing: -0.015em;
+    text-align: left;
+    color: #0F2B46;
+  }
+  .np-learning-path-outline-item {
+    margin-top: 30px;
+  }
+  .learning-path-outline-item {
+    text-decoration: none;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_description.html.liquid
new file mode 100644
index 00000000..fb3d9142
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_description.html.liquid
@@ -0,0 +1,4 @@
+
+<div class="np-card-text">
+  {{ learning_path.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..3116166d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_content.html.liquid
@@ -0,0 +1,19 @@
+<div class="overview-content-container">
+  <div class="content-details">
+      <img
+        src="{{ learning_path.image_url }}"
+        class="np-top-image np-top-image-spacing"
+        alt="{{ learning_path.name }}"
+      />
+
+      {% include "learning_path_description" %}
+      {% include "learning_path_instructors" %}
+      {% include "learning_path_categories" %}
+  </div>
+  <div class="content-activities">
+    <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/DeepL/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..b7437ba4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_header.html.liquid
@@ -0,0 +1,12 @@
+
+<div class="overview-header-container">
+    <div class="overview-btn-container">
+      <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16 4.49991L1 4.49991M1 4.49991L4.33417 1.09082M1 4.49991L4.33417 7.909" stroke="#0F2B46" stroke-linejoin="round"></path>
+      </svg>
+      <a href="/app/learning_paths" class="overview-back-btn">Back to all learning paths</a>
+    </div>
+    <div class="overview-heading">
+      {{ learning_path.name }}
+    </div>
+  </div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..887c0ee8
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_desktop_view.html.liquid
@@ -0,0 +1,76 @@
+{% include "learning_path_desktop_header" %}
+{% include "learning_path_desktop_content" %}
+
+<style>
+  .overview-back-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    text-align: center;
+    color: #0F2B46;
+    text-decoration: none;
+  }
+  .overview-btn-container {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+  .overview-heading {
+    font-size: 48px;
+    font-weight: 320;
+    line-height: 50.4px;
+    letter-spacing: -0.015em;
+    color: #0F2B46;
+  }
+  .overview-header-container {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+  }
+  .overview-content-container {
+    display: grid;
+    margin-top: 30px;
+    grid-template-columns: repeat(2,1fr);
+    gap: 70px;
+  }
+  .overview-details-container {
+    display: flex;
+    gap: 30px;
+  }
+  .overview-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 13px;
+    align-items: start;
+  }
+  .detail-content {
+      font-size: 18px;
+      font-weight: 400;
+      line-height: 25.2px;
+      letter-spacing: -0.01em;
+      color: #0F2B46;
+  }
+  .category-item {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+    color: #0F2B46;
+    padding: 11px 12px;
+    background: #EDEDED;
+    border-radius: 4px;
+  }
+  .overview-categories-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 17px;
+    margin-top: 40px;
+  }
+
+  @media only screen and (max-width: 900px) {
+  .overview-content-container {
+    grid-template-columns: repeat(1,1fr);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_instructors.html.liquid
@@ -0,0 +1 @@
+
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..05acd7b4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_learning_path_progress_and_cta.html.liquid
@@ -0,0 +1,52 @@
+{% if learning_path.enrolled? %}
+  <div class="np-top-cta-progress-content">
+    <div class="small-heading">
+      {% t .progress %}
+    </div>
+    <div class="progress-overview">
+      <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="progress-text">
+        {{ learning_path.progress }}%
+      </div>
+    </div>
+  </div>
+{% endif %}
+<div class="overview-cta-btn-container">
+  {% learning_path_next_step_button learning_path, class: "overview-cta-btn" %}
+</div>
+
+
+<style>
+  .progress-text {
+    color: #42A2FF;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+  }
+  .progress-overview {
+    display: flex;
+    gap: 20px;
+  }
+  .overview-cta-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    color: #FFFFFF;
+    padding: 7px 18px;
+    background: #0F2B46;
+    border-radius: 40px;
+    text-decoration: none;
+  }
+  .overview-cta-btn-container {
+    display: flex;
+    width: 100%;
+    max-width: 150px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/DeepL/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..a4681210
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_messages.html.liquid b/Custom_Templates/customer_templates/DeepL/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_on_demand.html.liquid b/Custom_Templates/customer_templates/DeepL/_on_demand.html.liquid
new file mode 100644
index 00000000..c0958ee2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_on_demand.html.liquid
@@ -0,0 +1,73 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+        On-demand library
+    </div>
+    <div class="heading lang-de">
+        On-Demand-Bibliothek
+    </div>
+
+    <div class="webinars-cards-wrapper on-demand-cards-wrapper">
+        {% for course in courses.enrolled %}
+            {% if course.properties.on_demand %}
+                {% if course.properties.language == userLanguage %}
+                    {% include "on_demand_cards" %}
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-course-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+    @media only screen and (max-width: 1170px) { 
+        .on-demand-cards-wrapper {
+            grid-template-columns: repeat(2,1fr) !important;
+        }
+    }
+    @media only screen and (max-width: 768px) { 
+        .on-demand-cards-wrapper {
+            grid-template-columns: repeat(1,1fr) !important;
+        }
+    }
+</style>
+
diff --git a/Custom_Templates/customer_templates/DeepL/_on_demand_cards.html.liquid b/Custom_Templates/customer_templates/DeepL/_on_demand_cards.html.liquid
new file mode 100644
index 00000000..22c8ae56
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_on_demand_cards.html.liquid
@@ -0,0 +1,27 @@
+<div class="card" categories="{% for category in course.categories %}{{category.name}},{% endfor %}" progress="{% if course.progress > 0 and course.progress < 100 %}In progress{% elsif course.progress == 100 %}Completed{% else %}Not started{% endif %}">
+<div class="card-container">
+  <img
+    class="card-image"
+    alt="{{ course.name }}"
+    src="{{ course.image_url }}"
+  >
+  <div class="card-content">
+    <div class="card-content-title">
+      {{ course.name }}
+    </div>
+    <div class="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="card-btn dark-btn lang-en" {% if course.enrolled? %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
+        Watch now
+      </a>
+    <a class="card-btn dark-btn lang-de" {% if course.enrolled? %}href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"{% else %}href="{{ course_path }}"{% endif %}>
+      Jetzt anschauen
+    </a>
+    </div>
+  </div>
+</div>
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_popular.html.liquid b/Custom_Templates/customer_templates/DeepL/_popular.html.liquid
new file mode 100644
index 00000000..c9f94c0d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_popular.html.liquid
@@ -0,0 +1,144 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+        Explore our most popular courses
+    </div>
+    <div class="heading lang-de">
+        Entdecken Sie unsere beliebtesten Kurse
+    </div>
+
+    <div class="carousel-filters-wrapper">
+        {% include 'carousel-filters' %}
+    </div>
+    <div class="carousel-wrapper popular-carousel">
+        {% for course in courses.enrolled %}
+            {% unless course.properties.resource or course.properties.on_demand %}
+                {% if course.properties.language == userLanguage %}
+                    <div class="carousel-card popular-carousel-card">
+                        {% include "cards_course" with course %}
+                    </div>
+                {% endif %}
+            {% endunless %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .popular-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+</style>
+
+<script>
+    $(document).ready(function(){
+
+        $(".popular-carousel").slick({
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            prevArrow: '<i class="fal fa-chevron-left left-arrow"></i>',
+            nextArrow: '<i class="fal fa-chevron-right right-arrow"></i>',
+            infinite: false,
+            dots: true,
+            responsive: [
+                {
+                    breakpoint: 1170,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1,
+                    }
+                }
+            ]
+        });
+
+        let selectedCategory = null;
+        let selectedProgress = null;
+
+        function filterCards() {
+            $(".popular-carousel").slick('slickUnfilter');
+            
+            let filterFunction = function() {
+                const card = $(this).find('.card');
+                const cardCategories = card.attr('categories').split(',').map(c => c.trim());
+                const cardProgress = card.attr('progress');
+
+                let showByCategory = !selectedCategory || cardCategories.includes(selectedCategory);
+                let showByProgress = !selectedProgress || selectedProgress === 'All courses' || cardProgress === selectedProgress;
+
+                return showByCategory && showByProgress;
+            };
+
+            $(".popular-carousel").slick('slickFilter', filterFunction);
+        }
+
+        $('.filter').on('click', function() {
+            let clickedCategory = $(this).attr('value');
+
+            if (selectedCategory === clickedCategory) {
+                selectedCategory = null; 
+                $(this).removeClass('filter-active');
+            } else {
+                selectedCategory = clickedCategory;
+                $('.filter').removeClass('filter-active');
+                $(this).addClass('filter-active');
+            }
+
+            filterCards();
+        });
+
+        $('.filter-by-progress-option').on('click', function() {
+            let clickedProgress = $(this).attr('value');
+
+            if (selectedProgress === clickedProgress) {
+                selectedProgress = null; 
+            } else {
+                selectedProgress = clickedProgress;
+            }
+
+            filterCards();
+        });
+    });
+</script>
diff --git a/Custom_Templates/customer_templates/DeepL/_recommended.html.liquid b/Custom_Templates/customer_templates/DeepL/_recommended.html.liquid
new file mode 100644
index 00000000..e831073b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_recommended.html.liquid
@@ -0,0 +1,92 @@
+{% assign recommended_counter = 0 %}
+
+<div class="recommended-wrapper" id="recommended-section">
+    <div class="heading lang-en">
+        Recommended for you
+    </div>
+     <div class="heading lang-de">
+        Für Sie empfohlen
+    </div>
+
+    <div class="recommended-wrapper-content">
+       {% comment %} {% for course in courses.enrolled %}
+            {% unless course.properties.resource or course.properties.on_demand %}
+                <div class="carousel-card recommended-card">
+                    {% include "cards_course" with course %}
+                </div>
+                {% assign recommended_counter = recommended_counter |  plus: 1 %}
+            {% endunless %}
+        {% endfor %} {% endcomment %}
+        {% for learning_path in learning_paths.enrolled %}
+            {% for category in learning_path.categories %}
+                {% if category.name == userLanguage %}
+                    <div class="carousel-card recommended-card">
+                        {% include "cards_learning_path" %}
+                    </div>
+                    {% assign recommended_counter = recommended_counter |  plus: 1 %}
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    </div>
+
+    <div class="see-all-btn-container">
+        <a class="light-btn" id="expand-btn" href="/app/catalog">See all</a>
+    </div>
+</div>
+
+<style>
+    .recommended-wrapper-content {
+        display: grid;
+        grid-template-columns: repeat(4,1fr);
+        gap: 20px;
+        margin-top: 30px;
+    }
+    @media only screen and (max-width: 1170px) { 
+        .recommended-wrapper-content {
+            grid-template-columns: repeat(2,1fr);
+        }
+    }
+    @media only screen and (max-width: 768px) { 
+        .recommended-wrapper-content {
+            grid-template-columns: repeat(1,1fr);
+        }
+    }
+</style>
+
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+    const cards = document.querySelectorAll('.recommended-card');
+    const seeAllBtn = document.getElementById('expand-btn');
+
+    const maxCards = 8;
+    const initialVisibleCards = 4;
+    const totalCards = cards.length;
+    let isExpanded = false; 
+
+    if (totalCards > initialVisibleCards) {
+        seeAllBtn.style.display = 'block';
+    } else {
+        seeAllBtn.style.display = 'none';
+    }
+
+    function updateCardVisibility() {
+        cards.forEach((card, index) => {
+            if (isExpanded) {
+                card.style.display = index < maxCards ? 'block' : 'none';
+            } else {
+                card.style.display = index < initialVisibleCards ? 'block' : 'none';
+            }
+        });
+
+        seeAllBtn.textContent = isExpanded ? 'Show Less' : 'See All';
+    }
+
+    updateCardVisibility();
+
+    seeAllBtn.addEventListener('click', function (e) {
+        e.preventDefault();
+        isExpanded = !isExpanded;
+        updateCardVisibility();
+    });
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_resources-filters.html.liquid b/Custom_Templates/customer_templates/DeepL/_resources-filters.html.liquid
new file mode 100644
index 00000000..45ab5a88
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_resources-filters.html.liquid
@@ -0,0 +1,94 @@
+<div class="carousel-filters">
+    <div class="filters-container">
+        <div class="filter lang-en" value="Administration">Administration</div>
+        <div class="filter lang-de" value="Administration">Verwaltung</div>
+        <div class="filter lang-en" value="Translator">Translator</div>
+        <div class="filter lang-de" value="Translator">Übersetzer</div>
+        <div class="filter lang-en" value="Glossaries" >Glossaries</div>
+        <div class="filter lang-de" value="Glossaries" >Glossare</div>
+        <div class="filter lang-en" value="Document translation" >Document translation</div>
+        <div class="filter lang-de" value="Document translation" >Dokumentübersetzung</div>
+        <div class="filter" value="Apps" >Apps</div>
+        <div class="filter lang-en" value="Extensions and integrations" >Extensions and integrations</div>
+        <div class="filter lang-de" value="Extensions and integrations" >Erweiterungen und Integrationen</div>
+        <div class="filter" value="Write" >Write</div>
+        <div class="filter" value="Voice">Voice</div>
+        <div class="filter" value="API" >API</div>
+    </div>
+</div>
+
+<style>
+    .carousel-filters {
+       background: #EDEDED;
+       border-radius: 8px;
+       padding: 24px 32px;
+       margin-top: 30px;
+       display: flex;
+       justify-content: space-between;
+    }
+
+    .filters-container {
+        display: flex;
+        gap: 44px;
+        width: 100%;
+        align-items: center;
+    }
+    .filter {
+        font-size: 18px;
+        font-weight: 400;
+        line-height: 27px;
+        color: #0F2B46;
+        text-decoration: underline;
+        cursor: pointer;
+        padding: 5px 10px;
+    }
+    .filter-dropdown-container {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        justify-content: end;
+        width: 100%;
+        max-width: 290px;
+    }
+
+    .filter-dropdown-block {
+        background-color: white;
+        border: 1px solid #ccc;
+        padding: 10px;
+        cursor: pointer;
+        user-select: none;
+        max-width: 150px;
+        width: 100%;
+        border-radius: 12px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .filter-by-progress-dropdown {
+        background-color: white;
+        border: 1px solid #ccc;
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+        top: 40px;
+    }
+
+    .filter-by-progress-option {
+        padding: 10px;
+        cursor: pointer;
+    }
+
+    .filter-by-progress-option:hover {
+        background-color: #f0f0f0;
+    }
+
+    .hidden {
+        display: none;
+    }
+
+    .filter-active {
+        color: #42A2FF;
+    }
+</style>
diff --git a/Custom_Templates/customer_templates/DeepL/_resources_content.html.liquid b/Custom_Templates/customer_templates/DeepL/_resources_content.html.liquid
new file mode 100644
index 00000000..bb6f89aa
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_resources_content.html.liquid
@@ -0,0 +1,117 @@
+<div class="recommended-wrapper">
+    <div class="carousel-filters-wrapper">
+        {% include 'resources-filters' %}
+    </div>
+    <div class="catalog-courses-wrapper">
+        {% for course in courses.in_catalog %}
+            {% if course.properties.resource == true %}   
+                {% if course.properties.language == userLanguage %} 
+                <div class="catalog-course-container">{% include "cards_resources" %}</div>
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+    .catalog-courses-wrapper {
+        display: grid;
+        grid-template-columns: repeat(4,1fr);
+        gap: 20px;
+        margin-top: 30px;
+    }
+    .all-courses-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+    @media only screen and (max-width: 1170px) { 
+        .catalog-courses-wrapper {
+            grid-template-columns: repeat(2,1fr);
+        }
+    }
+    @media only screen and (max-width: 768px) { 
+        .catalog-courses-wrapper {
+            grid-template-columns: repeat(1,1fr);
+        }
+    }
+</style>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    const filters = document.querySelectorAll('.filter');
+    const cards = document.querySelectorAll('.catalog-course-container .card');
+
+    let activeFilter = null; 
+
+    filters.forEach(filter => {
+        filter.addEventListener('click', function() {
+            const value = filter.getAttribute('value');
+
+            if (activeFilter === value) {
+                activeFilter = null;
+                filter.classList.remove('filter-active');
+            } else {
+                activeFilter = value;
+                
+                filters.forEach(f => f.classList.remove('filter-active'));
+                filter.classList.add('filter-active');
+            }
+
+            filterCourses();
+        });
+    });
+
+    function filterCourses() {
+        if (!activeFilter) {
+            cards.forEach(card => {
+                card.parentElement.style.display = 'block';
+            });
+        } else {
+            cards.forEach(card => {
+                const cardCategories = card.getAttribute('categories').split(',');
+                if (cardCategories.includes(activeFilter)) {
+                    card.parentElement.style.display = 'block';
+                } else {
+                    card.parentElement.style.display = 'none';
+                }
+            });
+        }
+    }
+});
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_search_result.html.liquid b/Custom_Templates/customer_templates/DeepL/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/DeepL/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/DeepL/_sub_navigation.html.liquid
new file mode 100644
index 00000000..b432c10b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_events_index.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_events_index.html.liquid
new file mode 100644
index 00000000..1765657e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_events_index.html.liquid
@@ -0,0 +1,21 @@
+<div class="np-dashboard-resources">
+  {% if training_events.available.any? %}
+    <div class="webinars-wrapper">
+      {% for training_event in training_events.available %}
+        <div class="webinar-container">
+          {% include "cards_training_event" with training_event %}
+        </div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% include "training_events_zero_state" %}
+  {% endif %}
+</div>
+
+<style>
+  .webinars-wrapper {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 20px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_cta.html.liquid
new file mode 100644
index 00000000..91ea78d6
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_cta.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-training-session-cta">
+  <div class="overview-cta-btn-container">
+    <form
+      action="{{ training_session.cta.url }}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.show_calendar_links? %}
+        {% include "training_session_calendars" %}
+      {% endif %}
+
+      {% if training_session.cta.undo? %}
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.cta.label %}
+        <button
+          id="register-btn"
+          type="submit"
+          class="overview-cta-btn"
+          onclick="redirectToSessionUrl()"
+        >
+          {{ training_session.cta.label }}
+        </button>
+      {% endif %}
+    </form>
+  </div>
+</div>
+
+<script>
+  function redirectToSessionUrl() {
+      const registerBtn = document.getElementById('register-btn');
+      const sessionUrl = '{{training_session.session_url}}';
+
+      if (registerBtn.innerText == 'Register') {
+        window.open(sessionUrl, '_blank').focus();
+      }
+  }
+</script>
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_date.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_date.html.liquid
new file mode 100644
index 00000000..43f82e6f
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_date.html.liquid
@@ -0,0 +1,16 @@
+<div class="np-card-training-session-date">
+  <div class="np-button-background-color np-card-training-session-date-bar"></div>
+  <div class="card-training-session-date">
+    <div class="card-training-session-date-day">
+      {{ training_session.day }}
+    </div>
+    <div>
+      <div class="card-training-session-date-month">
+        {{ training_session.month }}
+      </div>
+      <div class="card-training-session-date-year">
+        {{ training_session.year }}
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_description.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..4e35db7b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_desktop_view.html.liquid
@@ -0,0 +1,48 @@
+
+{% include "training_session_header" %}
+<div class="overview-content-container">
+  <div class="content-details">
+    <div class="training-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+          {% include "training_session_cta" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <div class="content-activities">
+    <div class="training-session-container">
+        <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>
+</div>
+
+<style>
+  .training-card-container {
+    position: relative;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_details.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_details.html.liquid
new file mode 100644
index 00000000..64a925b7
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_details.html.liquid
@@ -0,0 +1,23 @@
+<div class="np-training-session-info">
+
+  <div class="np-training-session-time">
+    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
+    <time>{{ training_session.time_period }} {{ training_session.time_zone }}</time>
+  </div>
+
+  {% if training_session.approved? and 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.approved? and 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/DeepL/_training_session_header.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_header.html.liquid
new file mode 100644
index 00000000..1608055d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_header.html.liquid
@@ -0,0 +1,11 @@
+<div class="overview-header-container">
+    <div class="overview-btn-container">
+      <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M16 4.49991L1 4.49991M1 4.49991L4.33417 1.09082M1 4.49991L4.33417 7.909" stroke="#0F2B46" stroke-linejoin="round"></path>
+      </svg>
+      <a href="/app/training_events" class="overview-back-btn">Back to all webinars</a>
+    </div>
+    <div class="overview-heading">
+      {{ training_event.title }}
+    </div>
+  </div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..3270d65d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_mobile_view.html.liquid
@@ -0,0 +1,27 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
+    {% include "training_session_status" %}
+    {% include "training_session_date" %}
+    {% include "training_session_details" %}
+    <div class="np-card-padding-large">
+      {% include "training_session_cta" %}
+    </div>
+    {% include "training_session_description" %}
+  </div>
+
+  {% if training_event.sessions.size > 1 %}
+    <div class="np-card-spacing">
+      <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% include "training_session_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_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/DeepL/_training_session_status.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_status.html.liquid
new file mode 100644
index 00000000..75116282
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_status.html.liquid
@@ -0,0 +1,6 @@
+<div class="np-training-session-cta-note np-training-session-tile-badge np-training-session-tile-badge-{{ training_session.status.type }}">
+    {% if training_session.approved? %}
+        <i class="far fa-check np-training-session-icon"></i>
+    {% endif %}
+    {{ training_session.status.label }}
+</div>
diff --git a/Custom_Templates/customer_templates/DeepL/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/DeepL/_training_session_tile.html.liquid
new file mode 100644
index 00000000..669fbb6c
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_training_session_tile.html.liquid
@@ -0,0 +1,24 @@
+{% if current_session.id != session.id %}
+  <a
+    class="np-training-session-tile"
+    href="{% route training_session, id: session.id %}"
+  >
+    <div class="np-training-session-tile-header">
+        <i class="far fa-calendar-star np-training-session-tile-icon"></i>
+        <div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
+            {{ session.status.label }}
+        </div>
+    </div>
+    <div class="np-training-session-tile-content">
+      <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-arrow-right np-training-session-tile-chevron"></i>
+    </div>
+  </a>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/DeepL/_upcoming_webinars.html.liquid b/Custom_Templates/customer_templates/DeepL/_upcoming_webinars.html.liquid
new file mode 100644
index 00000000..7c822eae
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_upcoming_webinars.html.liquid
@@ -0,0 +1,64 @@
+<div class="recommended-wrapper">
+    <div class="heading">
+       Upcoming webinars
+    </div>
+
+    <div class="upcoming-webinars-cards-wrapper">
+        {% for training_event in training_events.available %}
+            <div class="upcoming-webinar-card" date="{{ training_event.sessions.first.day }},{{ training_event.sessions.first.month }},{{ training_event.sessions.first.year }}">
+                {% include "cards_training_event" with training_event %}
+            </div>
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-course-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+    .upcoming-webinars-cards-wrapper {
+        display: grid;
+        grid-template-columns: repeat(2,1fr);
+        margin-top: 40px;
+        gap: 20px;
+    }
+</style>
+
diff --git a/Custom_Templates/customer_templates/DeepL/_webinars.html.liquid b/Custom_Templates/customer_templates/DeepL/_webinars.html.liquid
new file mode 100644
index 00000000..7a821c1f
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_webinars.html.liquid
@@ -0,0 +1,45 @@
+<div class="webinars-wrapper">
+    <div class="heading">
+      Watch webinars
+    </div>
+
+    <div class="webinars-wrapper">
+        {% if training_events.available.any? %}
+            <div class="webinars-cards-wrapper">
+              {% for training_event in training_events.available %}
+                <div class="webinar-card-container">
+                  {% include "cards_training_event" with training_event %}
+                </div>
+              {% endfor %}
+            </div>
+          {% else %}
+            {% include "training_events_zero_state" %}
+          {% endif %}
+    </div>
+
+
+    <div class="see-all-btn-container">
+        <a class="light-btn" href="/app/training_events">See all</a>
+    </div>
+
+</div>
+
+<style>
+    .webinars-cards-wrapper {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+    }
+    .webinars-wrapper {
+        margin-top: 30px;
+    }
+    @media only screen and (max-width: 1170px) { 
+        .webinars-cards-wrapper {
+            grid-template-columns: repeat(2,1fr) !important;
+        }
+    }
+    @media only screen and (max-width: 768px) { 
+        .webinars-cards-wrapper {
+            grid-template-columns: repeat(1,1fr) !important;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_your_cards_training_event.html.liquid b/Custom_Templates/customer_templates/DeepL/_your_cards_training_event.html.liquid
new file mode 100644
index 00000000..7d8892e1
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_your_cards_training_event.html.liquid
@@ -0,0 +1,112 @@
+<div class="card-webinar">
+      <div class="card-content-training-event">
+        <div class="card-content-title">
+          {{ training_event.title }}
+        </div>
+        <div class="card-details-webinar">
+        <div class="card-detail-webinar course-lessons">
+          <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M4 21.8149H20V22.8149H4V21.8149Z" fill="#42A2FF"/>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2.81494C7.22386 2.81494 7 3.0388 7 3.31494V14.8149C7 15.0172 7.12182 15.1995 7.30866 15.2769C7.4955 15.3543 7.71055 15.3115 7.85355 15.1685L10.2071 12.8149H21.5C21.7761 12.8149 22 12.5911 22 12.3149V3.31494C22 3.0388 21.7761 2.81494 21.5 2.81494H7.5ZM8 13.6078V3.81494H21V11.8149H10C9.86739 11.8149 9.74021 11.8676 9.64645 11.9614L8 13.6078ZM2 7.81494C2 7.5388 2.22386 7.31494 2.5 7.31494H6V8.31494H3V16.3149H14C14.1326 16.3149 14.2598 16.3676 14.3536 16.4614L15.5 17.6078V13.8149H16.5V18.8149C16.5 19.0172 16.3782 19.1995 16.1913 19.2769C16.0045 19.3543 15.7894 19.3115 15.6464 19.1685L13.7929 17.3149H2.5C2.22386 17.3149 2 17.0911 2 16.8149V7.81494ZM17 7.31494H16V8.31494H17V7.31494ZM14 7.31494H15V8.31494H14V7.31494ZM13 7.31494H12V8.31494H13V7.31494Z" fill="#42A2FF"/>
+          </svg>
+
+          {% t shared.event_types, key: training_event.event_type %}
+        </div>
+        <div class="card-detail-webinar course-time">
+          <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M4 21.8149H20V22.8149H4V21.8149Z" fill="#42A2FF"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 5.31494V6.81494H6.5V5.31494H17.5V6.81494H18.5V5.31494H21V7.81494H3V5.31494H5.5ZM5.5 4.31494H2.5C2.22386 4.31494 2 4.5388 2 4.81494V19.3149C2 19.5911 2.22386 19.8149 2.5 19.8149H21.5C21.7761 19.8149 22 19.5911 22 19.3149V4.81494C22 4.5388 21.7761 4.31494 21.5 4.31494H18.5V2.81494H17.5V4.31494H6.5V2.81494H5.5V4.31494ZM3 8.81494V18.8149H21V8.81494H3ZM5.5 10.3149H8V11.3149H5.5V10.3149ZM9 10.3149H11.5V11.3149H9V10.3149ZM15 10.3149H12.5V11.3149H15V10.3149ZM16 10.3149H18.5V11.3149H16V10.3149ZM5.5 16.3149H8V17.3149H5.5V16.3149ZM11.5 16.3149H9V17.3149H11.5V16.3149ZM12.5 16.3149H18.5V17.3149H12.5V16.3149ZM8 13.3149H5.5V14.3149H8V13.3149ZM9 13.3149H11.5V14.3149H9V13.3149ZM15 13.3149H12.5V14.3149H15V13.3149ZM16 13.3149H18.5V14.3149H16V13.3149Z" fill="#42A2FF"/>
+          </svg>
+          {% assign session_counter = 0 %}
+          {% for session in training_event.sessions %}
+            {% assign session_counter = session_counter | plus: 1 %}
+          {% endfor %}
+          {{session_counter}} sessions
+        </div>
+      </div>
+        <div class="card-training-session">
+          <span class="card-content-label lang-en">
+            Next session
+          </span>
+          <span class="card-content-label lang-de">
+            Nächste Sitzung
+          </span>
+
+
+          <div class="card-training-session-date">
+            <div class="card-training-session-date-day">
+              {{ training_event.sessions.first.day }}
+            </div>
+            <div>
+              <div class="card-training-session-date-month">
+                {{ training_event.sessions.first.month }}
+              </div>
+              <div class="card-training-session-date-year">
+                {{ training_event.sessions.first.year }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="card-footer">
+        <div class="card-training-sessions">
+          <a
+            class="card-btn dark-btn lang-en"
+            href="{% route training_session, id: training_event.sessions.first.id %}"
+          >
+           Join now
+          </a>
+          <a
+          class="card-btn dark-btn lang-de"
+          href="{% route training_session, id: training_event.sessions.first.id %}"
+        >
+        Jetzt beitreten
+        </a>
+        </div>
+      </div>
+</div>
+
+<style>
+  .card-webinar {
+  background: #f8f8f8;
+  padding: 32px;
+  border-radius: 8px;
+  margin: 0 20px 20px 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+}
+.card-details-webinar {
+  display: flex;
+  color: #42A2FF;
+  font-size: 14px;
+  font-weight: 400;
+  margin: 20px 0;
+}
+.card-training-session-date-day {
+  font-size: 64px;
+  font-weight: 300;
+  line-height: 67.2px;
+  letter-spacing: -0.015em;
+  color: #0F2B46;
+}
+.card-training-session-date-month, .card-training-session-date-year {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25.2px;
+  color: #0F2B46;
+}
+.card-training-session-date {
+  display: flex;
+  align-items: center;
+  margin: 20px 0;
+  gap: 15px;
+}
+.card-detail-webinar {
+  padding-left: 5px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid b/Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid
new file mode 100644
index 00000000..f40c96f1
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid
@@ -0,0 +1,143 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+       Your courses
+    </div>
+     <div class="heading lang-de">
+       Ihre Kurse
+    </div>
+
+    <div class="carousel-wrapper your-course-carousel">
+        {% for course in courses.enrolled %}
+            {% if course.progress > 0 %}
+            {% unless course.properties.resource == true %}
+                {% if course.properties.language == userLanguage %}
+                    <div class="carousel-card">
+                        {% include "cards_course" %}
+                    </div>
+                {% endif %}
+            {% endunless %}
+            {% endif %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-course-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+</style>
+
+<script>
+    $(document).ready(function(){
+
+        $(".your-course-carousel").slick({
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            prevArrow: '<i class="fal fa-chevron-left left-arrow"></i>',
+            nextArrow: '<i class="fal fa-chevron-right right-arrow"></i>',
+            infinite: false,
+            dots: true,
+            responsive: [
+                {
+                    breakpoint: 1170,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1,
+                    }
+                }
+            ]
+        });
+
+        let selectedCategory = null;
+        let selectedProgress = null;
+
+        function filterCards() {
+            $(".popular-carousel").slick('slickUnfilter');
+            
+            let filterFunction = function() {
+                const card = $(this).find('.card');
+                const cardCategories = card.attr('categories').split(',').map(c => c.trim());
+                const cardProgress = card.attr('progress');
+
+                let showByCategory = !selectedCategory || cardCategories.includes(selectedCategory);
+                let showByProgress = !selectedProgress || selectedProgress === 'All courses' || cardProgress === selectedProgress;
+
+                return showByCategory && showByProgress;
+            };
+
+            $(".popular-carousel").slick('slickFilter', filterFunction);
+        }
+
+        $('.filter').on('click', function() {
+            let clickedCategory = $(this).attr('value');
+
+            if (selectedCategory === clickedCategory) {
+                selectedCategory = null; 
+                $(this).removeClass('filter-active');
+            } else {
+                selectedCategory = clickedCategory;
+                $('.filter').removeClass('filter-active');
+                $(this).addClass('filter-active');
+            }
+
+            filterCards();
+        });
+
+        $('.filter-by-progress-option').on('click', function() {
+            let clickedProgress = $(this).attr('value');
+
+            if (selectedProgress === clickedProgress) {
+                selectedProgress = null; 
+            } else {
+                selectedProgress = clickedProgress;
+            }
+
+            filterCards();
+        });
+    });
+</script>
diff --git a/Custom_Templates/customer_templates/DeepL/_your_lp.html.liquid b/Custom_Templates/customer_templates/DeepL/_your_lp.html.liquid
new file mode 100644
index 00000000..22f9e2d7
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_your_lp.html.liquid
@@ -0,0 +1,143 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+       Your learning paths
+    </div>
+    <div class="heading lang-de">
+        Ihre Lernpfade
+     </div>
+
+    <div class="carousel-wrapper your-lp-carousel">
+        {% for learning_path in learning_paths.enrolled %}
+            {% if learning_path.progress > 0 %}  
+                {% for category in learning_path.categories %}
+                    {% if category.name == userLanguage %}  
+                        <div class="carousel-card">
+                            {% include "cards_learning_path" %}
+                        </div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-lp-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+</style>
+
+<script>
+    $(document).ready(function(){
+
+        $(".your-lp-carousel").slick({
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            prevArrow: '<i class="fal fa-chevron-left left-arrow"></i>',
+            nextArrow: '<i class="fal fa-chevron-right right-arrow"></i>',
+            infinite: false,
+            dots: true,
+            responsive: [
+                {
+                    breakpoint: 1170,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1,
+                    }
+                }
+            ]
+        });
+
+        let selectedCategory = null;
+        let selectedProgress = null;
+
+        function filterCards() {
+            $(".popular-carousel").slick('slickUnfilter');
+            
+            let filterFunction = function() {
+                const card = $(this).find('.card');
+                const cardCategories = card.attr('categories').split(',').map(c => c.trim());
+                const cardProgress = card.attr('progress');
+
+                let showByCategory = !selectedCategory || cardCategories.includes(selectedCategory);
+                let showByProgress = !selectedProgress || selectedProgress === 'All courses' || cardProgress === selectedProgress;
+
+                return showByCategory && showByProgress;
+            };
+
+            $(".popular-carousel").slick('slickFilter', filterFunction);
+        }
+
+        $('.filter').on('click', function() {
+            let clickedCategory = $(this).attr('value');
+
+            if (selectedCategory === clickedCategory) {
+                selectedCategory = null; 
+                $(this).removeClass('filter-active');
+            } else {
+                selectedCategory = clickedCategory;
+                $('.filter').removeClass('filter-active');
+                $(this).addClass('filter-active');
+            }
+
+            filterCards();
+        });
+
+        $('.filter-by-progress-option').on('click', function() {
+            let clickedProgress = $(this).attr('value');
+
+            if (selectedProgress === clickedProgress) {
+                selectedProgress = null; 
+            } else {
+                selectedProgress = clickedProgress;
+            }
+
+            filterCards();
+        });
+    });
+</script>
diff --git a/Custom_Templates/customer_templates/DeepL/_your_webinars.html.liquid b/Custom_Templates/customer_templates/DeepL/_your_webinars.html.liquid
new file mode 100644
index 00000000..346d6fb0
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/_your_webinars.html.liquid
@@ -0,0 +1,64 @@
+<div class="recommended-wrapper">
+    <div class="heading">
+       Your Webinars
+    </div>
+
+    <div class="upcoming-webinars-cards-wrapper">
+        {% for training_event in training_events.enrolled %}
+            <div class="carousel-card">
+                {% include "your_cards_training_event" with training_event%}
+            </div>
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-course-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .upcoming-webinars-cards-wrapper {
+        display: grid;
+        grid-template-columns: repeat(2,1fr);
+        margin-top: 40px;
+        gap: 20px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+</style>
+
diff --git a/Custom_Templates/customer_templates/DeepL/account.html.liquid b/Custom_Templates/customer_templates/DeepL/account.html.liquid
new file mode 100644
index 00000000..df96f9b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/auth_url_email.html.liquid b/Custom_Templates/customer_templates/DeepL/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/DeepL/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/DeepL/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/DeepL/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/catalog.html.liquid b/Custom_Templates/customer_templates/DeepL/catalog.html.liquid
new file mode 100644
index 00000000..b8fc9d2d
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/catalog.html.liquid
@@ -0,0 +1,26 @@
+{% assign enrolled_courses = 0 %}
+{% for course in courses.enrolled %}
+  {% if course.progress > 0 %}
+    {% assign enrolled_courses = enrolled_courses | plus: 1 %}
+  {% endif %}
+{% endfor %}
+{% include "header" %}
+<div class="page-hero-container">
+  <div class="hero-text-wrapper">
+    <div class="hero-heading lang-en">Courses</div>
+    <div class="hero-heading lang-de">Kurse</div>
+    <div class="hero-desc lang-en">The full collection of our courses, organized by theme and popularity.<br>Pick a topic and become a true DeepL expert.</div>
+    <div class="hero-desc lang-de">Die komplette Sammlung unserer Kurse, geordnet nach Themen und Beliebtheit.<br>Wählen Sie ein Thema und werden Sie ein echter DeepL Experte.</div>
+  </div>
+</div>
+<div class="np-homepage-featured np-max-width page-spacing">
+  {% if enrolled_courses > 0 %}
+  <section>
+    {% include "your_courses" %}
+  </section>
+  {% endif %}
+  <section>
+    {% include "all_courses" %}
+  </section>
+</div>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/DeepL/course.html.liquid b/Custom_Templates/customer_templates/DeepL/course.html.liquid
new file mode 100644
index 00000000..08f45d67
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/course.html.liquid
@@ -0,0 +1,7 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="" id="course-desktop">
+    {% include "course_desktop_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/DeepL/courses.html.liquid b/Custom_Templates/customer_templates/DeepL/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/dashboard.html.liquid b/Custom_Templates/customer_templates/DeepL/dashboard.html.liquid
new file mode 100644
index 00000000..4db981f2
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/dashboard.html.liquid
@@ -0,0 +1,3 @@
+<script>
+  window.location.replace('/app/catalog');
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/forgot_password.html.liquid b/Custom_Templates/customer_templates/DeepL/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/homepage.html.liquid b/Custom_Templates/customer_templates/DeepL/homepage.html.liquid
new file mode 100644
index 00000000..af8fb107
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/homepage.html.liquid
@@ -0,0 +1,154 @@
+{% assign courses_in_progress = 0 %}
+{% assign courses_completed = 0 %}
+{% assign certificates = 0 %}
+{% assign webinars = 0 %}
+
+{% for course in courses.enrolled %}
+  {% if course.progress > 0 and course.progress < 100 %}
+    {% assign courses_in_progress = courses_in_progress |  plus: 1 %}
+  {% endif %}
+  {% if course.progress == 100 %}
+      {% assign courses_completed = courses_completed | plus: 1 %}
+  {% endif %}
+{% endfor %}
+
+{% for learning_path in learning_paths.enrolled %}
+  {% if learning_path.completed? and learning_path.has_certificate? %}
+    {% assign certificates = certificates |  plus: 1 %}
+  {% endif %}
+{% endfor %}
+
+{% for training_event in training_events.available %}
+  {% assign webinars = webinars |  plus: 1 %}
+{% endfor %}
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  <div class="homepage-hero-container np-max-width ">
+    <div class="hero-text-container">
+      <div class="hero-heading lang-en">
+        Hi {% if current_person.first_name %}
+  {{ current_person.first_name }}!
+{% else %}
+  there!
+{% endif %}
+      </div>
+      <div class="hero-heading lang-de">
+        Hallo {% if current_person.first_name %}
+  {{ current_person.first_name }}!
+{% else %}
+  there!
+{% endif %}
+      </div>
+      <div class="hero-subheading lang-en">
+        Welcome to the DeepL Academy, your one-stop hub to master</br>all products and features on our Language AI platform.
+      </div>
+      <div class="hero-subheading lang-de">
+        Willkommen bei der DeepL Academy. Dies ist Ihre zentrale Anlaufstelle<br> für alle Produkte und Funktionen unserer Sprach-KI-Plattform.</br>
+      </div>
+      <div class="hero-buttons-wrapper">
+        <a href="#recommended-section" class="dark-btn lang-en">Start learning</a>
+        <a href="#recommended-section" class="dark-btn lang-de">Mit dem Lernen beginnen</a>
+      </div>
+      
+      <div class="progress-wrapper">
+        <div class="progress border-right">
+          <i class="fas fa-circle progress-circle"></i>
+          <span>{{courses_in_progress}}</span>
+          <span class="lang-en">in progress</span>
+          <span class="lang-de">In Arbeit</span>
+        </div>
+        <div class="progress border-right">
+          <i class="fas fa-circle completed-circle"></i>
+          <span>{{courses_completed}}</span>
+          <span class="lang-en">completed</span>
+          <span class="lang-de">Abgeschlossen</span>
+        </div>
+        <div class="progress">
+          <i class="fas fa-circle cert-circle"></i>
+          <span>{{certificates}}</span>
+          <span class="lang-en">certificates</span>
+          <span class="lang-de">Zertifikate</span>
+        </div>
+      </div>
+    </div>
+    <div class="hero-image-container">
+        <img class="hero-img" src="https://s3.amazonaws.com/static.northpass.com/DeepL/images/hero-image.png" alt="">
+    </div>
+  </div>
+  <div class="np-homepage-featured np-max-width page-spacing">
+    <section>
+      {% include "recommended" %}
+    </section>
+    <section>
+      {% include "popular" %}
+    </section>
+    {% if webinars > 0 %}
+      <section>
+        {% include "webinars" %}
+      </section>
+    {% endif %}
+    {% comment %} <section>
+      {% include "banner" %}
+    </section> {% endcomment %}
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+.homepage-hero-container {
+  display: flex;
+  padding: 50px 40px;
+  align-items: center;
+}
+.hero-image-container {
+  flex-basis: 50%;
+}
+.hero-text-container {
+  flex-basis: 50%;
+}
+.hero-buttons-wrapper {
+  display: flex;
+  gap: 20px;
+}
+.progress-wrapper {
+  display: flex;
+  background: #f8f8f8;
+  margin-top: 30px;
+  width: fit-content;
+  border-radius: 8px;
+}
+.progress {
+  padding: 10px;
+  display: flex;
+  gap: 5px;
+}
+.progress-circle {
+  color: #ffe76a;
+}
+.completed-circle {
+  color: #6cf1c9;
+}
+.cert-circle {
+  color: #a89cff;
+}
+.hero-img {
+  width: 100%;
+  max-width: 600px;
+}
+
+@media only screen and (max-width: 900px) {
+  .homepage-hero-container {
+    flex-direction: column-reverse;
+  }
+  .hero-image-container, .hero-text-container {
+    width: 100%;
+  }
+  .hero-image-container {
+    display: flex;
+    justify-content: center;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/learning_path.html.liquid b/Custom_Templates/customer_templates/DeepL/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/DeepL/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/learning_paths.html.liquid b/Custom_Templates/customer_templates/DeepL/learning_paths.html.liquid
new file mode 100644
index 00000000..87e7a974
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/learning_paths.html.liquid
@@ -0,0 +1,27 @@
+{% assign enrolled_lp = 0 %}
+{% for learning_path in learning_paths.enrolled %}
+  {% if learning_path.progress > 0 %}
+    {% assign enrolled_lp = enrolled_lp | plus: 1 %}
+  {% endif %}
+{% endfor %}
+
+{% include "header" %}
+<div class="page-hero-container">
+  <div class="hero-text-wrapper">
+    <div class="hero-heading lang-en">Learning paths</div>
+    <div class="hero-heading lang-de">Lernpfade</div>
+    <div class="hero-desc lang-en">The guides most relevant to you, all in one place.<br> Pick a use case and start exploring DeepL.</div>
+    <div class="hero-desc lang-de">Die für Sie wichtigsten Leitfäden an einem Ort. <br>Wählen Sie einen Anwendungsfall und entdecken Sie DeepL.</div>
+  </div>
+</div>
+<div class="np-homepage-featured np-max-width page-spacing">
+  {% if enrolled_lp > 0 %}
+    <section>
+      {% include "your_lp" %}
+    </section>
+  {% endif %}
+  <section>
+    {% include "all_lp" %}
+  </section>
+</div>
+{% include "footer" %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/login.html.liquid b/Custom_Templates/customer_templates/DeepL/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/master.html.liquid b/Custom_Templates/customer_templates/DeepL/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/master.html.liquid
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/DeepL/not_found.html.liquid b/Custom_Templates/customer_templates/DeepL/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/private_certificate.html.liquid b/Custom_Templates/customer_templates/DeepL/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/public_certificate.html.liquid b/Custom_Templates/customer_templates/DeepL/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/reset_password.html.liquid b/Custom_Templates/customer_templates/DeepL/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/resources.html.liquid b/Custom_Templates/customer_templates/DeepL/resources.html.liquid
new file mode 100644
index 00000000..c105871e
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/resources.html.liquid
@@ -0,0 +1,15 @@
+{% include "header" %}
+<div class="page-hero-container">
+  <div class="hero-text-wrapper">
+    <div class="hero-heading lang-en">Resources</div>
+    <div class="hero-heading lang-de">Ressourcen</div>
+    <div class="hero-desc lang-en">Videos, PDFs, best practices, and bite-sized guides—find them all here.<br>Learn at your own pace, in your own style.</div>
+    <div class="hero-desc lang-de">Videos, PDFs, Best Practices und Leitfäden in kompakter Form - hier finden Sie alles.<br>Lernen Sie in Ihrem eigenen Tempo und auf Ihre eigene Weise.</div>
+  </div>
+</div>
+<div class="np-homepage-featured np-max-width page-spacing">
+  <section>
+    {% include "resources_content" %}
+  </section>
+</div>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/DeepL/search.html.liquid b/Custom_Templates/customer_templates/DeepL/search.html.liquid
new file mode 100644
index 00000000..29efc0a1
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/search.html.liquid
@@ -0,0 +1,36 @@
+{% include "header" %}
+<main class="np-main np-search np-subpage-container np-max-width">
+  <div class="np-resource-title lang-en">
+    {% t .title %}
+  </div>
+  <div class="np-resource-title lang-de">
+    Suchergebnisse 
+  </div>
+  <div class="np-search-header">
+    <div class="np-resource-subtitle lang-en">
+      {% t .showing %}
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      {% t .results_for %}
+      <span class="np-button-color">"{{ results.term }}"</span>
+    </div>
+    <div class="np-resource-subtitle lang-de">
+      Unter
+      <span class="np-resource-subtitle-number">{{ results.count }}</span>
+      resultate für
+      <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/DeepL/sign_up.html.liquid b/Custom_Templates/customer_templates/DeepL/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/DeepL/styles.css.liquid b/Custom_Templates/customer_templates/DeepL/styles.css.liquid
new file mode 100644
index 00000000..7345b7a8
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/styles.css.liquid
@@ -0,0 +1,338 @@
+ /*
+ Put your custom overlay styles in here
+ You can use your northpass color palette in this file
+
+{{ color_palette.button_font_color }}
+{{ color_palette.button_color }}
+{{ color_palette.button_hover_color }}
+{{ color_palette.header_font_color }}
+{{ color_palette.header_font_hover_color }}
+{{ color_palette.header_color }}
+*/
+@font-face {
+    font-family: AktivGrotesk;
+    src: url("https://s3.amazonaws.com/static.northpass.com/DeepL/Font/AktivGroteskVF_WghtWdth.ttf");
+    font-weight: 300;
+}
+
+.grotesk-font {
+    font-family: 'AktivGrotesk';
+}
+
+body {
+    background: #fff;
+}
+.lang-en, .lang-fr, .lang-de, .lang-es {
+  display: none !important;
+}
+
+body[data-lang="en"] .lang-en {
+  display: block !important;
+}
+
+body[data-lang="fr"] .lang-fr {
+  display: block !important;
+}
+
+body[data-lang="de"] .lang-de {
+  display: block !important;
+}
+
+body[data-lang="es"] .lang-es {
+  display: block !important;
+}
+.hero-heading {
+    font-size: 96px;
+    font-weight: 300;
+}
+.hero-text-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+    justify-content: center;
+    align-items: center;
+    padding: 80px 20px;
+}
+.page-hero-container {
+    background: #DEF5FF;
+}
+.hero-desc {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    text-align: center;
+}
+.hero-subheading {
+    margin: 30px 0;
+}
+.dark-btn {
+    background: #0f2b46;
+    color: #fff;
+    text-decoration: none;
+    padding: 7px 16px;
+    border-radius: 40px;
+    display: flex;
+    align-items: center;
+}
+.light-btn {
+    background: #ededed;
+    color: #0f2b46;
+    text-decoration: none;
+    padding: 7px 16px;
+    border-radius: 40px;
+    display: flex;
+    align-items: center;
+}
+.border-right {
+    border-right: 1px solid rgba(0,0,0,0.05);
+}
+.heading {
+    font-size: 48px;
+    font-family: 'AktivGrotesk';
+}
+.page-spacing {
+    padding: 0px 40px;
+}
+.carousel-wrapper {
+    margin-top: 60px;
+}
+.slick-track {
+    margin: 0 !important;
+}
+.see-all-btn-container {
+    width: fit-content;
+    margin-top: 50px;
+}
+section {
+    margin-bottom: 70px;
+}
+.course-progress-container {
+    margin: 20px 0;
+  }
+  .card-content {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+}
+.progress-number {
+  color: #42a2ff;
+  font-size: 14px;
+}
+.webinars-cards-wrapper {
+  display: grid;
+  grid-template-columns: repeat(4,1fr);
+  margin-top: 40px;
+  gap: 20px;
+}
+  .course-progress {
+    width: 100%;
+    background: #d5d6d6;
+    height: 4px;
+    position: relative;
+    border-radius: 8px;
+    margin-top: 5px;
+  }
+  .course-progress-bar {
+    background: #42a2ff;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    border-radius: 8px;
+  }
+  .card {
+  background: #f8f8f8;
+  padding: 20px;
+  border-radius: 8px;
+  margin: 0 20px 20px 0;
+  height: 100%;
+  display: flex;
+}
+.card-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .card-image {
+  width: 100%;
+  border-radius: 8px;
+}
+.card-content-footer {
+  display: flex;
+  flex-direction: column;
+}
+.card-btn {
+  width: fit-content;
+}
+.card-content-title {
+  font-size: 30px;
+  font-weight: 400;
+  flex: 1;
+}
+.card-details {
+  display: flex;
+  color: #42A2FF;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 20px;
+}
+.course-lessons {
+  padding-right: 5px;
+  border-right: 1px solid #42A2FF;
+}
+.course-time {
+  padding-left: 5px;
+}
+.slick-track {
+    display: flex !important;
+}
+.slick-slide {
+    height: auto !important;
+}
+.course-outline-content-activity-link-completed {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25.2px;
+  letter-spacing: -0.01em;
+  text-align: left;
+  color: #42A2FF;
+  text-decoration: none;
+  margin-left: 20px;
+}
+.card-content-desc #isPasted, .card-content-desc p, .card-content-desc span {
+    background: none !important;
+}
+.np-top-cta {
+  background: #fff;
+  padding: 0;
+}
+.np-progress-bar-container, .np-card-progress-bar {
+  height: 4px;
+}
+.np-card-progress-bar {
+  background: #42A2FF;
+}
+.np-progress-bar-container {
+  background: #D5D6D6;
+}
+.small-heading {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25.2px;
+  letter-spacing: -0.01em;
+  color: #0F2B46;
+}
+.np-course-outline-content-activity-list-bar {
+  background-color: #000;
+  width: 1px;
+  top: 40px;
+}
+.card-btn:hover, .dark-btn:hover, .overview-cta-btn:hover {
+  background: #091A2B;
+}
+.overview-back-btn:hover {
+  color: #42a2ff;
+}
+.light-btn:hover {
+  background: #D5D6D6;
+}
+.filter:hover {
+  color: #42A2FF;
+}
+.cert-tag {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
+  letter-spacing: -0.01em;
+  color: #0F2B46;
+  padding: 7px 12px;
+  background: #DBD6FF;
+  border-radius: 4px;
+}
+.card-details-lp {
+  display: flex;
+  color: #42A2FF;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 20px;
+  justify-content: space-between;
+  align-items: center;
+}
+.course-content-desc {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25.2px;
+  flex: 1;
+  margin-top: 10px;
+}
+.card-training-session-date-day {
+  font-size: 64px;
+  font-weight: 300;
+  line-height: 67.2px;
+  letter-spacing: -0.015em;
+  color: #0F2B46;
+}
+.card-training-session-date-month, .card-training-session-date-year {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 25.2px;
+  color: #0F2B46;
+}
+.card-training-session-date {
+  display: flex;
+  align-items: center;
+  margin: 20px 0;
+  gap: 15px;
+}
+
+#loader-overlay {
+  display: none; 
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5); 
+  z-index: 9999;
+  align-items: center;
+  justify-content: center;
+}
+
+.loader {
+  width: 60px;
+  height: 60px;
+  border: 6px solid #f3f3f3;
+  border-top: 6px solid #3498db;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+@media only screen and (max-width: 900px) { 
+  .filters-container {
+    flex-wrap: wrap;
+  }
+  .carousel-filters {
+    flex-direction: column;
+  }
+  .filter-dropdown-container {
+    max-width: unset !important;
+  }
+  .banner-container {
+    flex-direction: column;
+  }
+  .links-footer {
+    flex-direction: column;
+  }
+}
+
diff --git a/Custom_Templates/customer_templates/DeepL/training_events.html.liquid b/Custom_Templates/customer_templates/DeepL/training_events.html.liquid
new file mode 100644
index 00000000..199c5c38
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/training_events.html.liquid
@@ -0,0 +1,33 @@
+{% assign enrolled_events = 0 %}
+{% assign upcoming_webinars = 0 %}
+{% for training_event in training_events.enrolled %}
+  {% assign enrolled_events = enrolled_events | plus: 1 %}
+{% endfor %}
+{% for training_event in training_events.available %}
+  {% assign upcoming_webinars = upcoming_webinars | plus: 1 %}
+{% endfor %}
+{% include "header" %}
+<div class="page-hero-container">
+  <div class="hero-text-wrapper">
+    <div class="hero-heading lang-en">Webinars</div>
+    <div class="hero-heading lang-de">Webinare</div>
+    <div class="hero-desc lang-en">Live and recorded webinars, hosted by in-house experts at DeepL.<br>Get invaluable insights from the people who created our products.</div>
+    <div class="hero-desc lang-de">Live- und aufgezeichnete Webinare, die von internen Experten auf DeepL veranstaltet werden.<br>Lassen Sie sich von den Leuten schulen, die unsere Produkte entwickelt haben.</div>
+  </div>
+</div>
+<div class="np-homepage-featured np-max-width page-spacing">
+  {% if enrolled_events > 0 %}
+    <section>
+      {% include "your_webinars" %}
+    </section>
+  {% endif %}
+  {% if upcoming_webinars > 0 %}    
+    <section>
+      {% include "upcoming_webinars" %}
+    </section>
+  {% endif %}
+  <section>
+    {% include "on_demand" %}
+  </section>
+</div>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/DeepL/training_session.html.liquid b/Custom_Templates/customer_templates/DeepL/training_session.html.liquid
new file mode 100644
index 00000000..b77b48d8
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/training_session.html.liquid
@@ -0,0 +1,111 @@
+{% 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>
+  .overview-back-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    text-align: center;
+    color: #0F2B46;
+    text-decoration: none;
+  }
+  .overview-btn-container {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+  .overview-heading {
+    font-size: 48px;
+    font-weight: 320;
+    line-height: 50.4px;
+    letter-spacing: -0.015em;
+    color: #0F2B46;
+  }
+  .overview-header-container {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+  }
+  .overview-content-container {
+    display: grid;
+    margin-top: 30px;
+    grid-template-columns: repeat(2,1fr);
+    gap: 70px;
+  }
+  .overview-details-container {
+    display: flex;
+    gap: 30px;
+  }
+  .overview-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 13px;
+    align-items: start;
+  }
+  .detail-content {
+      font-size: 18px;
+      font-weight: 400;
+      line-height: 25.2px;
+      letter-spacing: -0.01em;
+      color: #0F2B46;
+  }
+  .category-item {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+    color: #0F2B46;
+    padding: 11px 12px;
+    background: #EDEDED;
+    border-radius: 4px;
+  }
+  .overview-categories-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 17px;
+    margin-top: 40px;
+  }
+  .progress-text {
+    color: #42A2FF;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 19.6px;
+    letter-spacing: -0.01em;
+  }
+  .progress-overview {
+    display: flex;
+    gap: 20px;
+  }
+  .overview-cta-btn {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 25.2px;
+    letter-spacing: -0.01em;
+    color: #FFFFFF;
+    padding: 7px 18px;
+    background: #0F2B46;
+    border-radius: 40px;
+    text-decoration: none;
+    border: none;
+  }
+  .overview-cta-btn-container {
+    display: flex;
+    width: 100%;
+    max-width: 150px;
+  }
+
+  @media only screen and (max-width: 900px) {
+  .overview-content-container {
+    grid-template-columns: repeat(1,1fr);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/DeepL/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/DeepL/training_session_attendance.html.liquid
new file mode 100644
index 00000000..e6a0ec1c
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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 {{ training_event.event_type_icon }}"></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/DeepL/transcript.html.liquid b/Custom_Templates/customer_templates/DeepL/transcript.html.liquid
new file mode 100644
index 00000000..b6cb5428
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/transcript.html.liquid
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-transcript">
+  {% transcript %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/DeepL/unsubscribe.html.liquid b/Custom_Templates/customer_templates/DeepL/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/DeepL/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/EmailMonkey with PX/_account_avatar.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_account_form.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_account_tabs.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_tabs.html.liquid
new file mode 100644
index 00000000..ec4109c1
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_account_tabs.html.liquid	
@@ -0,0 +1,32 @@
+{% capture settings_path %}{% route account %}{% endcapture %}
+{% capture transcript_path %}{% route transcript %}{% endcapture %}
+{% capture order_history_path %}{% route order_history %}{% endcapture %}
+
+{% if current_person.signed_in? %}
+{% unless current_school.sso_active? %}
+  <nav class="np-tabs np-account-tabs">
+    <div class="np-tabs-content">
+      <div class="np-tab{% if page.path == settings_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ settings_path}}">
+          {% t .profile_settings %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+      <div class="np-tab{% if page.path == transcript_path %} np-tab-active{% endif %}">
+        <a class="np-tab-link" href="{{ transcript_path }}">
+          {% t .transcript %}
+        </a>
+        <div class="np-tab-indicator np-button-background-color"></div>
+      </div>
+      {% if features.commerce? %}
+        <div class="np-tab{% if page.path == order_history_path %} np-tab-active{% endif %}">
+          <a class="np-tab-link" href="{{ order_history_path }}">
+            {% t .order_history %}
+          </a>
+          <div class="np-tab-indicator np-button-background-color"></div>
+        </div>
+      {% endif %}
+    </div>
+  </nav>
+{% endunless %}
+{% endif %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_description.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_description.html.liquid
new file mode 100644
index 00000000..e7e891ca
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .about %}
+</h3>
+<div class="np-card-text">
+  {{ product.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_desktop_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_desktop_header.html.liquid
new file mode 100644
index 00000000..6fb22dec
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_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.product_types.bundle %}
+    <i class="far fa-layer-group np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-icon-back"></i>
+    </a>
+    {{ product.name }}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_desktop_view.html.liquid
new file mode 100644
index 00000000..66f57bdc
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_desktop_view.html.liquid	
@@ -0,0 +1,21 @@
+{% include "bundle_desktop_header" %}
+<div class="row">
+  <div class="col-xs-12 col-sm-6">
+    <div class="np-card-container">
+      <img
+        src="{{ product.image_url }}"
+        class="np-top-image"
+        alt="{{ product.name }}"
+      />
+      <div class="np-card-padding-dynamic">
+        {% include "bundle_description"  %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-6 np-grid-spacing">
+    <div class="np-top-cta np-card-container np-card-padding np-product-cta">
+      {% include "product_price_and_cta"%}
+    </div>
+    {% include "bundle_product_outline" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_mobile_view.html.liquid
new file mode 100644
index 00000000..89272b6d
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_mobile_view.html.liquid	
@@ -0,0 +1,27 @@
+<div class="np-card-container np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title np-text-muted">
+    {% t shared.product_types.bundle %}
+  </div>
+  <div class="np-top-title">
+    <a href="{% route catalog %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+    </a>
+    {{ product.name }}
+  </div>
+  <img
+    src="{{ product.image_url }}"
+    class="np-top-image"
+    alt="{{ product.name }}"
+  />
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "bundle_description" %}
+</div>
+
+<div class="np-card-spacing">
+  {% include "bundle_product_outline" %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_outline.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_outline.html.liquid
new file mode 100644
index 00000000..9fc22512
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_bundle_product_outline.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-learning-path-outline">
+  <h3 class="np-product-outline-title">{% t shared.bundle.title %}</h3>
+  {% for item in product.bundle_items %}
+    {% if item.course? %}
+      {% include "product_outline_course", id: forloop.index %}
+    {% elsif item.training_event? %}
+      {% include "product_outline_event", id: forloop.index %}
+    {% elsif item.learning_path? %}
+      {% include "product_outline_lp", id: forloop.index %}
+    {% endif %}
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_catalog_item.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_catalog_item.html.liquid
new file mode 100644
index 00000000..a096f57c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_catalog_item.html.liquid	
@@ -0,0 +1,38 @@
+<div class="np-card">
+  <div class="np-card-container">
+    <img
+      class="np-card-image"
+      alt="{{ item.name }}"
+      src="{{ item.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-catalog-card-title">
+        {{ item.name }}
+      </h3>
+      <div class="np-product-badge np-product-badge-catalog">
+        <i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+        <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
+      </div>
+      <div class="np-card-content-footer np-catalog-card-footer">
+        {% if item.free_course? %}
+          <div class="np-card-content-progress np-learning-progress-text-color">
+            {% t shared.progress, count: item.progress %}
+          </div>
+          {% if item.has_to_restart? %}
+            {% include "course_version_outdated_popup", path: item.path %}
+          {% endif %}
+          <a class="np-button np-button-wide" href="{{ item.path }}">
+            {% t shared.view %}
+          </a>
+        {% else %}
+          <span class="np-catalog-card-price">
+            {{ item.formatted_price}}
+          </span>
+          <a class="np-button np-button-wide" href="{{ item.path }}">
+            {% t shared.learn_more %}
+          </a>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_course.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_course.html.liquid
new file mode 100644
index 00000000..727b06a1
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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">
+      <h2 class="np-card-content-title">
+        {{ course.name }}
+      </h2>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress np-learning-progress-text-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/EmailMonkey with PX/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..1636dc54
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_learning_path.html.liquid	
@@ -0,0 +1,69 @@
+<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">
+          <h2 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h2>
+
+          <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-learning-progress-text-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-card-progress-bar np-learning-progress-bar-color">
+            </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/EmailMonkey with PX/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_training_event.html.liquid
new file mode 100644
index 00000000..be152ff7
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_cards_training_event.html.liquid	
@@ -0,0 +1,53 @@
+<div class="np-card np-card-training-event">
+  <div class="np-card-container">
+    <div class="np-card-content-training-event">
+      <h2 class="np-card-content-title">
+        {{ training_event.title }}
+      </h2>
+      <div class="np-card-content-subtitle">
+        <i class="far {{ training_event.event_type_icon }} np-training-session-icon"></i>
+        {% t shared.event_types, key: training_event.event_type %}
+        <span class="np-card-training-sessions-separator">•</span>
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+      </div>
+      <div class="np-card-training-session">
+        <span class="np-card-content-label">
+          {% t .next_session %} -
+          <span class="{{ training_event.sessions.first.status.type}}">
+            {{ training_event.sessions.first.status.label}}
+          </span>
+        </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-label">
+            <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>
+    <div class="np-card-content np-card-content-vertical np-card-content-training-event">
+      <div class="np-card-training-sessions">
+
+        <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/EmailMonkey with PX/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_categories.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_categories.html.liquid
new file mode 100644
index 00000000..64f40e73
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_categories.html.liquid	
@@ -0,0 +1,10 @@
+<h2 class="np-card-heading">
+  {% t .header %}
+</h2>
+<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/EmailMonkey with PX/_course_description.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_description.html.liquid
new file mode 100644
index 00000000..b3c6b470
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_description.html.liquid	
@@ -0,0 +1,6 @@
+<h2 class="np-card-heading">
+  {% t .header, key: current_school.course_vocabulary %}
+</h2>
+<div class="np-card-text">
+  {{ course.full_description }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_events.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_events.html.liquid
new file mode 100644
index 00000000..53d3c528
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_events.html.liquid	
@@ -0,0 +1,28 @@
+<h2 class="np-card-heading">
+  {% t .header %}
+</h2>
+<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/EmailMonkey with PX/_course_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_header.html.liquid
new file mode 100644
index 00000000..84820ec4
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_instructors.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_instructors.html.liquid
new file mode 100644
index 00000000..a8d82b21
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_instructors.html.liquid	
@@ -0,0 +1,22 @@
+<h2 class="np-card-heading">
+  {% t .header %}
+</h2>
+<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/EmailMonkey with PX/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_outline.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_desktop_view.html.liquid
new file mode 100644
index 00000000..ae8d50de
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_desktop_view.html.liquid	
@@ -0,0 +1,41 @@
+<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 np-card-container np-card-padding np-product-cta">
+        {% include "product_price_and_cta" %}
+      </div>
+      {% include "product_outline" %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_mobile_view.html.liquid
new file mode 100644
index 00000000..880a0f24
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_product_mobile_view.html.liquid	
@@ -0,0 +1,31 @@
+<div class="np-card-container np-card-padding-large">
+  {% include "course_header" %}
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<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 "product_outline" %}
+</div>
+
+{% 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/EmailMonkey with PX/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..c3e46166
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_progress_and_cta.html.liquid	
@@ -0,0 +1,48 @@
+<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-card-progress-bar np-learning-progress-bar-color">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-learning-progress-text-color {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+  {% include "product_expiration_date", date: course.expiration_date %}
+</div>
+
+<div class="np-top-cta-container">
+  {% 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 %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..d2e6fc52
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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>
+        <h2 class="np-popup-header-title">
+          {% t .title %}
+        </h2>
+      </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/EmailMonkey with PX/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_courses_index.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_filter_select.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_footer.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_footer.html.liquid
new file mode 100644
index 00000000..b076dea7
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_footer.html.liquid	
@@ -0,0 +1,97 @@
+<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>
+  <!-- Hide Header in EM Community only if embedded in community.emailmonkey.app -->
+  <script>
+      document.addEventListener("DOMContentLoaded", function() {
+          if (window.self !== window.top) { // Confirms it's inside an iframe
+              const parentURL = document.referrer; // Get the parent page's URL
+              console.log("Parent URL:", parentURL);
+
+              if (parentURL.includes("community.emailmonkey.app")) { // Check if parent is the community site
+                  const header = document.querySelector(".np-header");
+                  if (header) {
+                      header.style.display = "none";
+                      console.log("✅ Header hidden when embedded in 'community.emailmonkey.app'!");
+                  }
+              } else {
+                  console.log("ℹ️ Header remains visible. Parent is not 'community.emailmonkey.app'.");
+              }
+          }
+      });
+  </script>
+</footer>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_head.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_head.html.liquid
new file mode 100644
index 00000000..beab5b4a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_head.html.liquid	
@@ -0,0 +1,3 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_header.html.liquid
new file mode 100644
index 00000000..25df76a5
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_header.html.liquid	
@@ -0,0 +1,232 @@
+<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 %}
+      <h1>
+        <a href="{% route home %}" class="np-school-name np-header-font-color">
+          {{ current_school.name }}
+        </a>
+      </h1>
+    {% 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? %}
+      {% if features.commerce? %}
+        <a class="np-hidden-mobile np-header-button np-header-button-cart" href="{% route cart %}">
+          <i class="np-header-button-icon far fa-shopping-cart"></i>
+          {% t .cart %}
+          {% commerce_cart_badge %}
+        </a>
+      {% endif %}
+      <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"
+            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 %}
+            {% if current_person.signed_in? and features.commerce? %}
+              <a
+                class="np-header-avatar-tooltip-navigation-link"
+                href="{% route order_history %}"
+              >
+                {% t .order_history %}
+              </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 %}
+      {% if current_person.signed_in? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route transcript %}"
+        >
+          {% t .transcript %}
+        </a>
+      {% endif %}
+      {% if current_person.signed_in? and features.commerce? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route order_history %}"
+        >
+          {% t .order_history %}
+        </a>
+      {% endif %}
+      {% if current_person.signed_in? and features.commerce? %}
+        <div class="np-header-mobile-menu-content-line"></div>
+        <a
+          class="np-header-mobile-menu-content-button np-header-mobile-menu-content-button-cart"
+          href="{% route cart %}"
+        >
+          <i class="np-header-mobile-menu-content-button-icon far fa-shopping-cart"></i>
+          {% t .cart %}
+          {% commerce_cart_badge %}
+        </a>
+      {% endif %}
+      <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/EmailMonkey with PX/_header_minimal.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..3632ce1c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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="{% route 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/EmailMonkey with PX/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_course.html.liquid
new file mode 100644
index 00000000..dc463beb
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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-learning-progress-text-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/EmailMonkey with PX/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_description.html.liquid
new file mode 100644
index 00000000..f79f9e14
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_description.html.liquid	
@@ -0,0 +1,6 @@
+<h2 class="np-card-heading">
+  {% t .about %}
+</h2>
+<div class="np-card-text">
+  {{ learning_path.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..f4b3eaf3
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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">
+    <h2 class="np-learning-path-banner-headline">{% t .headline %}</h2>
+    <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/EmailMonkey with PX/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_product_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_desktop_view.html.liquid
new file mode 100644
index 00000000..08cb6406
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_desktop_view.html.liquid	
@@ -0,0 +1,22 @@
+{% include "learning_path_desktop_header", learning_path: product %}
+<div class="row">
+  <div class="col-xs-12 col-sm-6">
+    <div class="np-card-container">
+      <img
+        src="{{ product.image_url }}"
+        class="np-top-image"
+        alt="{{ product.name }}"
+      />
+      <div class="np-card-padding-dynamic">
+        {% include "learning_path_description", learning_path: product  %}
+        {% include "learning_path_instructors", learning_path: product  %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-6 np-grid-spacing">
+    <div class="np-top-cta np-card-container np-card-padding np-product-cta">
+      {% include "product_price_and_cta"%}
+    </div>
+    {% include "learning_path_product_outline" %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_mobile_view.html.liquid
new file mode 100644
index 00000000..c42b6612
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_mobile_view.html.liquid	
@@ -0,0 +1,34 @@
+<div class="np-card-container np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title np-text-muted">
+    {% t shared.learning_path.title %}
+    <i class="far fa-road 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>
+    {{ product.name }}
+  </div>
+  <img
+    src="{{ product.image_url }}"
+    class="np-top-image"
+    alt="{{ product.name }}"
+  />
+  <div class="np-top-cta">
+    {% include "product_price_and_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "learning_path_description", learning_path: product %}
+</div>
+
+<div class="np-card-spacing">
+  {% include "learning_path_product_outline" %}
+</div>
+
+{% if product.instructors.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "learning_path_instructors", learning_path: product %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_outline.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_outline.html.liquid
new file mode 100644
index 00000000..bf077377
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_product_outline.html.liquid	
@@ -0,0 +1,10 @@
+<div class="np-learning-path-outline">
+  <h3 class="np-product-outline-title">{% t .title %}</h3>
+  {% for item in product.learning_path_items %}
+    {% if item.course? %}
+      {% include "product_outline_course", id: forloop.index %}
+    {% elsif item.training_event? %}
+      {% include "product_outline_event", id: forloop.index %}
+    {% endif %}
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..0e7fb9b2
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_progress_and_cta.html.liquid	
@@ -0,0 +1,23 @@
+{% 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-card-progress-bar np-learning-progress-bar-color">
+      </div>
+    </div>
+    <div class="np-top-cta-progress-text
+      {% if learning_path.completed? %} np-color-success {% else %} np-learning-progress-text-color {% endif %}
+    ">
+      {% t shared.progress, count: learning_path.progress %}
+    </div>
+    {% include "product_expiration_date", date: learning_path.expiration_date %}
+  </div>
+{% endif %}
+
+<div class="np-top-cta-container">
+  {% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..a4681210
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_messages.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_product_expiration_date.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_expiration_date.html.liquid
new file mode 100644
index 00000000..2d4b898b
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_expiration_date.html.liquid	
@@ -0,0 +1,7 @@
+{% if date %}
+  {% capture date_format %}{% t date.formats.short_humanized %}{% endcapture %}
+  {% capture formatted_date %}{{ date | date: date_format }}{% endcapture %}
+  <time class="np-product-expiration-date" datetime="{{ date }}">
+    {% t .label, date: formatted_date %}
+  </time>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline.html.liquid
new file mode 100644
index 00000000..4255455a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline.html.liquid	
@@ -0,0 +1,25 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    {% t .header.course %}
+  </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">
+                <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  {% include "course_activity_locked" %}
+                <div class="np-course-outline-content-activity-list-bar"></div>
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_course.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_course.html.liquid
new file mode 100644
index 00000000..594cc2de
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_course.html.liquid	
@@ -0,0 +1,82 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-base-container">
+    <img
+      src="{{ item.image }}"
+      alt="{{ item.name }}"
+      class="np-product-outline-course-image"
+    >
+    <div class="np-product-outline-content">
+      <div class="np-product-outline-name np-top-title">
+        {{ item.name }}
+      </div>
+
+        <p class="np-product-outline-caption">
+        {% if item.instructors.any? %}
+          {{ item.instructor_names }}
+           {% endif %}
+        </p>
+
+      <div class="np-product-outline-base-bottom">
+        <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+          <i class="far fa-graduation-cap np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.course %}</h3>
+        </div>
+        <button
+          class="np-button np-product-outline-details-button"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-expand-{{ id }}"
+          data-toggle-outside
+        >
+          <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+          <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      <p class="np-product-outline-section-content">{{ item.full_description }}</p>
+    </div>
+    {% if item.categories.any? %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t .categories %}
+        </h3>
+        <div class="np-flex">
+          {% for category in item.categories %}
+            <div class="np-content-categories-content-item">
+              {{ category.name }}
+            </div>
+          {% endfor %}
+        </div>
+      </div>
+    {% endif %}
+    {% if item.instructors.any? %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t shared.instructors %}
+        </h3>
+        <div class="np-content-instructors-content row">
+          {% for instructor in item.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 %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_event.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_event.html.liquid
new file mode 100644
index 00000000..aaa38f41
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_event.html.liquid	
@@ -0,0 +1,49 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-content">
+    {% if item.available? %}
+      {% if item.location %}
+        <span class="np-product-location">{{ item.location }} |</span>
+      {% endif %}
+      <span class="np-product-date">{{ item.time }} {{ item.time_zone }}, {{ item.date }}</span>
+      <a class="np-product-outline-name np-top-title" href="{{ item.preview_path }}">{{ item.name }}</a>
+    {% else %}
+      <span class="np-product-outline-name np-top-title">{{ item.name }}</span>
+    {% endif %}
+    <div class="np-learning-path-outline-caption">{{ item.caption }}</div>
+    <div class="np-product-outline-base-bottom np-product-ilt-bottom">
+      <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+      <i class="far {{ item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+      <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ item.formatted_type }}</h3>
+    </div>
+    <button
+      class="np-button np-product-outline-details-button"
+      data-toggle-class-on-target="np-hidden"
+      data-toggle-target=".np-expand-{{ id }}"
+      data-toggle-outside
+    >
+      <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+      <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+    </button>
+    </div>
+    <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      <p class="np-product-outline-section-content">{{ item.description }}</p>
+    </div>
+    {% if item.instructors %}
+      <div class="np-card-content-divider np-product-outline-spacer">
+        <h3 class="np-product-outline-section-headline">
+          {% t shared.instructors %}
+        </h3>
+        <div class="np-content-instructors-content row">
+            <div class="np-content-instructors-content-item col-xs-12 col-lg">
+                <div class="np-content-instructors-content-name">
+                  {{ item.instructors }}
+                </div>
+            </div>
+        </div>
+      </div>
+    {% endif %}
+  </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_lp.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_lp.html.liquid
new file mode 100644
index 00000000..87106e09
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_outline_lp.html.liquid	
@@ -0,0 +1,65 @@
+<div class="np-card-container np-card-padding np-product-outline-container">
+  <div class="np-product-outline-base-container">
+    <img
+      src="{{ item.image_url }}"
+      alt="{{ item.name }}"
+      class="np-product-outline-course-image"
+    >
+    <div class="np-product-outline-content">
+      <div class="np-product-outline-name np-top-title">
+        {{ item.name }}
+      </div>
+
+        <p class="np-product-outline-caption">
+          {% if item.instructor_names %}
+            {{ item.instructor_names }}
+          {% endif %}
+        </p>
+
+      <div class="np-product-outline-base-bottom">
+        <div class="np-product-badge np-product-badge-catalog np-product-badge-outline">
+          <i class="far fa-road np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{% t shared.product_types.learning_path %}</h3>
+        </div>
+        <button
+          class="np-button np-product-outline-details-button"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-expand-{{ id }}"
+          data-toggle-outside
+        >
+          <span class="np-expand-{{ id }}">{% t shared.buttons.expand %}<i class="far fa-chevron-down np-expand-{{ id }}"></i></span>
+          <span class="np-expand-{{ id }} np-hidden">{% t shared.buttons.collapse %} <i class="far fa-chevron-up np-hidden np-expand-{{ id }}"></i></span>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="np-expand-{{ id }} np-hidden">
+    <div class="np-card-content-divider np-product-outline-spacer">
+      <h3 class="np-product-outline-section-headline">{% t .about %}</h3>
+      {{ item.description }}
+    </div>
+    <h3 class="np-product-outline-section-headline">{% t .content %}</h3>
+    {% for learning_path_item in item.learning_path_items %}
+      <div class="np-product-outline-lp-product-container">
+        <div class="np-product-outline-lp-product-info">
+          {% if learning_path_item.course? %}
+            <h3 class="np-product-outline-name np-top-title">{{learning_path_item.name}}</h3>
+            <p class="np-product-outline-caption">{{learning_path_item.instructor_names}}</p>
+          {% elsif learning_path_item.training_event? %}
+            {% if learning_path_item.available? %}
+              <a class="np-product-outline-name np-top-title" href="{{ learning_path_item.preview_path }}">{{learning_path_item.name}}</a>
+              <span class="np-product-date">{{ learning_path_item.time }} {{ learning_path_item.time_zone }}, {{ learning_path_item.date }}</span>
+            {% else %}
+              <span class="np-product-outline-name np-top-title">{{learning_path_item.name}}</span>
+              <span class="np-product-date">{{ learning_path_item.caption }}</span>
+            {% endif %}
+          {% endif %}
+        </div>
+        <div class="np-product-badge np-product-badge-catalog">
+          <i class="far {{ learning_path_item.icon }} np-product-badge-icon np-product-badge-catalog-icon"></i>
+          <h3 class="np-product-badge-name np-product-badge-catalog-name">{{ learning_path_item.formatted_type }}</h3>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_product_price_and_cta.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_price_and_cta.html.liquid
new file mode 100644
index 00000000..c0221597
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_product_price_and_cta.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-top-cta-price-content">
+    <div>
+    <span class="np-catalog-card-price np-commerce-outline-description-price">{{ product.formatted_price }}</span>
+    <span class="np-commerce-outline-description-access">
+        {{ product.formatted_access_period}}
+    </span>
+    </div>
+</div>
+<div class="np-top-cta-container">
+  {% commerce_add_to_cart product %}
+  {% commerce_buy_more_access product %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_search_result.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_search_zero_state.html.liquid
new file mode 100644
index 00000000..9b76d980
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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">
+      <h2 class="np-search-zero-state-title">
+        {% t .nothing_found %}
+      </h2>
+      <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/EmailMonkey with PX/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_sub_navigation.html.liquid
new file mode 100644
index 00000000..ab92bc30
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_sub_navigation.html.liquid	
@@ -0,0 +1,13 @@
+<nav aria-label="subnavigation" 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/EmailMonkey with PX/_training_event_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_desktop_view.html.liquid
new file mode 100644
index 00000000..76ac434a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_desktop_view.html.liquid	
@@ -0,0 +1,42 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
+    <div class="np-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-4 np-grid-spacing">
+    <div class="np-training-session-container">
+        <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>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_mobile_view.html.liquid
new file mode 100644
index 00000000..f6a7b959
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_mobile_view.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
+    {% include "training_session_status" %}
+    {% include "training_session_date" %}
+    {% include "training_session_details" %}
+    {% include "training_session_description" %}
+  </div>
+
+  {% if training_event.sessions.size > 1 %}
+    <div class="np-card-spacing">
+      <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% include "training_session_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_desktop_view.html.liquid
new file mode 100644
index 00000000..be9b996a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_desktop_view.html.liquid	
@@ -0,0 +1,42 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
+    <div class="np-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-4 np-grid-spacing">
+    <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% if training_event.sessions.size > 0 %}
+          {% include "training_event_preview_more_sessions" %}
+        {% else %}
+          <div class="np-training-session-zero-state">
+            <img
+              alt="{% t themes.default._training_event_desktop_view.empty %}"
+              class="np-zero-state-training-sessions"
+            />
+            <div class="np-training-session-zero-state-text">
+              {% t themes.default._training_event_desktop_view.empty %}
+            </div>
+          </div>
+        {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_mobile_view.html.liquid
new file mode 100644
index 00000000..84323a09
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_mobile_view.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
+    {% include "training_session_status" %}
+    {% include "training_session_date" %}
+    {% include "training_session_details" %}
+    {% include "training_session_description" %}
+  </div>
+
+  {% if training_event.sessions.size > 0 %}
+    <div class="np-card-spacing">
+      <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% include "training_event_preview_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_more_sessions.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_more_sessions.html.liquid
new file mode 100644
index 00000000..a81c888a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_more_sessions.html.liquid	
@@ -0,0 +1,3 @@
+{% for session in training_event.sessions %}
+  {% include "training_event_preview_session_tile", current_session: training_session %}
+{% endfor %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_session_tile.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_session_tile.html.liquid
new file mode 100644
index 00000000..7a09cc33
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_event_preview_session_tile.html.liquid	
@@ -0,0 +1,18 @@
+<div class="np-training-session-tile">
+  <div class="np-training-session-tile-header">
+    <i class="far fa-calendar-star np-training-session-tile-icon"></i>
+    <div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
+      {{ session.status.label }}
+    </div>
+  </div>
+  <div class="np-training-session-tile-content">
+    <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>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_events_index.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_cta.html.liquid
new file mode 100644
index 00000000..5f959556
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_cta.html.liquid	
@@ -0,0 +1,35 @@
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{{ training_session.cta.url }}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.show_calendar_links? %}
+        {% include "training_session_calendars" %}
+      {% endif %}
+
+      {% if training_session.cta.undo? %}
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.cta.label %}
+        <button
+          type="submit"
+          class="
+            np-top-button
+            np-button
+            np-button-big
+
+            {% if training_session.show_calendar_links? %}
+              np-button-secondary
+            {% endif %}
+          "
+        >
+          {{ training_session.cta.label }}
+        </button>
+      {% endif %}
+    </form>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_date.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_date.html.liquid
new file mode 100644
index 00000000..860040fe
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_date.html.liquid	
@@ -0,0 +1,16 @@
+<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-label">
+    <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>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_description.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_description.html.liquid
new file mode 100644
index 00000000..f8c165ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_description.html.liquid	
@@ -0,0 +1,6 @@
+<h2 class="np-card-heading">
+  {% t .header %}
+</h2>
+<div class="np-card-text">
+  {{ training_event.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..d689ade2
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_desktop_view.html.liquid	
@@ -0,0 +1,43 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row np-training-session-row">
+  <div class="col-xs-12 col-sm-8">
+    <div class="np-card-container">
+      <div class="np-card-padding-large">
+        <div>
+          {% include "training_session_status" %}
+          {% include "training_session_date" %}
+        </div>
+        <div class="np-training-session-details">
+          {% include "training_session_details" %}
+          {% include "training_session_cta" %}
+        </div>
+      </div>
+      <div class="np-card-content-divider"></div>
+      <div class="np-card-padding-large">
+        {% include "training_session_description" %}
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-4 np-grid-spacing">
+    <div class="np-training-session-container">
+        <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>
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_details.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_details.html.liquid
new file mode 100644
index 00000000..64a925b7
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_details.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-training-session-info">
+
+  <div class="np-training-session-time">
+    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
+    <time>{{ training_session.time_period }} {{ training_session.time_zone }}</time>
+  </div>
+
+  {% if training_session.approved? and 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.approved? and 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/EmailMonkey with PX/_training_session_header.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_header.html.liquid
new file mode 100644
index 00000000..fdfdf380
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_header.html.liquid	
@@ -0,0 +1,7 @@
+<div class="np-top-vocabulary np-text-title">
+  {% t shared.event_types, key: training_event.event_type %}
+  <i class="fal {{ training_event.event_type_icon }} np-button-color np-training-session-icon"></i>
+</div>
+<div class="np-top-title">
+  {{ training_event.title }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..3270d65d
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_mobile_view.html.liquid	
@@ -0,0 +1,27 @@
+<div class="np-training-session-view">
+  <div class="np-training-session-view-header">
+    {% include "training_session_header" %}
+  </div>
+
+  <div class="np-card-container np-training-session-view-details np-card-padding np-card-spacing">
+    {% include "training_session_status" %}
+    {% include "training_session_date" %}
+    {% include "training_session_details" %}
+    <div class="np-card-padding-large">
+      {% include "training_session_cta" %}
+    </div>
+    {% include "training_session_description" %}
+  </div>
+
+  {% if training_event.sessions.size > 1 %}
+    <div class="np-card-spacing">
+      <div class="np-training-session-container">
+        <div class="np-training-session-sessions-title">
+          {% t shared.more_sessions %}
+        </div>
+        {% include "training_session_more_sessions" %}
+      </div>
+    </div>
+  {% endif %}
+
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_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/EmailMonkey with PX/_training_session_status.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_status.html.liquid
new file mode 100644
index 00000000..75116282
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_status.html.liquid	
@@ -0,0 +1,6 @@
+<div class="np-training-session-cta-note np-training-session-tile-badge np-training-session-tile-badge-{{ training_session.status.type }}">
+    {% if training_session.approved? %}
+        <i class="far fa-check np-training-session-icon"></i>
+    {% endif %}
+    {{ training_session.status.label }}
+</div>
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_tile.html.liquid
new file mode 100644
index 00000000..669fbb6c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/_training_session_tile.html.liquid	
@@ -0,0 +1,24 @@
+{% if current_session.id != session.id %}
+  <a
+    class="np-training-session-tile"
+    href="{% route training_session, id: session.id %}"
+  >
+    <div class="np-training-session-tile-header">
+        <i class="far fa-calendar-star np-training-session-tile-icon"></i>
+        <div class="np-training-session-tile-badge np-training-session-tile-badge-{{ session.status.type }}">
+            {{ session.status.label }}
+        </div>
+    </div>
+    <div class="np-training-session-tile-content">
+      <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-arrow-right np-training-session-tile-chevron"></i>
+    </div>
+  </a>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/account.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/account.html.liquid
new file mode 100644
index 00000000..df96f9b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/auth_url_email.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/bundle_product.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/bundle_product.html.liquid
new file mode 100644
index 00000000..734327e5
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/bundle_product.html.liquid	
@@ -0,0 +1,10 @@
+{% include "header" %}
+<main class="np-main np-max-width np-page-container">
+  <div class="np-hidden-mobile">
+    {% include "bundle_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop">
+    {% include "bundle_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/catalog.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/catalog.html.liquid
new file mode 100644
index 00000000..d7b380b8
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/commerce_cart.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_cart.html.liquid
new file mode 100644
index 00000000..2f75af33
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_cart.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-cart-page np-main np-page-container np-max-width">
+  {% commerce_cart %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_catalog.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_catalog.html.liquid
new file mode 100644
index 00000000..94d32dfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_catalog.html.liquid	
@@ -0,0 +1,28 @@
+{% 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">
+      <h2 class="np-resource-title">{{ catalog.headline }}</h2>
+      <p class="np-resource-subtitle">{{ catalog.subheadline }}</p>
+    </div>
+  </div>
+  {% if catalog.any? %}
+    <div class="np-catalog-courses row row-with-thumbnails">
+      {% for item in catalog.items %}
+        <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+          {% include "cards_catalog_item" with item %}
+        </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 %}
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_checkout.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_checkout.html.liquid
new file mode 100644
index 00000000..96d540b6
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_checkout.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-checkout-page np-main np-page-container np-max-width">
+  {% commerce_checkout %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_details.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_details.html.liquid
new file mode 100644
index 00000000..a12b7245
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_details.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-main np-subpage-container np-commerce-order-details-page">
+  {% commerce_order_details %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_history.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_history.html.liquid
new file mode 100644
index 00000000..031f5eac
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_order_history.html.liquid	
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-commerce-order-history-page">
+  {% commerce_order_history %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_redeem.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_redeem.html.liquid
new file mode 100644
index 00000000..58260bac
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_redeem.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-redeem-page np-main np-page-container np-max-width">
+  {% commerce_redeem %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_return.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_return.html.liquid
new file mode 100644
index 00000000..e8ea847b
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/commerce_return.html.liquid	
@@ -0,0 +1,7 @@
+{% include "header" %}
+
+<main class="np-commerce-return-page np-main np-page-container np-max-width">
+  {% commerce_return %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/course.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/course.html.liquid
new file mode 100644
index 00000000..d77e09ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/course_product.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/course_product.html.liquid
new file mode 100644
index 00000000..05e06883
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/course_product.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_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="course-mobile">
+    {% include "course_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/courses.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/dashboard.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/dashboard.html.liquid
new file mode 100644
index 00000000..f5c8e7df
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/forgot_password.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/homepage.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/homepage.html.liquid
new file mode 100644
index 00000000..77559cc9
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/learning_path.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/learning_path.html.liquid
new file mode 100644
index 00000000..5cbb5a93
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/learning_path_product.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_product.html.liquid
new file mode 100644
index 00000000..3d613e2a
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_product.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_product_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="learning-path-mobile">
+    {% include "learning_path_product_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/learning_paths.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/login.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/master.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/master.html.liquid	
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/not_found.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/private_certificate.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/public_certificate.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/reset_password.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/search.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/search.html.liquid
new file mode 100644
index 00000000..01684399
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/sign_up.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/styles.css.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/styles.css.liquid
new file mode 100644
index 00000000..d09eb831
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/styles.css.liquid	
@@ -0,0 +1,18 @@
+ /*
+ 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 }}
+*/
+
+
+/*
+header.np-header {
+    display: none;
+}
+*/
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/training_event_preview.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/training_event_preview.html.liquid
new file mode 100644
index 00000000..1645bc57
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/training_event_preview.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_event_preview_desktop_view", training_session: training_event %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_event_preview_mobile_view", training_session: training_event %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/training_events.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/training_events.html.liquid
new file mode 100644
index 00000000..139717ee
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/training_session.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/EmailMonkey with PX/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/training_session_attendance.html.liquid
new file mode 100644
index 00000000..e6a0ec1c
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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 {{ training_event.event_type_icon }}"></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/EmailMonkey with PX/transcript.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/transcript.html.liquid
new file mode 100644
index 00000000..b6cb5428
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/transcript.html.liquid	
@@ -0,0 +1,8 @@
+{% include "header" %}
+{% include "account_tabs" %}
+
+<main class="np-main np-subpage-container np-transcript">
+  {% transcript %}
+</main>
+
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/EmailMonkey with PX/unsubscribe.html.liquid b/Custom_Templates/customer_templates/EmailMonkey with PX/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/EmailMonkey with PX/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/Gainsight University/.DS_Store b/Custom_Templates/customer_templates/Gainsight University/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/Custom_Templates/customer_templates/Gainsight University/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_cards_training_event.html.liquid
index b2f19148..912ab283 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_cards_training_event.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_cards_training_event.html.liquid	
@@ -1,4 +1,5 @@
-<div class="np-card np-card-training-event">
+
+<div class="np-card np-card-training-event" event-zone="{% if training_event.title contains "[EMEA]" %}EMEA{% elsif training_event.title contains "[Japan]" %}Japan{% elsif training_event.title contains "[US]" %}US{% endif %}">
   <div class="np-card-container">
     <div class="np-card-content-training-event">
       <h3 class="np-card-content-title">
diff --git a/Custom_Templates/customer_templates/Gainsight University/_catalog_filter_sidebar.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_catalog_filter_sidebar.html.liquid
index 1551aa29..fe098802 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_catalog_filter_sidebar.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_catalog_filter_sidebar.html.liquid	
@@ -2,6 +2,7 @@
 {% assign product_experience_categories = "[FEATURE] Installation ||| [FEATURE] Engagements ||| [FEATURE] Knowledge Center Bot ||| [FEATURE] Analytics ||| [FEATURE] Integrations" | downcase %}
 {% assign customer_education_categories = "[FEATURE] Academy Setup ||| [FEATURE] Course Building ||| [FEATURE] Learning Management ||| [FEATURE] Customization ||| [FEATURE] Analytics ||| [FEATURE] Certification" | downcase %}
 {% assign customer_communities_categories = "" | downcase %}
+{% assign categories_in_catalog = categories.in_catalog | sort: "name" %}
 
 <div class="mobile-filter-link np-hidden-desktop">Filter
   <i class="fa fa-chevron-down"></i>
@@ -18,7 +19,7 @@
   <div class="filter-header main-header">Filters</div>
   <a class="clear-filters">Clear Filters</a>
 
-  <details class="filter-dropdown">
+  <details class="filter-dropdown" open>
     <summary>
       <span class="filter-header">Type</span>
     </summary>
@@ -33,7 +34,7 @@
         , class: "type"
         , label: "Learning Paths"
       %}
-      {% for category in categories.in_catalog %}
+      {% for category in categories_in_catalog %}
         {% assign category_name_downcase = category.name | downcase %}
         {% if category_name_downcase contains "[type]" %}
           {% assign category_name = category.name | split: "]" | last | strip %}
@@ -52,7 +53,7 @@
       <span class="filter-header">Role</span>
     </summary>
     <div class="filter-links role-filters">
-      {% for category in categories.in_catalog %}
+      {% for category in categories_in_catalog %}
         {% assign category_name_downcase = category.name | downcase %}
         {% if category_name_downcase contains "[role]" %}
           {% assign category_name = category.name | split: "]" | last | strip %}
@@ -71,7 +72,7 @@
       <span class="filter-header">Features</span>
     </summary>
     <div class="filter-links role-filters">
-      {% for category in categories.in_catalog %}
+      {% for category in categories_in_catalog %}
         {% assign category_name_downcase = category.name | downcase %}
         {% if category_name_downcase contains "[feature]" %}
           {% if product_name == "customer success" %}
@@ -121,7 +122,7 @@
       <span class="filter-header">Language</span>
       </summary>
       <div class="filter-links language-filters">
-        {% for category in categories.in_catalog %}
+        {% for category in categories_in_catalog %}
           {% assign category_name_downcase = category.name | downcase %}
           {% if category_name_downcase contains "[language]" %}
             {% assign category_name = category.name | split: "]" | last | strip %}
diff --git a/Custom_Templates/customer_templates/Gainsight University/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_course_progress_and_cta.html.liquid
index 1c3db9fa..c5b8229c 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_course_progress_and_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_course_progress_and_cta.html.liquid	
@@ -14,33 +14,35 @@
   ">
     {% t shared.progress, count: course.progress %}
   </div>
+  {% include "product_expiration_date", date: course.expiration_date %}
 </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 %}"
+<div class="np-top-cta-container">
+  {% 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 %}
-      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 %}
+    <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 %}
-      {% t shared.continue %}
+        href="{% route course_enrollment, code: course.enrollment_code %}"
     {% endif %}
-  </a>
-{% 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 %}
+</div>
diff --git a/Custom_Templates/customer_templates/Gainsight University/_dashboard-states.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_dashboard-states.html.liquid
new file mode 100644
index 00000000..a7c6631c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Gainsight University/_dashboard-states.html.liquid	
@@ -0,0 +1,117 @@
+{% assign courses_in_progress = false %}
+{% assign courses_not_started = false %}
+{% assign courses_completed = false %}
+
+{% assign lp_in_progress = false %}
+{% assign lp_not_started = false %}
+{% assign lp_completed = false %}
+
+{% assign zero_state = false %}
+
+{% for course in courses.enrolled %}
+    {% if course.progress == 0 %}
+        {% assign courses_not_started = true %}
+    {% endif %}
+    {% if course.progress > 0 and course.progress < 100 %}
+        {% assign courses_in_progress = true %}
+    {% endif %}
+    {% if course.progress == 100  %}
+        {% assign courses_completed = true %}
+    {% endif %}
+{% endfor %}
+
+{% for learning_path in learning_paths.enrolled %}
+    {% if learning_path.progress == 0 %}
+        {% assign lp_not_started = true %}
+    {% endif %}
+    {% if learning_path.progress > 0 and learning_path.progress < 100 %}
+        {% assign lp_in_progress = true %}
+    {% endif %}
+    {% if learning_path.progress == 100 %}
+        {% assign lp_completed = 100 %}
+    {% endif %}
+{% endfor %}
+
+{% if courses_in_progress == false and courses_not_started == false and courses_completed == false and lp_in_progress == false and lp_not_started == false and lp_completed == false %}
+    {% assign zero_state = true %}
+{% endif %}
+
+
+<div class="dashboard-state-wrapper">
+    {% if lp_not_started or courses_not_started %}
+    <div class="state">
+        <div class="np-dashboard-resources-title">Not Started</div>
+        <div class="cards-wrapper">
+            {% for course in courses.enrolled %}
+                {% if course.progress == 0 %}
+                    {% include "cards_course" with course %}
+                {% endif %}
+            {% endfor %}
+            {% for learning_path in learning_paths.enrolled %}
+                {% if learning_path.progress == 0 %}
+                    {% include "cards_learning_path_vertical" with learning_path %}
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+    {% endif %} 
+    {% if courses_in_progress or lp_in_progress %}
+    <div class="state">
+        <div class="np-dashboard-resources-title">In Progress</div>
+        <div class="cards-wrapper">
+            {% for course in courses.enrolled %}
+                {% if course.progress > 0 and course.progress < 100 %}
+                    {% include "cards_course" with course %}
+                {% endif %}
+            {% endfor %}
+            {% for learning_path in learning_paths.enrolled %}
+                {% if learning_path.progress > 0 and learning_path.progress < 100 %}
+                    {% include "cards_learning_path_vertical" with learning_path %}
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+    {% endif %}
+    {% if courses_completed or lp_completed %}
+    <div class="state">
+        <div class="np-dashboard-resources-title">Completed</div>
+        <div class="cards-wrapper">
+            {% for course in courses.enrolled %}
+                {% if course.progress == 100 %}
+                    {% include "cards_course" with course %}
+                {% endif %}
+            {% endfor %}
+            {% for learning_path in learning_paths.enrolled %}
+                {% if learning_path.progress == 100 %}
+                    {% include "cards_learning_path_vertical" with learning_path %}
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+    {% endif %}
+
+    {% if zero_state %}
+        {% include 'zero_message' %}
+    {% endif %}
+</div>
+
+<style>
+    .cards-wrapper {
+  display: grid;
+  grid-template-columns: repeat(3,1fr);
+  margin-left: -30px;
+}
+@media only screen and (max-width: 1000px) {
+  .cards-wrapper {
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+  }
+}
+@media only screen and (max-width: 768px) {
+  .cards-wrapper {
+    display: grid;
+    grid-template-columns: repeat(1,1fr);
+    margin-left: 0px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Gainsight University/_header.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_header.html.liquid
index 88c53944..2ac496cc 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_header.html.liquid	
@@ -1,3 +1,46 @@
+{% if current_person.signed_in? %}
+  {% assign splitted_email = current_person.email | split: "@" %}
+  {% assign splitted_domain = splitted_email[1] | split: "." %}
+  {% assign account_name = splitted_domain[0] %}
+
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const cookieName = 'GSUTimestamp';
+      const cookieValue = document.cookie.split('; ').find(row => row.startsWith(cookieName + '='));
+      const currentTimestamp = Date.now();
+
+      if (!cookieValue) {
+        document.cookie = `${cookieName}=${currentTimestamp}; path=/`;
+        identifyLearner();
+        return;
+      }
+
+      const cookieTimestamp = parseInt(cookieValue.split('=')[1], 10);
+      const thirtyMinutesInMillis = 30 * 60 * 1000;
+      if (currentTimestamp > cookieTimestamp + thirtyMinutesInMillis) {
+        document.cookie = `${cookieName}=${currentTimestamp}; path=/`;
+        identifyLearner();
+      }
+    });
+
+    function identifyLearner() {
+      aptrinsic('identify',
+        {
+          'id': "{{ current_person.id }}",
+          'email': "{{ current_person.email }}",
+          'signedUpAt': new Date("{{ current_person.created_at }}").getTime(),
+          'firstName': "{{ current_person.first_name }}",
+          'lastName': "{{ current_person.last_name }}"
+        },
+        {
+          'id': "{{ account_name }}",
+          'name': "{{ account_name }}"
+        }
+      );
+    }
+  </script>
+{% endif %}
+
 <header class="np-header np-header-color">
   <div class="np-header-top np-hidden-mobile">
     <ul class="np-header-top-nav">
diff --git a/Custom_Templates/customer_templates/Gainsight University/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_learning_path_completed_banner.html.liquid
index 1c146f6e..3632ce1c 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_learning_path_completed_banner.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_learning_path_completed_banner.html.liquid	
@@ -7,7 +7,7 @@
       {% 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>
+      <a href="{% route 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/Gainsight University/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_learning_path_progress_and_cta.html.liquid
index 1d90a2a7..8fd614e2 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_learning_path_progress_and_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_learning_path_progress_and_cta.html.liquid	
@@ -14,7 +14,10 @@
     ">
       {% t shared.progress, count: learning_path.progress %}
     </div>
+    {% include "product_expiration_date", date: learning_path.expiration_date %}
   </div>
 {% endif %}
 
-{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
+<div class="np-top-cta-container">
+  {% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
+</div>
diff --git a/Custom_Templates/customer_templates/Gainsight University/_product_expiration_date.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_product_expiration_date.html.liquid
new file mode 100644
index 00000000..2d4b898b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Gainsight University/_product_expiration_date.html.liquid	
@@ -0,0 +1,7 @@
+{% if date %}
+  {% capture date_format %}{% t date.formats.short_humanized %}{% endcapture %}
+  {% capture formatted_date %}{{ date | date: date_format }}{% endcapture %}
+  <time class="np-product-expiration-date" datetime="{{ date }}">
+    {% t .label, date: formatted_date %}
+  </time>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Gainsight University/_product_price_and_cta.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_product_price_and_cta.html.liquid
index 91db050f..c0221597 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_product_price_and_cta.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_product_price_and_cta.html.liquid	
@@ -6,5 +6,7 @@
     </span>
     </div>
 </div>
-{% commerce_add_to_cart product %}
-
+<div class="np-top-cta-container">
+  {% commerce_add_to_cart product %}
+  {% commerce_buy_more_access product %}
+</div>
diff --git a/Custom_Templates/customer_templates/Gainsight University/_training_events_sidebar_filters.html.liquid b/Custom_Templates/customer_templates/Gainsight University/_training_events_sidebar_filters.html.liquid
index a9cded55..826d2c21 100644
--- a/Custom_Templates/customer_templates/Gainsight University/_training_events_sidebar_filters.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/_training_events_sidebar_filters.html.liquid	
@@ -15,24 +15,55 @@
 
   <div class="filter-header">Regions:</div>
   <div class="filter-links region-filters">
-    {% include "catalog_filter_checkbox"
-    , id: "japan"
-    , class: "region"
-    , label: "Japan"
-  %}
-    {% include "catalog_filter_checkbox"
-    , id: "emea"
-    , class: "region"
-    , label: "EMEA"
-  %}
-    {% include "catalog_filter_checkbox"
-    , id: "us"
-    , class: "region"
-    , label: "US"
-  %}
+    <div class="category-filter-checkbox">
+      <input type="checkbox" id="Japan">
+      <label class="filter-name">Japan</label>
+    </div>
+    <div class="category-filter-checkbox">
+      <input type="checkbox" id="EMEA">
+      <label class="filter-name">EMEA</label>
+    </div>
+    <div class="category-filter-checkbox">
+      <input type="checkbox" id="US">
+      <label class="filter-name">US</label>
+    </div>
   </div>
 </div>
 
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const checkboxes = document.querySelectorAll(".category-filter-checkbox input[type='checkbox']");
+    const cards = document.querySelectorAll(".np-card-training-event");
+    const clearButton = document.querySelector(".clear-filters");
+
+    function filterCards() {
+        const selectedRegions = Array.from(checkboxes)
+            .filter(checkbox => checkbox.checked)
+            .map(checkbox => checkbox.id);
+
+        if (selectedRegions.length === 0) {
+            cards.forEach(card => card.parentElement.style.display = "block");
+        } else {
+            cards.forEach(card => {
+                const cardRegion = card.getAttribute("event-zone");
+                card.parentElement.style.display = selectedRegions.includes(cardRegion) ? "block" : "none";
+            });
+        }
+    }
+
+    checkboxes.forEach(checkbox => {
+        checkbox.addEventListener("change", filterCards);
+    });
+
+    clearButton.addEventListener("click", function () {
+        checkboxes.forEach(checkbox => checkbox.checked = false);
+        filterCards();
+    });
+
+    filterCards();
+});
+</script>
 <script>
   window.addEventListener("DOMContentLoaded", function() {
     document.querySelector(".mobile-filter-link").addEventListener("click", function() {
diff --git a/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid b/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid
index d3b3fc25..d7b380b8 100644
--- a/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid	
@@ -1,7 +1,6 @@
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 {% include "sub_navigation" %}
-<script> console.log('The catalog.html.liquid file has been loaded successfully.') </script>
 <main class="np-main np-catalog np-subpage-container np-max-width">
   <div class="np-catalog-header-wrapper">
     <div class="np-catalog-header">
diff --git a/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid b/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid
index 84dcdaa1..00d5669b 100644
--- a/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid	
@@ -1,7 +1,6 @@
 {% include "header" %}
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 {% include "sub_navigation" %}
-<script> console.log('The commerce_catalog.html.liquid file has been loaded successfully.') </script>
 <main class="np-main np-catalog np-subpage-container np-max-width">
   <div class="np-catalog-header-wrapper">
     <div class="np-catalog-header">
@@ -30,7 +29,7 @@
           <li>Adoption Explorer</li>
           <li>Designing Effective Surveys</li>
         </ul>
-
+        
         <span>Need assistance? Contact <a href="mailto:training@gainsight.com">training@gainsight.com</a></span>
       </div>
     </div>
diff --git a/Custom_Templates/customer_templates/Gainsight University/commerce_unlock.html.liquid b/Custom_Templates/customer_templates/Gainsight University/commerce_unlock.html.liquid
deleted file mode 100644
index 5e06357a..00000000
--- a/Custom_Templates/customer_templates/Gainsight University/commerce_unlock.html.liquid	
+++ /dev/null
@@ -1,7 +0,0 @@
-{% include "header" %}
-
-<main class="np-commerce-unlock-page np-main np-page-container np-max-width">
-  {% commerce_unlock %}
-</main>
-
-{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Gainsight University/course.html.liquid b/Custom_Templates/customer_templates/Gainsight University/course.html.liquid
index d77e09ba..848fa76b 100644
--- a/Custom_Templates/customer_templates/Gainsight University/course.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/course.html.liquid	
@@ -8,3 +8,13 @@
   </div>
 </main>
 {% include "footer" %}
+
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    if (window.location.href.includes("learning_paths")) {
+      document.querySelectorAll(".np-back-button").forEach((button) => {
+        button.href = window.location.href.split("courses")[0];
+      });
+    }
+  })
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Gainsight University/dashboard.html.liquid b/Custom_Templates/customer_templates/Gainsight University/dashboard.html.liquid
index f0b51164..9aa9efb7 100644
--- a/Custom_Templates/customer_templates/Gainsight University/dashboard.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/dashboard.html.liquid	
@@ -11,7 +11,11 @@
       <div class="np-resource-subtitle">
         View all of your Enrollments.
       </div>
-      {% if features.learning_paths? %}
+      <div class="dashboard-wrapper">
+        {% include 'dashboard-states' %}
+      </div>
+
+      {% comment %} {% if features.learning_paths? %}
         <div class="np-dashboard-resources-title">
           {% t shared.learning_paths %}
         </div>
@@ -23,7 +27,7 @@
           , key: current_school.course_vocabulary %}
       </div>
       {% include "courses_index"
-        , class: "col-xs-12 col-sm-6 np-stretch-content" %}
+        , class: "col-xs-12 col-sm-6 np-stretch-content" %} {% endcomment %}
     </div>
     {% if features.training_events? %}
       <div class="np-grid-spacing col-xs-12 col-sm-4">
diff --git a/Custom_Templates/customer_templates/Gainsight University/faq.html.liquid b/Custom_Templates/customer_templates/Gainsight University/faq.html.liquid
index d4180fac..24be9dc8 100644
--- a/Custom_Templates/customer_templates/Gainsight University/faq.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/faq.html.liquid	
@@ -1,4 +1,35 @@
 {% include "header" %}
+<div class="custom-page faq-page">
+  <div class="np-max-width">
+    <div class="row">
+      <div class="col-xs-12">
+        <h2>{{ custom_page.headline }}</h2>
+        <h3>{{ custom_page.subheadline }}</h3>
+
+        <div class="faq-content">{{ custom_page.content }}</div>
+      </div>
+    </div>
+  </div>
+</div>
+{% include "footer" %}
+<style>
+  .faq-content {
+    background: #f3f3f3;
+    color: #000;
+  }
+  .faq-content p {
+    background: #f3f3f3 !important;
+    color: #000 !important;
+  }
+  .faq-content span {
+    background: #f3f3f3 !important;
+    color: #000 !important;
+  }
+  .faq-page {
+    padding: 0 20px;
+  }
+</style>
+{% comment %} {% include "header" %}
 <main class="faq">
   <div class="np-max-width faq" style="width: 100%;">
     <div class="faq-container">
@@ -346,4 +377,4 @@
       }
     });
   });
-</script>
\ No newline at end of file
+</script> {% endcomment %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Gainsight University/gainsight-nxt-admin-certificate.html.liquid b/Custom_Templates/customer_templates/Gainsight University/gainsight-nxt-admin-certificate.html.liquid
index e889af98..41879ea9 100644
--- a/Custom_Templates/customer_templates/Gainsight University/gainsight-nxt-admin-certificate.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/gainsight-nxt-admin-certificate.html.liquid	
@@ -18,12 +18,11 @@
 <ul>
   <li>Complete all NXT Admin Web-Based Trainings on <a href='https://education.gainsight.com/app/customer-success' target='_blank' rel='noopener'>Gainsight University</a></li>
   <li>Complete all <a href='https://education.gainsight.com/app/catalog' target='_blank' rel='noopener'>Gainsight Admin Instructor-Led Courses</a> (strongly recommended)</li>
+  <li>Complete the <a href='https://education.gainsight.com/app/learning_paths/327e7a12-63d1-4617-9836-6acc4a17503a'>Level 3 Prep</a> and Review course</li>
   <li>Review the topics and documentation in our <a href='https://docs.google.com/document/d/16bTwCLWiH0RGOt3qaIJ0wr6tT8Ljf8VSpXS0Wmrybzo/edit#' target='_blank' rel='noopener'>Study Guide</a></li>
   <li>We recommend at least 6 months of hands-on Gainsight administration experience prior to taking the exam</li>
   <li>(Optional) take the free unproctored <a href='https://www.webassessor.com/gainsight' target='_blank' rel='noopener'>Level 3 PRACTICE exam</a> to familiarize yourself with the item format and the level of difficulty</li>
   <li>(Optional) Consider earning the Level 1 and Level 2 Admin certifications as part of your preparation</li>
-  <li>(Optional) attend the <a href='https://education.gainsight.com/gainsight-admin-certification-office-hours' target='_blank' rel='noopener'>Gainsight Admin Certification Office Hours</a> to hear more about what to expect and how to prepare.</li>
-  <li>If you're an Administrator for Gainsight Salesforce Edition, listen to this <a href='https://education.gainsight.com/differences-between-gainsights-salesforce-nxt-editions/505553' target='_blank' rel='noopener'>30-minute recording</a> of what's different between Salesforce Edition and NXT.</li>
 </ul>
 <p>If you have additional questions, please feel free to check out our <a href='https://docs.google.com/document/d/1SgAayGeeLUSxdSByPlEKaueI4bi-yE60K2LH0F2Lw4k/edit?usp=sharing'>FAQs.</a></p>
 <p style='font-weight: bold'>Exam Format</p>
diff --git a/Custom_Templates/customer_templates/Gainsight University/sign_up.html.liquid b/Custom_Templates/customer_templates/Gainsight University/sign_up.html.liquid
index 91dc79fb..5370175c 100644
--- a/Custom_Templates/customer_templates/Gainsight University/sign_up.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/sign_up.html.liquid	
@@ -32,7 +32,7 @@
         </div>
         <div class="np-form-field">
           <label class="np-input-label" for="learner_email">
-            {% t shared.email_address %} &npsb;
+            {% t shared.email_address %} &nbsp;
 					<i>We strongly recommend using your company email address</i>
           </label>
           <input
diff --git a/Custom_Templates/customer_templates/Gainsight University/styles.css.liquid b/Custom_Templates/customer_templates/Gainsight University/styles.css.liquid
index 138df6a0..9e1904a8 100644
--- a/Custom_Templates/customer_templates/Gainsight University/styles.css.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/styles.css.liquid	
@@ -185,4 +185,4 @@ box-shadow: 0px 0px 1px 0px rgba(53, 64, 78, 0.32), 0px 2px 4px -0.8px rgba(27,
   font-weight: 800;
   line-height: normal;
   text-transform: uppercase;
-}
\ No newline at end of file
+}
diff --git a/Custom_Templates/customer_templates/Gainsight University/training_events.html.liquid b/Custom_Templates/customer_templates/Gainsight University/training_events.html.liquid
index c218de50..b4d29528 100644
--- a/Custom_Templates/customer_templates/Gainsight University/training_events.html.liquid	
+++ b/Custom_Templates/customer_templates/Gainsight University/training_events.html.liquid	
@@ -25,88 +25,13 @@
 </main>
 {% include "footer" %}
 
-<script>
-  window.addEventListener("DOMContentLoaded", function() {
-
-    reorderContentAlphabetical()
-
-    document.querySelectorAll(".filter-checkbox").forEach((checkbox) => {
-      checkbox.addEventListener("change", () => {filterCourses()})
-    })
-
-    let params = new URLSearchParams(document.location.search);
-    params.forEach(function(param) {
-      document.querySelector(`.filter-checkbox[data-filter="${param}"]`).checked = true
-    })
-
-    document.querySelector(".clear-filters").addEventListener("click", (e) => {
-      e.preventDefault()
-      clearAllFilters()
-    })
-  })
-
-  function clearAllFilters() {
-    const filterableCards = document.querySelectorAll(".filterable-card");
-    filterableCards.forEach((card) => {
-       card.style.display = "flex"
-    })
-
-    document.querySelectorAll(".filter-checkbox").forEach((checkbox) => {
-      checkbox.checked = false
-    })
-  }
-
-  function reorderContentAlphabetical() {
-    let filterableCards = document.querySelectorAll(".filterable-card");
-
-    let filterableCardsArray = Array.from(filterableCards);
-
-    filterableCardsArray.sort((a, b) => {
-        let textA = a.querySelector('h3').textContent.trim().toLowerCase();
-        let textB = b.querySelector('h3').textContent.trim().toLowerCase();
-        if (textA < textB) return -1;
-        if (textA > textB) return 1;
-        return 0;
-    });
-
-    let parentElement = filterableCards[0].parentNode; 
-    filterableCardsArray.forEach(element => parentElement.appendChild(element));
-  }
-
-  function filterCourses() {
-    let selectedRegionFilters = []
-    const checkboxFilters = document.querySelectorAll(".filter-checkbox")
-
-    checkboxFilters.forEach((checkbox) => {
-      if (checkbox.checked) {
-        if (checkbox.classList.contains("region-filter")) {
-          selectedRegionFilters.push(checkbox.getAttribute("data-filter"))
-        }
-      }
-    })
-
-
-    const filterableCards = document.querySelectorAll(".filterable-card")
-
-    filterableCards.forEach((card) => {
-      const cardTitle = card.querySelector(".np-card-content-title").textContent.trim().toLowerCase()
-
-      if 
-        (
-          cardTitle.includes(selectedRegionFilters)
-        ) {
-        card.style.display = "flex"
-      } else {
-        card.style.display = "none"
-      }     
-    })
-
-  }
-</script>
 
 <style>
   .np-training-events .np-resource-subtitle {
     margin-bottom: 28px;
     line-height: 1.5;
   }
+  .np-card-training-event {
+    height: 100%;
+  }
 </style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Norms-Sandbox-v3/_head.html.liquid b/Custom_Templates/customer_templates/Norms-Sandbox-v3/_head.html.liquid
index 0c313c07..e758938f 100644
--- a/Custom_Templates/customer_templates/Norms-Sandbox-v3/_head.html.liquid
+++ b/Custom_Templates/customer_templates/Norms-Sandbox-v3/_head.html.liquid
@@ -2,6 +2,48 @@
 {% 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=Poppins:wght@100..900&display=swap" rel="stylesheet">
+{% comment %} <link rel="preconnect" href="https://fonts.googleapis.com"> {% endcomment %}
+{% comment %} <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> {% endcomment %}
+{% comment %} <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100..900&display=swap" rel="stylesheet"> {% endcomment %}
+
+<!-- Gainsight PX Tag-->
+  <script type="text/javascript">
+  (function(n,t,a,e,co){var i="aptrinsic";n[i]=n[i]||function(){
+      (n[i].q=n[i].q||[]).push(arguments)},n[i].p=e;n[i].c=co;
+    var r=t.createElement("script");r.async=!0,r.src=a+"?a="+e;
+    var c=t.getElementsByTagName("script")[0];c.parentNode.insertBefore(r,c)
+  })(window,document,"https://web-sdk.aptrinsic.com/api/aptrinsic.js","AP-QUWV37HJ0TII-1");
+</script>
+<!-- Gainsight PX Tag-->
+
+{% if current_person.groups.any? %}
+	{% for groups in current_person.groups %}
+	<script> console.log("Person groups are {{ groups.name }}") </script>
+	{% assign group = groups.name | split: "," %}
+	<script> console.log("{{ group }}") </script>
+	{% endfor %}
+{% else %}
+	{% assign group = "None" %}
+	<script> console.log("No groups found.") </script>
+{% endif %}
+
+	{% assign email_add = current_person.email | split: "@" %}
+	 {% assign domain = email_add.last | split: "." %}
+	 <script> console.log("{{ domain }}") </script>
+
+<script>
+aptrinsic("identify",
+  {
+		"id": "{{ current_person.id }}",
+		"email": "{{ current_person.email }}",
+		"firstName": "{{ current_person.first_name }}",
+		"lastName": "{{ current_person.last_name }}",
+		"signUpDate": "{{ current_person.created_at }}",
+  },
+  {
+		"id":"{{ domain.first }}",
+		"name":"{{ domain.first }}",
+		"content_label": "{{ current_person.my_content_label }}"
+	}
+);
+</script>
diff --git a/Custom_Templates/customer_templates/Norms-Sandbox-v3/_header.html.liquid b/Custom_Templates/customer_templates/Norms-Sandbox-v3/_header.html.liquid
index e9dff7c3..52f8ebc5 100644
--- a/Custom_Templates/customer_templates/Norms-Sandbox-v3/_header.html.liquid
+++ b/Custom_Templates/customer_templates/Norms-Sandbox-v3/_header.html.liquid
@@ -193,3 +193,4 @@
 </div>
 
 {% include "messages" %}
+
diff --git a/Scripts/API_Tests/Apikeys.py b/Scripts/API_Tests/Apikeys.py
index cbc398c2..0743b56c 100644
--- a/Scripts/API_Tests/Apikeys.py
+++ b/Scripts/API_Tests/Apikeys.py
@@ -33,3 +33,4 @@ GSU = "rUUKNuBZ0rmRNPftB4smYhQ5L"
 EMPLOY = "qcNggCm4SBtC0gTqLGv30vX8l"
 LUMAFINTECH = "oDFA7XSmjEKjEwIDIKLm0rxs1"
 SUPPLIERPROD = "DtRH9m4r0zMbJEx1yWBGKlObi"
+DEEPL = "fo5uOoG9FNNGQ6lZkenmZVIzq"
diff --git a/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc b/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc
index 33ebff3802883341f2cb8702a110078ba00074b4..3a7ab0bc7f9f9342b681c0bf3f0f06df8022ff86 100644
GIT binary patch
delta 117
zcmZqWUCYax&&$ij00fP)`_dOo<dtQdGEsXXN0f4kaxjCY%EkkendPD+)ACJA{qx-|
z-TeIA1I==xvQzVNqryC^3jH)yCWo=SV!Sokk+okmiYGWUAi&4dH7Fp+-zAFG#nm;y
UXYxJPSVoV@Hf-)JEQ}nC0Nbr0-v9sr

delta 86
zcmZ3>+sezE&&$ij00g^iQqpTC^2#z!n5aFGC73}|dE=4E%*=k8%9Bf3UNJ^ZPGIfl
oyTub68W7;)=^7Le<nJ<>g)NrN4XBreVR9jx)#Q3M4kivp0QFZEJOBUy

diff --git a/Scripts/API_Tests/bulk_invite_and_props.py b/Scripts/API_Tests/bulk_invite_and_props.py
index 0dfca702..7d910f85 100644
--- a/Scripts/API_Tests/bulk_invite_and_props.py
+++ b/Scripts/API_Tests/bulk_invite_and_props.py
@@ -11,7 +11,7 @@ HEADERS = {
     "X-Api-Key": APIKEY,
 }
 BASEURL = "https://api.northpass.com/v2/"
-IMPORTFILE = "/Users/normrasmussen/Downloads/cisa-21125.csv"
+IMPORTFILE = "/Users/normrasmussen/Downloads/cisa-22525.csv"
 
 
 def bulk_invite_and_group():
diff --git a/Tasks.md b/Tasks.md
index 89d2f521..bce54eaa 100644
--- a/Tasks.md
+++ b/Tasks.md
@@ -1,4 +1,17 @@
+Pipedrive - new courses for sales manager
+impact is big if people interact with the academy
+login issue solved
+later in the year looking to leverage other capabilities
+badges & certs
+
+
+academy is referenced in trial experience but just a supporting tool
+NPC stage - what is that?
+
+PX teething problems:wq
+Want to use PX in CE and cross pollinate all tools
+CommandBar
+Amplitude
+
+Reach out to Oksana - have strategy of what they want to look at in Q3 of this year
 
-   - [-] This is a Task. $id{6db2614d-0d12-4fc7-9ccb-2287e1db8c00}
-     - [ ] This is a sub task $id{4d513a08-198b-45bb-9e08-cd9b539ac50a}
-     - [ ] This is another subtask $id{a1a58887-7b24-480f-a2e3-485fa83563e4}