From da2e0d2c3857331e25560439cae1d1352874ca26 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Fri, 19 Jul 2024 16:29:00 -0400
Subject: [PATCH] New script for getting everyone who is in each group and
 export to CSV. Skan templates. A few other small things

---
 .../_header.html.liquid                       |   2 +-
 .../Skan/_account_avatar.html.liquid          |  66 +++++
 .../Skan/_account_desktop_view.html.liquid    |  19 ++
 .../Skan/_account_form.html.liquid            | 140 +++++++++++
 .../Skan/_account_mobile_view.html.liquid     |  17 ++
 .../Skan/_cards_course.html.liquid            |  34 +++
 .../Skan/_cards_featured_course.html.liquid   | 190 +++++++++++++++
 .../Skan/_cards_learning_path.html.liquid     |  70 ++++++
 .../Skan/_cards_training_event.html.liquid    |  45 ++++
 .../_certificates_info_column.html.liquid     |   4 +
 .../Skan/_certificates_metadata.html.liquid   |  59 +++++
 .../Skan/_certificates_preview.html.liquid    |  35 +++
 .../Skan/_certificates_top_bar.html.liquid    |  44 ++++
 .../_certificates_verification.html.liquid    |  15 ++
 .../Skan/_course_activity_locked.html.liquid  |   4 +
 .../_course_activity_unlocked.html.liquid     |  15 ++
 .../Skan/_course_categories.html.liquid       |  10 +
 .../Skan/_course_description.html.liquid      |   6 +
 .../Skan/_course_desktop_view.html.liquid     |  40 +++
 .../Skan/_course_details.html.liquid          |  31 +++
 .../Skan/_course_events.html.liquid           |  28 +++
 .../Skan/_course_header.html.liquid           |  24 ++
 .../Skan/_course_instructors.html.liquid      |  22 ++
 .../Skan/_course_mobile_view.html.liquid      |  40 +++
 .../Skan/_course_outline.html.liquid          |  40 +++
 .../Skan/_course_progress_and_cta.html.liquid |  46 ++++
 ..._course_version_outdated_alert.html.liquid |   7 +
 ..._course_version_outdated_popup.html.liquid |  33 +++
 .../Skan/_courses_catalog.html.liquid         |  16 ++
 .../Skan/_courses_index.html.liquid           |  16 ++
 .../Skan/_courses_zero_state.html.liquid      |   6 +
 .../Skan/_filter_checkbox.html.liquid         |  10 +
 .../Skan/_filter_dropdown.html.liquid         |  51 ++++
 .../Skan/_filter_select.html.liquid           |  22 ++
 .../Skan/_footer.html.liquid                  |  69 ++++++
 .../customer_templates/Skan/_head.html.liquid |   3 +
 .../Skan/_header.html.liquid                  | 157 ++++++++++++
 .../Skan/_header_minimal.html.liquid          |  17 ++
 .../Skan/_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 +
 .../Skan/_learning_path_course.html.liquid    |  58 +++++
 .../_learning_path_description.html.liquid    |  10 +
 ..._learning_path_desktop_content.html.liquid |  21 ++
 .../_learning_path_desktop_header.html.liquid |  12 +
 .../_learning_path_desktop_view.html.liquid   |  40 +++
 .../_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 +
 .../Skan/_learning_path_outline.html.liquid   |  10 +
 ...learning_path_progress_and_cta.html.liquid |  21 ++
 ...ning_path_summary_desktop_view.html.liquid |   3 +
 ...rning_path_summary_mobile_view.html.liquid |   5 +
 ...learning_path_training_session.html.liquid |  53 ++++
 .../Skan/_learning_paths_index.html.liquid    |  14 ++
 .../Skan/_messages.html.liquid                |  23 ++
 .../Skan/_search_result.html.liquid           |  19 ++
 .../Skan/_search_zero_state.html.liquid       |  13 +
 .../Skan/_sub_navigation.html.liquid          | 102 ++++++++
 .../_training_events_dashboard.html.liquid    |   9 +
 .../Skan/_training_events_filter.html.liquid  |  53 ++++
 .../Skan/_training_events_index.html.liquid   |  13 +
 .../_training_events_zero_state.html.liquid   |   9 +
 .../_training_session_calendars.html.liquid   |  52 ++++
 .../Skan/_training_session_cta.html.liquid    |  53 ++++
 .../Skan/_training_session_date.html.liquid   |  14 ++
 .../_training_session_description.html.liquid |   6 +
 ..._training_session_desktop_view.html.liquid |  40 +++
 .../_training_session_details.html.liquid     |  24 ++
 .../Skan/_training_session_header.html.liquid |  10 +
 .../_training_session_mobile_view.html.liquid |  22 ++
 ...training_session_more_sessions.html.liquid |   3 +
 .../Skan/_training_session_tile.html.liquid   |  17 ++
 .../Skan/account.html.liquid                  |  14 ++
 .../Skan/auth_url_email.html.liquid           |  59 +++++
 .../Skan/auth_url_employee.html.liquid        |  59 +++++
 .../Skan/auth_url_phone_number.html.liquid    |  40 +++
 .../Skan/auth_url_terms.html.liquid           |  74 ++++++
 .../Skan/catalog.html.liquid                  |  21 ++
 .../Skan/course.html.liquid                   |  39 +++
 .../Skan/courses.html.liquid                  |  11 +
 .../Skan/dashboard.html.liquid                |  27 ++
 .../Skan/forgot_password.html.liquid          |  25 ++
 .../Skan/homepage.html.liquid                 | 108 ++++++++
 .../Skan/learning_path.html.liquid            |  27 ++
 .../Skan/learning_path_summary.html.liquid    |  10 +
 .../Skan/learning_paths.html.liquid           |  14 ++
 .../customer_templates/Skan/login.html.liquid |  53 ++++
 .../Skan/master.html.liquid                   |   1 +
 .../Skan/not_found.html.liquid                |  10 +
 .../Skan/private_certificate.html.liquid      |  10 +
 .../Skan/public_certificate.html.liquid       |  10 +
 .../Skan/reset_password.html.liquid           |  43 ++++
 .../Skan/search.html.liquid                   |  27 ++
 .../Skan/sign_up.html.liquid                  |  72 ++++++
 .../customer_templates/Skan/styles.css.liquid | 230 ++++++++++++++++++
 .../Skan/training_events.html.liquid          |  18 ++
 .../Skan/training_session.html.liquid         |  10 +
 .../training_session_attendance.html.liquid   |  43 ++++
 .../Skan/unsubscribe.html.liquid              |  30 +++
 Scripts/API_Tests/Apikeys.py                  |   1 +
 .../__pycache__/Apikeys.cpython-310.pyc       | Bin 1331 -> 1370 bytes
 Scripts/API_Tests/get_groups_and_learners.py  |  60 +++++
 .../MasterCSV_Parser.js                       |  13 +-
 tmp.md                                        |  17 ++
 108 files changed, 3481 insertions(+), 7 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Skan/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_cards_featured_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Skan/unsubscribe.html.liquid
 create mode 100644 Scripts/API_Tests/get_groups_and_learners.py
 create mode 100644 tmp.md

diff --git a/Custom_Templates/customer_templates/DoubleVerify University/_header.html.liquid b/Custom_Templates/customer_templates/DoubleVerify University/_header.html.liquid
index 4effe052..c509a5a5 100644
--- a/Custom_Templates/customer_templates/DoubleVerify University/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/DoubleVerify University/_header.html.liquid	
@@ -58,7 +58,7 @@
                       <li><a onclick="setLang('Spanish')">Spanish (Español)</a></li>
                       <li class="uk-nav-divider"></li>
                       <li><a onclick="setLang('German')">German (Deutsch)</a></li>
-                    </ul>
+                   </ul>
                   </div>
                 </li>
               {% else %}
diff --git a/Custom_Templates/customer_templates/Skan/_account_avatar.html.liquid b/Custom_Templates/customer_templates/Skan/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/Skan/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_account_form.html.liquid b/Custom_Templates/customer_templates/Skan/_account_form.html.liquid
new file mode 100644
index 00000000..322af7ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_account_form.html.liquid
@@ -0,0 +1,140 @@
+<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>
+    <label class="np-input-label" for="desktop_learner_password">Password must be a minimum of 8 characters, with at least 1 capital letter, 1 number, and 1 special character.</label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </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/Skan/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/Skan/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_cards_course.html.liquid b/Custom_Templates/customer_templates/Skan/_cards_course.html.liquid
new file mode 100644
index 00000000..43c2aca9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_cards_course.html.liquid
@@ -0,0 +1,34 @@
+<div class="np-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        <div class="np-card-content-progress">
+          {% 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/Skan/_cards_featured_course.html.liquid b/Custom_Templates/customer_templates/Skan/_cards_featured_course.html.liquid
new file mode 100644
index 00000000..e76a91ea
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_cards_featured_course.html.liquid
@@ -0,0 +1,190 @@
+{% comment %}<div class="np-card col-xs-10" style="margin-bottom: 7.5rem;">
+    {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+    <a class="np-card-container col-xs-12 row" href="{{course_path}}">
+        <div class="col-xs-3 np-featured-card-info">
+            {% if course.ribbon %}
+                <div class="np-card-ribbon">
+                    {{ course.ribbon }}
+                </div>
+            {% endif %}
+            <img
+                class="np-featured-card-image np-card-image"
+                alt="{{ course.name }}"
+                src="{{ course.image_url }}"
+            >
+        </div>
+        <div class="col-xs-9 np-featured-card-content">
+            <h3 class="np-card-content-title">
+                {{ course.name }}
+            </h3>
+            <div class="np-card-content-subtitle">
+                {{ course.short_description }}
+            </div>
+            <div class="np-card-progress np-button-color">
+                {% t shared.progress, count: course.progress %}
+            </div> 
+        </div>
+    </a>
+</div>{% endcomment %}
+
+<div class="np-card np-no-horizontal-padding">
+    <div class="np-card-container">
+      <div class="np-learning-path np-featured-course">
+        <div class="col-xs-4 np-featured-course-img-container">
+            <div class="np-card-image-content-top">           
+               
+            </div>
+            <img
+            class="np-card-image"
+            alt="{{ course.name }}"
+            src="{{ course.image_url }}"
+            >
+        </div>
+        <div class="col-xs-8 np-card-text-wrapper">
+          <div class="np-card-content np-card-padding np-card-content-vertical">
+            <h3 class="np-card-content-title">
+              {{ course.name }}
+            </h3>
+  
+            <div class="np-card-content-description" style='color: #ffffff !important; display: contents;'>
+                {{ course.short_description }}
+            </div>
+  
+            <div class="np-card-content-footer" style='display: flex; justify-content: space-between;'>
+              <div class='np-card-content-footer-left'style='display: flex; justify-content: left;'>
+                <a
+                  class="np-top-button np-button-font-color np-button np-featured-course-button" href="{% route course_enrollment, code: course.enrollment_code %}">
+                    {% if course.enrolled? == false %}
+                      {% t shared.enroll %}
+                    {% elsif course.started? == false %}
+                      {% t shared.start, key: current_school.course_vocabulary %}
+                    {% elsif course.completed? %}
+                      {% t shared.course.view, key: current_school.course_vocabulary %}
+                    {% else %}
+                      {% t shared.continue %}
+                    {% endif %}
+                </a>
+                <div class="np-card-progress">
+                  {% t shared.progress, count: course.progress %}
+                </div> 
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+</div>
+
+<style>
+    .np-card-container {
+        height: auto;
+        position: relative;
+        color: #fff;
+        background: #01061D;
+        border-radius: 0;
+        box-shadow: none;
+	padding-top: 2rem;
+	padding-bottom: 2rem;
+    }
+
+     .col-xs-10 {
+	padding-top: 1rem;
+	padding-bottom: 1rem;
+    }
+
+
+    .np-featured-course-img-container,
+    .np-card-text-wrapper{
+        padding: 0;
+    }
+
+    .np-card-image {
+        height: 100%;
+        border-radius: 0;
+    }
+
+    .np-card-image-content-top {
+        position: absolute;
+        left: 1.5rem;
+        z-index: 1;
+    }
+
+    .np-card-image-content-top {
+        top: 1.5rem;
+    }
+
+    .np-card-content {
+        background: #01061D;
+    }
+
+    .np-card-content-title,
+    .np-card-content-subtitle{
+        color: #ffffff;
+    }
+
+    .np-featured-course-button{
+        width: 80%;
+	height: 90%;
+        background: #307fe2;
+        color: #FFFFFF;
+        font-weight: 800; 
+        border-radius: 4px; 
+        margin-right: 24px;
+	font-size: 15px;
+
+    }
+
+    .np-featured-course-button:hover{
+        background: #59D7C9;
+	color: #211579;
+       
+    }
+
+    @media screen and (min-width: 768px) {
+        .np-card-content-title {
+            flex: 1;
+            font-size: 25px;
+            font-weight: 400;
+        }
+
+        .np-card-content-subtitle{
+            font-size: 16px;
+            font-weight: 300;
+        }
+
+        .np-card-image-content-top {
+            left: 1.5rem;
+            right: 1.5rem;
+            top: 1.5rem;
+        }
+
+        .np-course-detail {
+            font-size: 1.5rem;
+        }
+
+        .np-card-padding{
+            padding: 1.5rem;
+        }
+
+        .np-card-content-footer {
+            margin-top: 2.5rem;
+        }
+
+        .np-card-content-footer-left {
+            flex-direction: column;
+        }
+
+        .np-card-progress{
+            color: #59D7C9;; 
+            font-weight: 700; 
+            font-size: 12px; 
+            padding: 1rem 0 0 0;
+            text-transform: uppercase;
+        }
+	
+	.np-card-progress:hover {
+            color: #59D7C9;
+        
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Skan/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..eb20e4d8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_cards_learning_path.html.liquid
@@ -0,0 +1,70 @@
+<div class="np-card np-no-horizontal-padding">
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">Certification</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">Certification</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ learning_path.progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
+              {% t shared.view %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="np-card-stack">
+    <div class="np-card-stack-level-1"></div>
+    <div class="np-card-stack-level-2"></div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Skan/_cards_training_event.html.liquid
new file mode 100644
index 00000000..1176157e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_cards_training_event.html.liquid
@@ -0,0 +1,45 @@
+<div class="np-card">
+  <div class="np-card-container">
+    <div class="np-card-content-training-event">
+      <h3 class="np-card-content-title">
+        {{ training_event.title }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {% t shared.event_types, key: training_event.event_type %}
+      </div>
+      <div class="np-card-training-session">
+        <span class="np-card-content-label">
+          {% t .next_session %}
+        </span>
+        <div class="np-card-training-session-date">
+          <div class="np-button-background-color np-card-training-session-date-bar"></div>
+          <div class="np-card-training-session-date-day">
+            {{ training_event.sessions.first.day }}
+          </div>
+          <div>
+            <div class="np-card-training-session-date-month">
+              {{ training_event.sessions.first.month }}
+            </div>
+            <div class="np-card-training-session-date-year">
+              {{ training_event.sessions.first.year }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-training-sessions">
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+        <a
+          class="np-button np-button-wide"
+          href="{% route training_session, id: training_event.sessions.first.id %}"
+        >
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/Skan/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/Skan/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/Skan/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/Skan/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/Skan/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Skan/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..386393d5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Skan/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..30c03305
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_categories.html.liquid b/Custom_Templates/customer_templates/Skan/_course_categories.html.liquid
new file mode 100644
index 00000000..6cfe9010
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_course_categories.html.liquid
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% t .header %}
+</h3>
+<div class="np-flex">
+  {% for category in course.categories %}
+    <div class="np-content-categories-content-item">
+      {{ category.name }}
+    </div>
+  {% endfor %}
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_course_description.html.liquid b/Custom_Templates/customer_templates/Skan/_course_description.html.liquid
new file mode 100644
index 00000000..269f9216
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_course_description.html.liquid
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .header, key: current_school.course_vocabulary %}
+</h3>
+<div class="np-card-text">
+  {{ course.full_description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/Skan/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..e16fee16
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_details.html.liquid b/Custom_Templates/customer_templates/Skan/_course_details.html.liquid
new file mode 100644
index 00000000..92bebb59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_course_details.html.liquid
@@ -0,0 +1,31 @@
+{% assign activities_count = 0 %}
+{% for course_section in course.sections %}
+  {% for course_activity in course_section.activities %}
+    {% assign activities_count = activities_count | plus: 1 %}
+  {% endfor %}
+{% endfor %} 
+
+<div class="np-course-details">
+    <div class="np-course-detail">                 
+        <strong class="np-act-count">{{ activities_count }}</strong>
+        <span class="np-details-label">
+          {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+    </div>
+</div>
+
+<style>
+  .np-act-count,
+  .np-details-label {
+    font-size: 1.125rem;
+    color: #fff;
+    flex: 0 1 calc(33.33%);
+    text-shadow: 1px 1px black;
+  }
+
+  @media screen and (min-width: 768px){
+    .np-act-count{
+      font-size: 1.5rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_course_events.html.liquid b/Custom_Templates/customer_templates/Skan/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_header.html.liquid b/Custom_Templates/customer_templates/Skan/_course_header.html.liquid
new file mode 100644
index 00000000..fce09e1e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_course_header.html.liquid
@@ -0,0 +1,24 @@
+<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 dashboard %}" class="np-back-button" id="course-header-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 }}"
+/>
+
+<script>
+  if(window.location.href.indexOf('/learning_paths') > -1){
+    let reroute = '/app' + window.location.href.slice(window.location.href.indexOf('/learning_paths/'),window.location.href.indexOf('/learning_paths/')+52);
+
+    document.querySelector('#course-header-back-button').setAttribute('href', reroute);
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Skan/_course_instructors.html.liquid
new file mode 100644
index 00000000..8b608928
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/Skan/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..7f31ff35
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_course_outline.html.liquid b/Custom_Templates/customer_templates/Skan/_course_outline.html.liquid
new file mode 100644
index 00000000..38f87bd9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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-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-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/Skan/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Skan/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..732e25c0
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_course_progress_and_cta.html.liquid
@@ -0,0 +1,46 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title" style="color: #211579">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container">
+    <div
+      style="width: {{ course.progress }}%"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-card-content-progress {% endif %}
+  ">
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+  {% if course.enrolled? %}
+      href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+  {% else %}
+      href="{% route course_enrollment, code: course.enrollment_code %}"
+  {% endif %}
+  >
+    {% if course.enrolled? == false %}
+      {% t shared.enroll %}
+    {% elsif course.started? == false %}
+      {% t shared.course.start, key: current_school.course_vocabulary %}
+    {% elsif course.completed? %}
+      {% t shared.course.view, key: current_school.course_vocabulary %}
+    {% else %}
+      {% t shared.continue %}
+    {% endif %}
+  </a>
+{% endif %}
+
diff --git a/Custom_Templates/customer_templates/Skan/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/Skan/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..c7e9c023
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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" style="padding-top: 115px;">
+    <div class="np-alert-container uk-container uk-container-center">
+      {% t .content %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Skan/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Skan/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Skan/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_courses_index.html.liquid b/Custom_Templates/customer_templates/Skan/_courses_index.html.liquid
new file mode 100644
index 00000000..19e7671b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Skan/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/Skan/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/Skan/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..ad8ed91f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_filter_dropdown.html.liquid
@@ -0,0 +1,51 @@
+<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>
+
+<style>
+
+.np-button .dropdown-button{
+	color: #FFFFFF;
+	background: #307fe2;
+	text-transform: uppercase;
+	font-family: Jost,sans-serif;
+}
+
+.np-button .dropdown-button:hover {
+	background: #59D7C9;
+	transition: color .5s ease, background .5s ease, border .5s;
+	border: 1px solid #59D7C9;
+	color: #211579;
+}
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_filter_select.html.liquid b/Custom_Templates/customer_templates/Skan/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_footer.html.liquid b/Custom_Templates/customer_templates/Skan/_footer.html.liquid
new file mode 100644
index 00000000..5ab96225
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_footer.html.liquid
@@ -0,0 +1,69 @@
+<footer class="np-footer">
+  <div class="np-powered-by show" style="visibility: hidden">
+  </div>
+  <div class="np-footer-top">
+    {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation" style="opacity: 0;">
+      </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 }}" 
+            width=60px
+			height=90px
+          />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+                <i class="np-footer-social-links-icon
+                  np-button-color
+                  fab fa-{{ social_media_link.name }}"
+                ></i>
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    </nav>
+
+    {% if website_footer.show_customer_service_email? and
+      website_footer.school_customer_service_email
+    %}
+      <div class="np-footer-support">
+        <div class="np-footer-support-item np-footer-support-help">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {{ website_footer.school_customer_service_email }}
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_head.html.liquid b/Custom_Templates/customer_templates/Skan/_head.html.liquid
new file mode 100644
index 00000000..beab5b4a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_head.html.liquid
@@ -0,0 +1,3 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
diff --git a/Custom_Templates/customer_templates/Skan/_header.html.liquid b/Custom_Templates/customer_templates/Skan/_header.html.liquid
new file mode 100644
index 00000000..a336f998
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_header.html.liquid
@@ -0,0 +1,157 @@
+{% comment %}--------------------------------------- MOBILE HEADER ---------------------------------------{% endcomment %}
+<header class="np-header np-header-color">
+  <div class="np-header-content">
+{% comment %}--------------------------------------- SCHOOL LOGO AND ROUTE ---------------------------------------{% endcomment %}
+    {% if current_school.logo_url %}
+      <h1 class="np-header-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+    {% else %}
+      <a href="{% route home %}" class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </a>
+    {% endif %}
+{% comment %}--------------------------------------- DESKTOP HEADER ITEMS ---------------------------------------{% endcomment %} 
+    {% comment %} NAV LINKS {% endcomment %} 
+    {% include "sub_navigation" %}
+    {%- comment -%} <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? %}
+      <a class="np-button np-hidden-mobile header-catalog-button" href="/catalog">
+        COURSE CATALOG
+      </a>
+    {% 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 %}
+      </div>
+    {% endif %}
+  </div> {%- endcomment -%}
+</header>
+
+{% comment %}--------------------------------------- MOBILE HEADER ---------------------------------------{% endcomment %}
+<div class="np-hidden-desktop">
+  <div class="np-header-mobile-menu-content np-hidden">
+    {% comment %} AVATAR BUTTON {% endcomment %} 
+    {% 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 %}
+    {% comment %} SEARCH FORM {% endcomment %} 
+    <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>
+      {% comment %} MOBILE NAV LINKS IN HIDDEN MENU {% endcomment %} 
+      {% for website_navigation in navigations.header_navigations %}
+        <a
+          href="{{ website_navigation.path }}"
+          class="np-header-mobile-menu-content-button"
+          {% if website_navigation.external? %} target="_blank" {% endif %}
+        >
+          {{ website_navigation.name }}
+        </a>
+      {% endfor %}
+      <div class="np-header-mobile-menu-content-line"></div>
+      {% unless current_school.sso_active? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route account %}"
+        >
+          {% t .profile_settings %}
+        </a>
+      {% endunless %}
+      <a
+        class="np-header-mobile-menu-content-button np-danger"
+        href="{% route logout %}"
+      >
+        {% t .sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+<div class="empty-space"></div>
+{% include "messages" %}
+
+<style>
+  .np-header{
+    background-size: cover; 
+    background-position: bottom;
+    position: fixed;
+    max-height: 75px;
+    {%- comment -%} background: #211579; {%- endcomment -%}
+    background: #FFFFFF;
+    transition: background .5s ease, padding .5s ease;
+    top: 0;
+    padding-right: 0; 
+  }
+
+  .header-catalog-button{
+    border: 1px solid #307fe2;
+    Background: transparent;
+    Color: #ffffff;
+    width: 250px;
+    height: 35px;
+    font-size: 15px;
+    font-weight: 500;
+    font-family: Jost,sans-serif;
+  }
+  
+  .np-header-logo-image{
+    height: 75px;
+    filter: invert(1);
+  }
+
+  @media only screen and (max-width: 768px) {
+    .np-sub-navigation-content {
+      gap: 10px;
+    }
+    .np-sub-navigation {
+      background: none;
+    }
+    .empty-space {
+      height: 75px;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_header_minimal.html.liquid b/Custom_Templates/customer_templates/Skan/_header_minimal.html.liquid
new file mode 100644
index 00000000..c1ec44f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_header_minimal.html.liquid
@@ -0,0 +1,17 @@
+<header class="np-box-header np-header-color">
+  <span 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 %}
+  </span>
+</header>
+
+{% include "messages" %}
diff --git a/Custom_Templates/customer_templates/Skan/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_course.html.liquid
new file mode 100644
index 00000000..70a72afe
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_learning_path_course.html.liquid
@@ -0,0 +1,58 @@
+{% 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-card-content-progress {% 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" style="background: #FFF;" >
+    
+      <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/Skan/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_description.html.liquid
new file mode 100644
index 00000000..f95b590a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_learning_path_description.html.liquid
@@ -0,0 +1,10 @@
+<h3 class="np-card-heading">
+  {% if learning_path.id == '322533f2-4dbc-48ca-857a-43f869ad9b7b' or learning_path.id == 'ccf0084a-4d3f-4239-a2f8-6c6d52bf2480' %}
+    About this Training Program
+  {% else %}
+    About This Certification
+  {% endif %}
+</h3>
+<div class="np-card-text">
+  {{ learning_path.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..f574a509
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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="/app/dashboard" 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/Skan/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..93e716cc
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_learning_path_desktop_view.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large" >
+  <div class="np-top-vocabulary np-text-title">
+    Certification
+    <i class="far fa-road np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="{% route dashboard %}" 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>
+
+<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>
+
+<style>
+  @media screen and (min-width: 768px){
+
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..a8342301
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..43d6d5e1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_learning_path_progress_and_cta.html.liquid
@@ -0,0 +1,21 @@
+{% if learning_path.enrolled? %}
+
+  <div class="np-top-cta-progress-content">
+    <div class="np-top-cta-progress-title np-text-title" style="color: #211579">
+      Certification Progress
+    </div>
+    <div class="np-progress-bar-container">
+      <div
+        style="width: {{ learning_path.progress }}%"
+        class="np-button-background-color np-card-progress-bar">
+      </div>
+    </div>
+    <div class="np-top-cta-progress-text
+      {% if learning_path.completed? %} np-color-success {% else %} np-card-content-progress {% endif %}
+    ">
+      {% t shared.progress, count: learning_path.progress %}
+    </div>
+  </div>
+{% endif %}
+
+{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
diff --git a/Custom_Templates/customer_templates/Skan/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/Skan/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..a4681210
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_messages.html.liquid b/Custom_Templates/customer_templates/Skan/_messages.html.liquid
new file mode 100644
index 00000000..759da419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_messages.html.liquid
@@ -0,0 +1,23 @@
+{% if messages.alert.size > 0 %}
+  <div class="np-alert np-alert-error">
+    <div class="np-alert-wrapper">
+      {% for message in messages.alert %}
+        {% if message == "You need to log in or sign up before continuing."%}
+          <div>You need to be invited to login at this time.</div>
+        {% else %}
+          <div>{{ message }}</div>
+        {% endif %}
+      {% 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/Skan/_search_result.html.liquid b/Custom_Templates/customer_templates/Skan/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Skan/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Skan/_sub_navigation.html.liquid
new file mode 100644
index 00000000..f711de48
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_sub_navigation.html.liquid
@@ -0,0 +1,102 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      {% if link.label == 'Home' %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}" >
+          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            {% comment %}<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>{% endcomment %}
+            Certifications
+          </a>
+        </div>
+      {% endif %}
+    {% endfor %}
+    {% for link in navigations.sub_navigation %}
+      {% if link.label == 'Dashboard' %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}" >
+          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            {% comment %}<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>{% endcomment %}
+            {{ link.label }}
+          </a>
+        </div>
+      {% endif %}
+    {% endfor %}
+    {% for link in navigations.sub_navigation %}
+      {% if link.label == 'Events' %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}" >
+          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            {% comment %}<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>{% endcomment %}
+            {{ link.label }}
+          </a>
+        </div>
+      {% endif %}
+    {% endfor %}
+    <div class="np-sub-navigation-content-item" >
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      <a class="np-sub-navigation-content-item-link" href="https://www.skan.ai/company" target="_blank">
+        {% comment %}<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>{% endcomment %}
+        About Us
+      </a>
+    </div>
+    <div class="np-sub-navigation-content-item" >
+      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+      <a class="np-sub-navigation-content-item-link" href="mailto:skan_university@skan.ai" target="_blank">
+        {% comment %}<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>{% endcomment %}
+        Contact
+      </a>
+    </div>
+
+  </div>
+</nav>
+<style>
+  .np-sub-navigation{
+    background: #FFFFFF;
+  }
+
+  .np-sub-navigation-content{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+  }
+
+  .np-sub-navigation-content-item-bar{
+    margin: -1.5rem auto 1.25rem auto;
+    width: 3.3rem;
+  }
+
+  @media screen and (min-width: 768px){
+    .np-sub-navigation{
+      height: 75px;
+      padding: 28px; 
+      width: 92%;
+    }
+
+    .np-sub-navigation-content-item-link{
+      font-size: 27px;
+      color: #000000;
+    }
+
+    .np-sub-navigation-content-item-link:hover {
+      Color: #3421BA;;
+      transition: color .5s ease, background .5s ease, border .5s;
+    }
+
+    .np-sub-navigation-content-item-bar{
+      margin: -1.75rem auto 1.25rem auto;
+      background: #3421BA;
+      display: none !important;
+    }
+
+    .np-sub-navigation-content-item-active 
+    .np-sub-navigation-content-item-link {
+        Color: #3421BA;;
+    }
+
+    .np-sub-navigation-content-item-link,
+    .np-sub-navigation-content-item-active .np-sub-navigation-content-item-link{
+      font-weight: 700;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/Skan/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/Skan/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Skan/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/Skan/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_cta.html.liquid
new file mode 100644
index 00000000..d777c5f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_cta.html.liquid
@@ -0,0 +1,53 @@
+{% if training_session.approved? %}
+  <div class="np-training-session-cta-note">
+    <i class="far fa-check np-training-session-icon"></i>
+    {% t .registered %}
+  </div>
+{% elsif training_session.pending? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .pending %}
+  </div>
+{% elsif training_session.denied? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .denied %}
+  </div>
+{% elsif training_session.too_late? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .too_late %}
+  </div>
+{% elsif training_session.no_seats? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .no_seats %}
+  </div>
+{% endif %}
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{% route training_session_registration, id: training_session.id %}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.internal? and training_session.approved? %}
+        {% if features.training_events_google_calendar? %}
+          {% include "training_session_calendars" %}
+          <button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
+            {% t .unregister %}
+          </button>
+        {% else %}
+          <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+            {% t .unregister %}
+          </button>
+        {% endif %}
+
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.not_registered? %}
+        <button type="submit" class="np-top-button np-button np-button-big">
+          {% t .register %}
+        </button>
+      {% endif %}
+    </form>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_date.html.liquid
new file mode 100644
index 00000000..48694035
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_date.html.liquid
@@ -0,0 +1,14 @@
+<div class="np-card-training-session-date">
+  <div class="np-button-background-color np-card-training-session-date-bar"></div>
+  <div class="np-card-training-session-date-day">
+    {{ training_session.day }}
+  </div>
+  <div>
+    <div class="np-card-training-session-date-month">
+      {{ training_session.month }}
+    </div>
+    <div class="np-card-training-session-date-year">
+      {{ training_session.year }}
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_description.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_description.html.liquid
new file mode 100644
index 00000000..73be4cf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_desktop_view.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  {% include "training_session_header" %}
+</div>
+<div class="row">
+  <div class="col-xs-12 col-sm-7">
+    <div class="np-card-container">
+      <div class="row">
+        <div class="col-xs-12 col-sm-5">
+          {% include "training_session_details" %}
+        </div>
+        <div class="col-xs-12 col-sm-7">
+          {% include "training_session_cta" %}
+        </div>
+      </div>
+      <div class="np-card-padding-large">
+        <div class="np-card-content-divider">
+          {% include "training_session_description" %}
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-12 col-sm-5 np-grid-spacing">
+    <div class="np-training-session-sessions-title">
+      {% t shared.more_sessions %}
+    </div>
+    {% if training_event.sessions.size > 1 %}
+      {% include "training_session_more_sessions" %}
+    {% else %}
+      <div class="np-training-session-zero-state">
+        <img
+          alt="{% t .empty %}"
+          class="np-zero-state-training-sessions"
+        />
+        <div class="np-training-session-zero-state-text">
+          {% t .empty %}
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_details.html.liquid
new file mode 100644
index 00000000..ae23b7ac
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_details.html.liquid
@@ -0,0 +1,24 @@
+<div class="np-card-spacing-large">
+  {% include "training_session_date" %}
+
+  <div class="np-training-session-time">
+    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
+    {{ training_session.time_period }} {{ training_session.time_zone }}
+  </div>
+
+  {% if training_session.location %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      {{ training_session.location }}
+    </div>
+  {% endif %}
+
+  {% if training_session.session_url %}
+    <div class="np-training-session-location">
+      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
+      <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
+        {{ training_session.session_url }}
+      </a>
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_header.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_header.html.liquid
new file mode 100644
index 00000000..10434cfa
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_header.html.liquid
@@ -0,0 +1,10 @@
+<div class="np-top-vocabulary np-text-title">
+  {% t shared.event_types, key: training_event.event_type %}
+  <i class="fal fa-users-class np-button-color np-training-session-icon"></i>
+</div>
+<div class="np-top-title">
+  <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+  </a>
+  {{ training_event.title }}
+</div>
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_mobile_view.html.liquid
@@ -0,0 +1,22 @@
+<div class="np-card-container-training-session">
+  <div class="np-card-spacing-large">
+    {% include "training_session_header" %}
+  </div>
+  {% include "training_session_details" %}
+  <div class="np-card-padding-large">
+    {% include "training_session_cta" %}
+  </div>
+</div>
+
+<div class="np-card-container np-card-padding np-card-spacing">
+  {% include "training_session_description" %}
+</div>
+
+{% if training_event.sessions.size > 1 %}
+  <div class="np-card-spacing">
+    <div class="np-training-session-sessions-title">
+      {% t shared.more_sessions %}
+    </div>
+    {% include "training_session_more_sessions" %}
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Skan/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_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/Skan/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/Skan/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/_training_session_tile.html.liquid
@@ -0,0 +1,17 @@
+{% if current_session.id != session.id %}
+  <a
+    class="np-training-session-tile"
+    href="{% route training_session, id: session.id %}"
+  >
+    <i class="far fa-calendar-star np-training-session-tile-icon"></i>
+    <div>
+      <div class="np-training-session-tile-date">
+        {{ session.month }} {{ session.day }}, {{ session.year }}
+      </div>
+      <div class="np-training-session-tile-time">
+        {{ session.time_period }} {{ session.time_zone }}
+      </div>
+    </div>
+    <i class="fas fa-chevron-right np-training-session-tile-chevron"></i>
+  </a>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/Skan/account.html.liquid b/Custom_Templates/customer_templates/Skan/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/account.html.liquid
@@ -0,0 +1,14 @@
+{% include "header" %}
+
+<main class="np-main np-subpage-container np-account">
+  <div class="np-hidden-desktop">
+    {% include "account_mobile_view", form: form %}
+  </div>
+
+  <div class="np-hidden-mobile np-flex np-flex-center">
+    {% include "account_desktop_view", form: form %}
+  </div>
+</main>
+
+{% include "footer" %}
+
diff --git a/Custom_Templates/customer_templates/Skan/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Skan/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/Skan/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/Skan/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/Skan/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/catalog.html.liquid b/Custom_Templates/customer_templates/Skan/catalog.html.liquid
new file mode 100644
index 00000000..46a31292
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/catalog.html.liquid
@@ -0,0 +1,21 @@
+{% include "header" %}
+<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/Skan/course.html.liquid b/Custom_Templates/customer_templates/Skan/course.html.liquid
new file mode 100644
index 00000000..10a83fdb
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/course.html.liquid
@@ -0,0 +1,39 @@
+{% 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" %}
+
+<style>
+  body{
+    background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png');
+    background-size: cover;
+  }
+
+  .np-page-container{
+    padding: 0 !important;
+  }
+
+  @media screen and (min-width: 768px){
+    .np-page-container{
+      margin: calc(8.25rem + 75px) auto 8.25rem;
+    }
+  }
+</style>
+
+<script>
+  if (window.location.pathname.includes('/learning_paths')) {
+    addEventListener('DOMContentLoaded', () => {
+      document.querySelectorAll('h3.np-card-heading').forEach(x => {
+        if (x.innerText.toLowerCase().includes('course')) {
+          x.innerText = x.innerText.replaceAll('course', 'certificate').replaceAll('Course', 'Certificate');
+        }
+      })
+    })
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/courses.html.liquid b/Custom_Templates/customer_templates/Skan/courses.html.liquid
new file mode 100644
index 00000000..ef34b59a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/dashboard.html.liquid b/Custom_Templates/customer_templates/Skan/dashboard.html.liquid
new file mode 100644
index 00000000..e63c83d7
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/dashboard.html.liquid
@@ -0,0 +1,27 @@
+{% include "header" %}
+{%- comment -%} {% include "course_version_outdated_alert", courses: courses.enrolled %} {%- endcomment -%}
+<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">
+          Certifications
+        </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" %}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/forgot_password.html.liquid b/Custom_Templates/customer_templates/Skan/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/homepage.html.liquid b/Custom_Templates/customer_templates/Skan/homepage.html.liquid
new file mode 100644
index 00000000..32f358c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/homepage.html.liquid
@@ -0,0 +1,108 @@
+{% include "header" %}
+{%- comment -%} {% include "course_version_outdated_alert", courses: courses.featured %} {%- endcomment -%}
+<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 col-xs-12 row">
+      <div class="np-homepage-hero-texts col-xs-12 col-md-6">
+        <div class="np-homepage-hero-headline np-homepage-headline np-header-font-color">
+          {{ homepage.headline }}
+        </div>
+        <div class="np-homepage-hero-subheadline np-homepage-subheadline np-header-font-color">
+          {{ homepage.subheadline }}
+        </div>
+      </div>
+      <div class="np-homepage-hero-collage col-xs-12 col-md-6">
+        <img id="skan_metrics_img" alt="skan_metrics" class="hero-skan-image" src="https://s3.amazonaws.com/static.northpass.com/skan_ai/Dashboard+Image.png">
+        <img id="skan_three_boxes_img" alt="skan_three_boxes" class="hero-skan-image" src="https://s3.amazonaws.com/static.northpass.com/skan_ai/Three+Squares.png">
+        <img id="skan_process_map_img" alt="skan_process_map" class="hero-skan-image" src="https://s3.amazonaws.com/static.northpass.com/skan_ai/Process+Map+Image.png">
+      </div>
+    </div>
+  </div>
+  <div class="np-homepage-featured np-max-width">
+    <div class="np-learning-paths-main">
+      <div class="np-resource-title">
+        Certifications
+      </div>
+      <div class="np-resource-subtitle">
+        Explore curated sets of courses for a tailored learning experience
+      </div>
+      {% include "learning_paths_index", items: learning_paths.available %}
+    </div>
+  </div>
+</main>
+{% include "footer" %}
+
+<!-- STYLES REFERRING TO THE HOMEPAGE AS A WHOLE -->
+<style>
+  .np-homepage{
+    margin-bottom: 0;
+    padding-bottom: 4rem;
+  }
+
+  .np-homepage-hero-image{
+    object-fit: cover;
+  }
+  
+  .np-homepage-hero-content{
+    width: 100%;
+    align-items: center;
+  }
+
+  .np-homepage-hero-headline,
+  .np-homepage-hero-subheadline{
+    color: #ffffff;
+  }
+
+  .np-homepage-hero-collage{
+    position: relative;
+  }
+
+  #skan_metrics_img{
+    position: absolute;
+    z-index: 0;
+    max-height: 185px;
+    bottom: 4rem;
+    right: 6rem;
+  }
+
+  #skan_three_boxes_img{
+    position: absolute;
+    max-height: 400px;
+    padding-right: 22.5%;
+    z-index: 1;
+    top: -12rem;
+    right: 6rem;
+  }
+
+  #skan_process_map_img{
+    position: absolute;
+    z-index: 0;
+    max-height: 225px;
+    right: 23rem;
+    top: 2rem;
+  } 
+
+  @media screen and (min-width: 768px){
+    .np-homepage{
+      padding-top: 75px;
+    }
+
+    .np-homepage-hero-image{
+      max-height: 550px;
+    }
+
+    .np-homepage-featured{
+      width: 90%;
+    }
+
+    .np-homepage-hero-headline{
+      font-size: 5.5rem !important;
+      text-align: left;
+      padding-left: 5%;
+    }
+  }
+</style> 
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/learning_path.html.liquid b/Custom_Templates/customer_templates/Skan/learning_path.html.liquid
new file mode 100644
index 00000000..7c8ebae1
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/learning_path.html.liquid
@@ -0,0 +1,27 @@
+{% 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" %} 
+
+<style>
+  body{
+    background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png');
+    background-size: cover;
+  }
+
+  .np-page-container{
+    padding: 0 !important;
+  }
+  
+  @media screen and (min-width: 768px){
+    .np-page-container{
+      margin: calc(3.75rem + 75px) auto 6.25rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/Skan/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/learning_paths.html.liquid b/Custom_Templates/customer_templates/Skan/learning_paths.html.liquid
new file mode 100644
index 00000000..e6e10cba
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/login.html.liquid b/Custom_Templates/customer_templates/Skan/login.html.liquid
new file mode 100644
index 00000000..006653c3
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/login.html.liquid
@@ -0,0 +1,53 @@
+<main class="np-main np-box-container" style="background: #01061D;">
+  <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>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/master.html.liquid b/Custom_Templates/customer_templates/Skan/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/master.html.liquid
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/Skan/not_found.html.liquid b/Custom_Templates/customer_templates/Skan/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/private_certificate.html.liquid b/Custom_Templates/customer_templates/Skan/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/public_certificate.html.liquid b/Custom_Templates/customer_templates/Skan/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/reset_password.html.liquid b/Custom_Templates/customer_templates/Skan/reset_password.html.liquid
new file mode 100644
index 00000000..12bf0d0f
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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 %} * <br> Password must be a minimum of 8 characters, with at least 1 capital letter, 1 number, and 1 special character.
+          </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/Skan/search.html.liquid b/Custom_Templates/customer_templates/Skan/search.html.liquid
new file mode 100644
index 00000000..01684399
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/sign_up.html.liquid b/Custom_Templates/customer_templates/Skan/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/styles.css.liquid b/Custom_Templates/customer_templates/Skan/styles.css.liquid
new file mode 100644
index 00000000..05cd6780
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/styles.css.liquid
@@ -0,0 +1,230 @@
+ /*
+ 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 }}
+*/
+
+body {
+	height: 100%; 
+	margin: 0;
+	background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png'); 
+	background-attachment: fixed;
+	background-repeat: no-repeat;
+	background-size: cover;
+}
+
+.np-main {
+	background: transparent;
+}
+
+
+.np-sub-navigation {
+	margin-bottom: 0;
+}
+
+.np-homepage-featured .np-homepage-headline {
+	color: #ffffff;
+}
+
+/* LOGIN PAGE  */
+.np-box .np-form-link {
+	color:#211579;
+}
+
+/* FOOTER DETAILS */
+.np-footer-support-item {
+	color: #ffffff;
+}
+
+.np-button-color {
+	color: #FFFFFF;
+}
+
+.np-button-color:hover {
+	color: #59D7C9;
+	transition: color .5s ease, background .5s ease, border .5s;
+}
+
+
+/* links for Home, Dashboard, etc. */
+.np-sub-navigation-content{
+	color: #ffffff
+}
+
+/* Dashboard page all text*/
+.np-dashboard-resources-title {
+	color: #FFFFFF;
+}
+
+/* Catalog page all text*/
+.np-footer-logo-image {
+	filter: none;
+	opacity: 1;
+	height: 50px;
+	width: 100%;
+}
+
+.np-button-background-color {
+	background: #211579;
+	color: #FFFFFF;
+}
+
+
+.np-button {
+	color: #FFFFFF;
+	background: #307fe2;
+	text-transform: uppercase;
+	font-family: Jost,sans-serif;
+}
+
+.np-button:hover {
+	background: #59D7C9;
+	transition: color .5s ease, background .5s ease, border .5s;
+	border: 1px solid #59D7C9;
+	color: #211579;
+}  
+
+
+
+.dropdown-button {
+	color: #FFFFFF !important;
+	background: #307fe2 !important;
+}
+
+
+.dropdown-button:hover {
+	color: #211579 !important;
+	background: #59D7C9 !important;
+}
+
+.dropdown-button-apply {
+	color: #FFFFFF !important;
+	background: #307fe2 !important;
+}
+
+
+.dropdown-button-apply:hover {
+	color: #211579 !important;
+	background: #59D7C9 !important;
+}
+
+
+
+
+.np-card-content-progress,
+.np-course-version-outdated-popup-trigger,
+.np-card-content-progress .np-button-color{
+	color: #211579;
+	
+}
+
+.np-card-content-progress:hover {
+	color: #211579;	
+}
+
+
+
+.np-popup-body-button,
+.np-learning-paths, {
+	background-image: linear-gradient(#01061D, #030E43);
+}
+
+.np-popup-body-button:hover {
+	background: #59D7C9;
+	color: #211579;
+	transition: color .5s ease, background .5s ease, border .5s;
+
+}
+
+.np-resource-header {
+	border: 2px solid #e5e9eb;
+}
+
+/* Course progress -course_outline */
+
+
+/* Newly Updated Styles based on Nitin's Designs */
+@media (min-width: 768px){
+	.np-alert-global{
+		padding-top: 90px !important;
+	}
+
+	.np-box-header-logo{
+		height: 85px;
+	}
+
+	.np-homepage .np-card{
+		padding: 0;
+	}
+
+	.np-catalog{
+		padding-top: 150px;
+	}
+
+	.np-dashboard,
+	.np-training-events{
+		padding-top: 155px;
+	}
+
+	.np-dashboard-resources-container{
+		border: 2px solid #211579;  
+	}
+
+	.np-course-outline-content-activity-icon {
+		color: #59D7C9;
+	}
+	
+	.np-resource-title,
+	.np-resource-subtitle,
+	.np-zero-state-text {
+		color: #211579;
+	}
+	
+	.np-learning-path .np-learning-path-image{
+		border-radius: 0;
+		border-top-left-radius: 4px;
+		border-bottom-left-radius: 4px;
+	}
+	
+	.np-card-text-wrapper{
+		border-top-right-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
+
+	.np-dashboard-resources-title,
+	.np-card-header-type,
+	.np-card-header-icon,
+	.np-learning-path-items,
+	.np-learning-path-items .np-button-color,
+	.np-learning-path-items .np-learning-path-items-count,
+	.np-card-content-title{
+		color: #211579;
+	}
+	
+	.np-card-container,
+	.np-card-stack-level-1,
+	.np-card-stack-level-2{
+		background: #FFFFFF;
+		border: 2px solid #211579;
+	}
+
+	.np-learning-path-outline-item{
+		border: 2px solid #e5e9eb;
+	}
+
+	.np-homepage .np-learning-path .np-card-content{
+		border: none;
+	}
+
+	.np-footer,
+	.np-powered-by {
+		background: #01061D !important;
+	}
+}
+    
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Skan/training_events.html.liquid b/Custom_Templates/customer_templates/Skan/training_events.html.liquid
new file mode 100644
index 00000000..68b3a679
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/training_events.html.liquid
@@ -0,0 +1,18 @@
+{% include "header" %}
+<main class="np-main np-training-events np-subpage-container np-max-width">
+  <div class="row">
+    <div class="col-xs-12 col-sm-10">
+      <div class="np-resource-title">
+        {% t .title %}
+      </div>
+      <div class="np-resource-subtitle">
+        {% 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/Skan/training_session.html.liquid b/Custom_Templates/customer_templates/Skan/training_session.html.liquid
new file mode 100644
index 00000000..5b78b834
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/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/Skan/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/Skan/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/training_session_attendance.html.liquid
@@ -0,0 +1,43 @@
+{% include "header" %}
+<main class="np-main np-cta-page np-max-width np-subpage-container">
+  <div class="np-card-container np-card-padding-xlarge">
+    {% if token %}
+      <i class="np-cta-page-icon fal fa-users-class"></i>
+      <div class="np-form-headline">
+        {{ training_session.title }}
+      </div>
+      <div class="np-form-subheadline">
+        {% t .info,
+          event_name: training_session.title,
+          session_date: training_session.date,
+          session_time: training_session.time
+        %}
+      </div>
+      <div class="np-form-subheadline">
+        {% t .question %}
+      </div>
+      <form action="{% route training_session_attendance %}" method="post" class="np-cta-page-buttons">
+        {% form_authenticity_token %}
+        <input type="hidden" name="token" value="{{ token }}">
+        <input type="submit" name="not_attended" value="{% t .not_attended %}" class="np-button np-button-secondary">
+        <input type="submit" name="commit" value="{% t .attended %}" class="np-button">
+      </form>
+      <div class="np-form-subheadline">
+        {% t .salutation %}
+      </div>
+      <div class="np-form-subheadline">
+        {{ current_school.name }}
+      </div>
+    {% else %}
+      <i class="np-cta-page-icon fal fa-check-circle"></i>
+      <div class="np-form-headline">
+        {% t .success.response_text %}
+      </div>
+      <div class="np-cta-page-buttons">
+        <a href="{% route training_events %}" class="np-button">
+          {% t .success.button_text %}
+        </a>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/Skan/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Skan/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/Skan/unsubscribe.html.liquid
@@ -0,0 +1,30 @@
+{% include "header" %}
+<main class="np-main np-cta-page np-max-width np-subpage-container">
+  <div class="np-card-container np-card-padding-xlarge">
+    {% if token %}
+      <i class="np-cta-page-icon fal fa-bell-slash"></i>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .unsubscribe_text %}
+      </div>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .resubscribe_text %}
+      </div>
+      <form
+        id="unsubscribe_form"
+        action="{% route email_unsubscribe, unsubscribe_token: token %}"
+        method="post"
+        class="np-cta-page-buttons"
+      >
+        {% form_authenticity_token %}
+        <input type="hidden" name="_method" value="delete">
+        <input type="submit" name="commit" value="{% t .resubscribe_button %}" class="np-button np-button-wide">
+      </form>
+    {% else %}
+      <i class="np-cta-page-icon fal fa-bell-on"></i>
+      <div class="np-form-subheadline np-margin-top">
+        {% t .resubscribed_text %}
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Scripts/API_Tests/Apikeys.py b/Scripts/API_Tests/Apikeys.py
index a9dfb542..7545f450 100644
--- a/Scripts/API_Tests/Apikeys.py
+++ b/Scripts/API_Tests/Apikeys.py
@@ -25,3 +25,4 @@ FULLSTORY = "ePChrDWLegENa2qnfb259O2Ki"
 RENAISSANCE = "YFykqX1u0d3HveONc5I9CKnJ1"
 SANDATA = "HdZFoXGCFpt8NnTOzIQY0kVDj"
 LUMINATE_US = "p5fidpuedHaOlPnd8EcpxzQMG"
+SKAN = "89qJQDaFl3DvIpSSOUC5PM9V6"
diff --git a/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc b/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc
index 461ccba2dde1e3d8438799547a53346fcd616bf5..25cf41cd65f32eadfa0231ecd333670aee5ad41d 100644
GIT binary patch
delta 109
zcmdnYb&HEPpO=@50SI;-n3a}0kyn<nWTJK<N0fAmbTEUa%*F+~ndG7*Ei4PY0$mc_
za*SQdJPU$@{X?Bi1AHyR%=|QECdV;1F-A>($h@2F7E7?Vqu=B?EU|1BKqFZgCNr`c
Mu(2?*Fmf;g0JDA^vH$=8

delta 61
zcmcb`wV8`IpO=@50SM&hPEGTg$SccOFj2dZC73}|dgGGaOw4|o(vxeMn;36RV%a_U
QAWJNx*<^WEb0!W(0Qt=jga7~l

diff --git a/Scripts/API_Tests/get_groups_and_learners.py b/Scripts/API_Tests/get_groups_and_learners.py
new file mode 100644
index 00000000..738a4220
--- /dev/null
+++ b/Scripts/API_Tests/get_groups_and_learners.py
@@ -0,0 +1,60 @@
+import requests
+import Apikeys
+import pandas as pd
+
+BASEURL = "https://api.northpass.com/v2/"
+APIKEY = Apikeys.SKAN
+HEADERS = {"X-Api-Key": APIKEY, "accept": "application/json"}
+
+LISTGROUPS = "groups/"
+FINALDICT = {}
+
+
+def get_groups():
+    count = 0
+    groups_list = []
+    while True:
+        count += 1
+        groupsurl = f"{BASEURL}{LISTGROUPS}?limit=100&page={count}"
+        groupsreq = requests.get(groupsurl, headers=HEADERS)
+        groupson = groupsreq.json()
+        nextlink = groupson["links"]
+
+        for grous in groupson["data"]:
+            grouple = (grous["id"], grous["attributes"]["name"])
+            groups_list.append(grouple)
+
+        if "next" not in nextlink:
+            break
+
+    get_memberships(groups_list)
+
+
+def get_memberships(groups_list):
+    for gids, ginames in groups_list:
+        count2 = 0
+        members_list = []
+        while True:
+            count2 += 1
+            group_uuid = gids
+            LISTMEMBERS = f"{group_uuid}/memberships"
+            membersurl = f"{BASEURL}{LISTGROUPS}{LISTMEMBERS}?limit=100&page={count2}"
+            memreq = requests.get(membersurl, headers=HEADERS)
+            members = memreq.json()
+            nextlink = members["links"]
+
+            for person in members["included"]:
+                email = person["attributes"]["email"]
+                members_list.append(email)
+
+            if "next" not in nextlink:
+                break
+        FINALDICT[ginames] = members_list
+
+    df = pd.DataFrame.from_dict(FINALDICT, orient='index')
+    print(df)
+    df.to_csv("~/Downloads/Skan_Groups_Members.csv")
+
+
+if __name__ == "__main__":
+    get_groups()
diff --git a/Scripts/GAS_GS/AnthologyCSV-Parse-Prod/MasterCSV_Parser.js b/Scripts/GAS_GS/AnthologyCSV-Parse-Prod/MasterCSV_Parser.js
index 3a43f122..d81dc387 100755
--- a/Scripts/GAS_GS/AnthologyCSV-Parse-Prod/MasterCSV_Parser.js
+++ b/Scripts/GAS_GS/AnthologyCSV-Parse-Prod/MasterCSV_Parser.js
@@ -100,6 +100,7 @@ function updatedDomainsOnly(domains_to_update) {
   var corrList = [];
   for (var x = 0; x < domains_to_update.length; x++) {
     var array = domains_to_update[x];
+    Logger.log(array)
     var currDomain = domains_to_update[x][0]
     var errorObj = new Object();
     var noErrorObj = new Object();
@@ -109,7 +110,6 @@ function updatedDomainsOnly(domains_to_update) {
     for (var i = 1; i < array.length; i++) {
       var item = array[i]
       if (item != "") {
-        Logger.log("Item/Domain: "+item)
         var api_url = 'https://api.northpass.com/v2/groups/?filter[name][eq]='+encodeURIComponent(item);
         const settings = {
         async: true,
@@ -123,15 +123,16 @@ function updatedDomainsOnly(domains_to_update) {
         const sendMsg = UrlFetchApp.fetch(api_url, settings);
         var uuidResponse = sendMsg.getContentText();
         var parseData = JSON.parse(uuidResponse);
+        var groupName = array.indexOf(item);
         if (parseData['data'].length >= 1) {
           var groupID = parseData['data'][0]['id'];
-          var groupName = array.indexOf(item);
           if (groupName != -1) {
               array[groupName] = groupID;
-          }
+          } 
           correctGroups.push(item)
         } else {
           errorGroups.push(item);
+          array[groupName] = "";
         }
       }
     }
@@ -146,9 +147,9 @@ function updatedDomainsOnly(domains_to_update) {
     sendWebhook({domain_to_update : { domain: dom, group_ids: groups }})
     replaceOnSheet(dom, groups);
     }
-    MailApp.sendEmail("nrasmussen@gainsight.com",
-                    "Anthology has submitted a CSV",
-                    "Here are the domains that will be updated: "+JSON.stringify(noErrorObj)+"\n\n"+"Group Errors (they likely don't exist): "+JSON.stringify(errorList));
+//     MailApp.sendEmail("nrasmussen@gainsight.com",
+//                     "Anthology has submitted a CSV",
+//                     "Here are the domains that will be updated: "+JSON.stringify(noErrorObj)+"\n\n"+"Group Errors (they likely don't exist): "+JSON.stringify(errorList));
     MailApp.sendEmail("amitd@anthology.com",
                     "Anthology has submitted a CSV",
                     "Here are the domains that will be updated: "+JSON.stringify(noErrorObj)+"\n\n"+"Group Errors (they likely don't exist): "+JSON.stringify(errorList));
diff --git a/tmp.md b/tmp.md
new file mode 100644
index 00000000..3b2b6fdd
--- /dev/null
+++ b/tmp.md
@@ -0,0 +1,17 @@
+Message 1 for Austin:
+Oh! Something else for this week... Anthology has been having a few issues this week with the Workato flows. I had to update a few flows. It appears everything has been working since I updated it, but.... it's Anthology. I've asked them to try their best to not reach out to you but if it's preventing their clients from seeing content and accessing courses, I told them to be _very clear_ and share _a lot_ of details if they do have to reach out to you. You know how this whole thing works; nothing has really changed. And I don't trust any of the new support guys. Heck, idk how Brian would help with this... he would just escalate to you. Here are the relevant links and reminder of the flow:
+1. Amit formats a CSV with column A being the domain and all the other columns being the groups that domain should be associated with.
+2. He Submits the CSV via [Google Form](https://docs.google.com/forms/d/11cDnam9-rPfQN2VpAdQzqK8MbjFEqjuGrpM3rEMx3KM/edit).
+3. The Google Form places the CSV in [this drive directory](https://drive.google.com/drive/folders/1hAz7O-eoxFUk4YW7FoHr4uNJmPs7CiV5BjBNTLtMJzXwY0CbpykYgSAkFR5Quy_MPdn3e_5j).
+4. A [Google App Script](https://script.google.com/macros/u/0/start?mid=ACjPJvFGVPGTFsTgKy2Q6AvciyfFgXq0BcoXTjfvQkM9NB5TPkS82MTFlTbYhu7ECjjwtSUw7CQMzKPDOW1uQa0Gs8j7nn7fddpAb4rH0GCBW69Kvzc_LbLcbz7J7SFewq_cfnoQah8kPGCe&uiv=2) associated with the form runs and does a few things: a. finds the newer file, b. compares it against the older file, c. finds only changed rows, d. the changed rows are in an array and switches the group names for group UUIDs, e. sends a webhook to [this workato endpoint](https://app.workato.com/recipes/44069920-update-user-groups-by-domain#recipe), f. updates a [master google sheet with all domains and group uuids](https://docs.google.com/spreadsheets/d/1Kck1UUOkVIU4kbBC8b_bl77fNaCTSFStiv0I5Gg-kIc/edit?gid=0#gid=0), g. moves the older csv file to another directory, and sends an email to me and amit with all the updated domains and groups along with any errors that it encountered.
+5. Then, when someone new activates in the academy, [this workato recipe](https://app.workato.com/recipes/31333960-activation-mapping-via-sheets#jobs) runs by searching the google sheet for the domain, grabbing all the uuids, and making an API call to add them.
+
+If Amit comes to you with any issues, I _usually_ find something wrong with a recipe execution on the activation mapping. You can also check the google apps script executions. Google will tell you if it failed along with any log statements - I logged a lot so I can find the error. Most of the time, Amit has done something odd or incorrect, but sometimes it's also just our systems.
+
+
+Message 2 for Austin:
+heyo. i hope cohesion was good! i am out starting today so I can't remind you of anthology things. Please make sure you help take care of these minor design changes rachel is asking for. I've attached screenshots of the email. I've also attached the hero image without the "Get Started" link - the [Figma](https://www.figma.com/design/vbDR3ItJTg2NZtCIDeEkXV/Anthology-Academy?m=auto&t=v82sLUuxZurgJaRS-6) has the one with the getting starting link and it may have it in SVG if that's easier. I'm not sure how you want to configure that button - either a div over that section of the image, or if you want to draw it out yourself in HTML. When someone clicks that, it should land on the search results page with "Anthology 101" pre-filtered. Please just read through all the comments in the Figma.
+
+I think they are about ready for moving the search bar; I would just confirm after you finish the minor design changes.
+
+I'd rather you push changes and make mistakes rather than not do anything because I'm not around to answer any questions. I trust you! Just make sure you let Katie/Rachel know when changes are pushed.