From 2de37ce3bca48caa9a5ae535118a4342b090f99b Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Tue, 15 Apr 2025 14:10:04 -0400
Subject: [PATCH] Tasks.

---
 .../_account_avatar.html.liquid               |   66 +
 .../_account_desktop_view.html.liquid         |   19 +
 .../ACPA Sandbox v1/_account_form.html.liquid |  139 ++
 .../_account_mobile_view.html.liquid          |   17 +
 .../ACPA Sandbox v1/_cards_course.html.liquid |   61 +
 .../_cards_featured_course.html.liquid        |   82 +
 .../_cards_learning_path.html.liquid          |   97 +
 .../_cards_training_event.html.liquid         |   46 +
 .../_carousel_courses.html.liquid             |   62 +
 .../_carousel_events.html.liquid              |   37 +
 .../_carousel_instructors.html.liquid         |   89 +
 .../_certificates_info_column.html.liquid     |    4 +
 .../_certificates_metadata.html.liquid        |   59 +
 .../_certificates_preview.html.liquid         |   35 +
 .../_certificates_top_bar.html.liquid         |   44 +
 .../_certificates_verification.html.liquid    |   15 +
 .../_course_activity_locked.html.liquid       |    4 +
 .../_course_activity_unlocked.html.liquid     |    9 +
 .../_course_banner.html.liquid                |    9 +
 .../_course_categories.html.liquid            |   10 +
 .../_course_description.html.liquid           |    6 +
 .../_course_desktop_view.html.liquid          |   46 +
 .../_course_details.html.liquid               |   27 +
 .../_course_details_review.html.liquid        |   47 +
 .../_course_events.html.liquid                |   28 +
 .../_course_header.html.liquid                |   28 +
 .../_course_instructors.html.liquid           |   52 +
 .../_course_mobile_view.html.liquid           |   73 +
 .../_course_outline.html.liquid               |   38 +
 .../_course_progress_and_cta.html.liquid      |   65 +
 ..._course_version_outdated_alert.html.liquid |    7 +
 ..._course_version_outdated_popup.html.liquid |   33 +
 .../_courses_catalog.html.liquid              |   16 +
 .../_courses_index.html.liquid                |   16 +
 .../_courses_zero_state.html.liquid           |    6 +
 .../_featured_carousel.html.liquid            |  150 ++
 .../_filter_by_progress.html.liquid           |  112 +
 .../_filter_checkbox.html.liquid              |   10 +
 .../_filter_dropdown.html.liquid              |   33 +
 .../_filter_select.html.liquid                |   22 +
 .../_filters_catalog.html.liquid              |   46 +
 .../ACPA Sandbox v1/_footer.html.liquid       |  105 +
 .../ACPA Sandbox v1/_head.html.liquid         |   16 +
 .../ACPA Sandbox v1/_header.html.liquid       |  284 +++
 .../_header_minimal.html.liquid               |   17 +
 .../_learning_path_banners.html.liquid        |    5 +
 .../_learning_path_certificate.html.liquid    |   17 +
 ...rning_path_certificate_content.html.liquid |   19 +
 ...learning_path_completed_banner.html.liquid |   13 +
 .../_learning_path_course.html.liquid         |   59 +
 .../_learning_path_description.html.liquid    |    6 +
 ..._learning_path_desktop_content.html.liquid |   21 +
 .../_learning_path_desktop_header.html.liquid |   12 +
 .../_learning_path_desktop_view.html.liquid   |    2 +
 .../_learning_path_instructors.html.liquid    |   28 +
 .../_learning_path_mobile_content.html.liquid |   19 +
 .../_learning_path_mobile_header.html.liquid  |   17 +
 .../_learning_path_mobile_view.html.liquid    |    2 +
 ...arning_path_new_content_banner.html.liquid |   12 +
 .../_learning_path_outline.html.liquid        |   10 +
 ...learning_path_progress_and_cta.html.liquid |   21 +
 ...ning_path_summary_desktop_view.html.liquid |    3 +
 ...rning_path_summary_mobile_view.html.liquid |    5 +
 ...learning_path_training_session.html.liquid |   53 +
 .../_learning_paths_index.html.liquid         |   14 +
 .../ACPA Sandbox v1/_messages.html.liquid     |   19 +
 .../_progress_circle.html.liquid              |   79 +
 .../_search_result.html.liquid                |   19 +
 .../_search_zero_state.html.liquid            |   13 +
 .../_section_popular_topics.html.liquid       |   23 +
 .../_sub_navigation.html.liquid               |   16 +
 .../_training_events_dashboard.html.liquid    |    9 +
 .../_training_events_filter.html.liquid       |   53 +
 .../_training_events_index.html.liquid        |   13 +
 .../_training_events_zero_state.html.liquid   |    9 +
 .../_training_session_calendars.html.liquid   |   52 +
 .../_training_session_cta.html.liquid         |   53 +
 .../_training_session_date.html.liquid        |   14 +
 .../_training_session_description.html.liquid |    6 +
 ..._training_session_desktop_view.html.liquid |   40 +
 .../_training_session_details.html.liquid     |   24 +
 .../_training_session_header.html.liquid      |   10 +
 .../_training_session_mobile_view.html.liquid |   22 +
 ...training_session_more_sessions.html.liquid |    3 +
 .../_training_session_tile.html.liquid        |   17 +
 .../_widget_course_progress.html.liquid       |   88 +
 .../ACPA Sandbox v1/account.html.liquid       |   14 +
 .../auth_url_email.html.liquid                |   59 +
 .../auth_url_employee.html.liquid             |   59 +
 .../auth_url_phone_number.html.liquid         |   40 +
 .../auth_url_terms.html.liquid                |   74 +
 .../ACPA Sandbox v1/catalog.html.liquid       |  466 ++++
 .../ACPA Sandbox v1/course.html.liquid        |   83 +
 .../ACPA Sandbox v1/courses.html.liquid       |   59 +
 .../ACPA Sandbox v1/dashboard.html.liquid     |  236 +++
 .../forgot_password.html.liquid               |   25 +
 .../ACPA Sandbox v1/homepage.html.liquid      |   52 +
 .../ACPA Sandbox v1/learning_path.html.liquid |   54 +
 .../learning_path_summary.html.liquid         |   10 +
 .../learning_paths.html.liquid                |   41 +
 .../ACPA Sandbox v1/login-page.html.liquid    |  101 +
 .../ACPA Sandbox v1/login.html.liquid         |   53 +
 .../ACPA Sandbox v1/master.html.liquid        |    1 +
 .../ACPA Sandbox v1/not_found.html.liquid     |   10 +
 .../private_certificate.html.liquid           |   10 +
 .../public_certificate.html.liquid            |   10 +
 .../ACPA Sandbox v1/register.html.liquid      |  116 +
 .../reset_password.html.liquid                |   43 +
 .../ACPA Sandbox v1/search.html.liquid        |   27 +
 .../ACPA Sandbox v1/sign_up.html.liquid       |   72 +
 .../ACPA Sandbox v1/styles.css.liquid         | 1880 +++++++++++++++++
 .../training_events.html.liquid               |   46 +
 .../training_session.html.liquid              |   34 +
 .../training_session_attendance.html.liquid   |   43 +
 .../ACPA Sandbox v1/unsubscribe.html.liquid   |   30 +
 Scripts/API_Tests/api_extracts.py             |    1 -
 Scripts/Walmart/Spark/single_resource.js      |    7 +-
 Tasks.md                                      |   41 +-
 lua/markdown_organizer/init.lua               |   87 -
 119 files changed, 6858 insertions(+), 133 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_account_avatar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_account_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_account_form.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_account_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_featured_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_training_event.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_info_column.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_metadata.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_preview.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_top_bar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_verification.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_locked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_unlocked.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_categories.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details_review.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_alert.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_popup.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_featured_carousel.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_by_progress.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_checkbox.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_dropdown.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_select.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_filters_catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_footer.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_head.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_header_minimal.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_banners.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_certificate_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_completed_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_instructors.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_content.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_new_content_banner.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_outline.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_progress_and_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_summary_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_summary_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_paths_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_messages.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_progress_circle.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_search_result.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_search_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_section_popular_topics.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_sub_navigation.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_filter.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_index.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_zero_state.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_calendars.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_cta.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_date.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_description.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_desktop_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_details.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_header.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_mobile_view.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_more_sessions.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_tile.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/_widget_course_progress.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/account.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_email.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_employee.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_phone_number.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_terms.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/catalog.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/course.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/courses.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/dashboard.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/forgot_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path_summary.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/learning_paths.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/login-page.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/login.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/master.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/not_found.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/private_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/public_certificate.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/register.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/reset_password.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/search.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/sign_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/styles.css.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/training_events.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/training_session.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/training_session_attendance.html.liquid
 create mode 100644 Custom_Templates/customer_templates/ACPA Sandbox v1/unsubscribe.html.liquid
 delete mode 100644 lua/markdown_organizer/init.lua

diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_avatar.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_avatar.html.liquid
new file mode 100644
index 00000000..d952af93
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_account_desktop_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_desktop_view.html.liquid
new file mode 100644
index 00000000..8ae8599d
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_account_form.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_form.html.liquid
new file mode 100644
index 00000000..ddd264c2
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_form.html.liquid	
@@ -0,0 +1,139 @@
+<div class="np-resource-title">
+  {% t .header %}
+</div>
+<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
+  <input
+    {% if form.options.invite? %} disabled {% endif %}
+    autofocus="autofocus"
+    class="np-input"
+    id="{{version}}_learner_email"
+    name="learner[email]"
+    type="email"
+    value="{{ form.email }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_first_name">
+    {% t shared.first_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_first_name"
+    name="learner[first_name]"
+    value="{{ form.first_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_last_name">
+    {% t shared.last_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_last_name"
+    name="learner[last_name]"
+    value="{{ form.last_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_display_name">
+    {% t .display_name %}
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_display_name"
+    name="learner[display_name]"
+    value="{{ form.display_name }}"
+  />
+</div>
+
+{% unless form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_current_password">
+      {% t .current_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_current_password"
+      name="learner[current_password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t .new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  {% if form.terms_of_service_required? %}
+    <div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
+      <input
+        id="{{version}}_learner_terms_of_service"
+        name="learner[terms_of_service_accepted]"
+        type="checkbox"
+      />
+      <div class="label">
+        {% t .terms_of_service %}
+        <a
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </div>
+    </div>
+  {% else %}
+    <div class="np-margin-top">
+      <span class="np-form-terms ">
+        {% t .terms %}
+        <a
+          class="np-form-link np-button-color"
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </span>
+    </div>
+  {% endif %}
+
+  <input
+    id="{{version}}_invite_token"
+    name="learner[token]"
+    value="{{ form.invite_token }}"
+    type="hidden"
+  />
+{% endif %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_mobile_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_account_mobile_view.html.liquid
new file mode 100644
index 00000000..6ac8c007
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_cards_course.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_course.html.liquid
new file mode 100644
index 00000000..ec6e8578
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_course.html.liquid	
@@ -0,0 +1,61 @@
+<div class="np-card" >
+    <div class="np-card-container">
+        <div class="np-card-image-content-top" style="top: 0.75rem; left: 0.75rem">
+            {% if course.ribbon %}
+              <div class="np-card-ribbon">
+                {{ course.ribbon }}
+              </div>
+            {% endif %}
+         
+
+            <div class="np-card-content-progress np-button-color" style='color: white; font-size: 14px; font-weight: 600;'>
+              {% t shared.progress, count: course.progress %}
+            </div> 
+        </div>
+        <img
+          class="np-card-image"
+          alt="{{ course.name }}"
+          src="{{ course.image_url }}"
+        >
+      </div>
+   
+      <div class="np-card-content np-card-content-vertical np-card-padding course-card-content" style='padding: 1.5rem; min-height: 255px; '>
+          {% include "course_details_review" %}
+        <div class="np-card-content-footer">
+            {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+            {% if course.has_to_restart? %}
+              {% include "course_version_outdated_popup", path: course_path %}
+            {% endif %}
+
+            <a
+              class="np-top-button np-button-font-color np-button np-button-big" href="{% route course_enrollment, code: course.enrollment_code %}"          
+              >
+                
+
+                {% if course.enrolled? == false %}
+                  {% t shared.enroll %}
+                {% elsif course.started? == false %}
+                  {% t shared.start, key: current_school.course_vocabulary %}
+                {% elsif course.completed? %}
+                  {% t shared.course.view, key: current_school.course_vocabulary %}
+                {% else %}
+                  {% t shared.continue %}
+                {% endif %}
+            </a>
+</div>
+        </div>
+    </div>
+</div>
+
+<style>
+  .fas.fa-star {
+      line-height: 1.15;
+  }
+  .course-card-content {
+    background: #192B4C;
+    border-radius: 0 0 8px 8px;
+  }
+  .np-card-content-title {
+    text-shadow: 1px 1px black;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_featured_course.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_featured_course.html.liquid
new file mode 100644
index 00000000..6bfc35ba
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_featured_course.html.liquid	
@@ -0,0 +1,82 @@
+<div class="np-card np-no-horizontal-padding">
+  <div class="np-card-container">
+    <div class="np-learning-path np-featured-course">
+      <div class="np-featured-course-img-container">
+          <div class="np-card-image-content-top">           
+              {% include "course_details" %}
+          </div>
+          <img
+          class="np-card-image"
+          alt="{{ course.name }}"
+          src="{{ course.image_url }}"
+          >
+      </div>
+      <div class="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='font-size: 16px !important; line-height: 24px !important; color: #FFFFFF !important; font-family: Lexend !important;'>
+            {{ course.full_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" href="{% route course_enrollment, code: course.enrollment_code %}" style='background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%); font-weight: 800;
+                border-radius: 8px; margin-right: 24px;'          
+                >
+                  {% 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 np-button-color" style='color: #cd7146; font-weight: 700; font-size: 12px; align-self: center; text-transform: uppercase;'>
+                {% t shared.progress, count: course.progress %}
+              </div> 
+            </div>
+            <div class='course-detail-rating'>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .np-card-content.np-card-padding.np-card-content-vertical {
+    border-radius: 0 8px 8px 0;
+  }
+  @media screen and (max-width: 1024px) {
+    .np-card-content.np-card-padding.np-card-content-vertical {
+      border-radius: 8px;
+    }
+  }
+
+  .np-card-image {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 8px;
+  }
+  @media screen and (max-width: 1024px) {
+    .np-card-image {
+      border-top-right-radius: 8px;
+      border-bottom-left-radius: 0;
+    }
+  }
+</style>
+
+<script>
+  $(".np-card-content-description").css('font-size','16px !important')
+  $(".np-card-content-description").css('color','white !important')
+  $(".np-card-content-description").css('font-family', 'Lexend !important')
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_learning_path.html.liquid
new file mode 100644
index 00000000..6931a0af
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_learning_path.html.liquid	
@@ -0,0 +1,97 @@
+{% assign is_ghost_lp = "" %}
+
+{% for category in learning_path.categories %}
+  {% if category.name == "Ghost Learning Path" %}
+    {% assign is_ghost_lp = "display:none" %}
+  {% endif %}
+{% endfor %}
+
+<div class="np-card np-no-horizontal-padding" style="{{is_ghost_lp}}">
+  <div class="np-card-container" style="border-radius: 8px;">
+    <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-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description | strip_html }}
+          </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" style='border-radius: 40px;'>
+            <div
+              style="width: {{ learning_path.progress }}%;"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <a
+              class="np-button"
+            {% if learning_path.enrolled? %}
+              {% if learning_path.current_item.course? %}
+                href="{% route learning_path, id: learning_path.id %}"
+              {% elsif learning_path.current_item.training_event? %}
+                href="{% route training_session, id: learning_path.current_item.id %}"
+              {% endif %}
+            {% else %}
+                href="{% route learning_path_enrollment, code: learning_path.enrollment_code %}"
+            {% endif %}
+                      
+            >
+              {% if learning_path.enrolled? == false %}
+                {% t shared.enroll %}
+              {% elsif learning_path.started? == false %}
+                {% t shared.learning_path.start %}
+              {% elsif learning_path.completed? %}
+                {% t shared.learning_path.view %}
+              {% else %}
+                {% t shared.continue %}
+              {% endif %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <span class="np-learning-path-items-count">
+             {{ learning_path.items.count }} {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+  .np-learning-path .np-card-content.np-card-padding.np-card-content-vertical {
+    border-radius: 0 8px 8px 0;
+  }
+  @media screen and (max-width: 768px) {
+    .np-learning-path .np-card-content.np-card-padding.np-card-content-vertical {
+      border-radius: 8px;
+    }
+  }
+  .np-learning-path .np-card-image {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: 8px;
+  }
+  @media screen and (max-width: 768px) {
+    .np-learning-path .np-card-image {
+      border-top-right-radius: 8px;
+      border-bottom-left-radius: 0;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_training_event.html.liquid
new file mode 100644
index 00000000..0102b853
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_cards_training_event.html.liquid	
@@ -0,0 +1,46 @@
+<div class="np-card np-event-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" style='border-radius: 4px; opacity: 0.15;'>
+          {% t .next_session %}
+        </span>
+        <div class="np-card-training-session-date">
+          <div>
+            <div class="np-card-training-session-date-month">
+              {{ training_event.sessions.first.month }}
+            </div>
+            <div class="np-card-training-session-date-year np-opacity-50">
+              {{ training_event.sessions.first.year }}
+            </div>
+          </div>
+          <div class="np-card-training-session-date-day">
+             {% if training_event.sessions.first.day < 10 %}0{% endif %}{{ training_event.sessions.first.day }}
+          </div>
+          <div class="np-button-background-color np-card-training-session-date-bar" style='border-right: 16px solid #CD7146;'></div>
+        </div>
+      </div>
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-training-sessions">
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+        <a
+          class="np-button"
+          href="{% route training_session, id: training_event.sessions.first.id %}"
+          style='background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%); border-radius: 8px;'         
+
+        >
+          {% t shared.view %}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_courses.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_courses.html.liquid
new file mode 100644
index 00000000..31cde206
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_courses.html.liquid	
@@ -0,0 +1,62 @@
+{% assign topic_classname = topic | split: " " %}
+
+<div class="courses-carousel np-carousel" data-topic="{{ topic_classname | join: '-' | downcase }}">
+    {% if items.any? %}
+        {% assign sorted_items =items | sort: "name" %}
+        {% for course in sorted_items %}
+
+            {% comment %} USED FOR PROGRESS FILTER  {% endcomment %}
+            {% assign course_status = "" %}
+
+            {% if course.started? == false  %}
+                {% assign course_status = "not-started" %}
+            {% elsif course.completed?  %}
+                {% assign course_status = "completed" %}
+            {% elsif course.started?  %}
+                {% assign course_status = "in-progress" %}
+            {% endif %}
+
+            {% if topic == "Not Categorized" %}
+                <div class="np-carousel-card {{course_status}}"> {% include "cards_course" with course %}</div>
+            {% else %}
+                {% for category in course.categories %}
+                    {% if category.name == topic  %}
+                        <div class="np-carousel-card {{course_status}}"> {% include "cards_course" with course %}</div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+        {% endfor %}
+    {% endif %}
+</div>
+
+<script>
+
+$(document).ready(function(){
+
+    $(".courses-carousel").not('.slick-initialized').slick({
+        slidesToShow: 3,
+        cssEase: 'linear',
+        prevArrow: '<i class="fal fa-chevron-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right"></i>',
+        infinite: false,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                    slidesToScroll: 1,
+                    dots: false,
+                    arrows: true,
+                }
+            }
+        ]
+    });  
+});
+	
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_events.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_events.html.liquid
new file mode 100644
index 00000000..ab5b3388
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_events.html.liquid	
@@ -0,0 +1,37 @@
+<div class="events-carousel np-carousel np-carousel-bg-blue" id="events-carousel">
+    {% if items.any? %}
+        {% for training_event in items %}
+            <div class="np-carousel-card"> {% include "cards_training_event" with training_event %}</div>
+        {% endfor %}
+    {% endif %}
+</div>
+
+<script>
+$(document).ready(function(){
+
+    $(".events-carousel").slick({
+        slidesToShow: 3,
+        prevArrow: '<i class="fal fa-chevron-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right"></i>',
+        infinite: false,
+        dots: false,
+        arrows: true,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+
+                }
+            }
+        ]
+    });
+});
+	
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_instructors.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_instructors.html.liquid
new file mode 100644
index 00000000..5a6be42c
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_carousel_instructors.html.liquid	
@@ -0,0 +1,89 @@
+{% assign used_instructor_names = "" %}
+
+<div class="instructors-carousel np-carousel" id="instructors-carousel">    
+    <div class="np-carousel-card">
+        <div class="instructor-slide">
+            <div class="instructor-image" style='height:160px; width: 160px;'>
+                <img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/charlie+1.png" />
+            </div>
+            <div class="instructor-info">
+                <div class="instructor-name">Charlie Bencivenga</div>
+                <a href="mailto:cbencivenga@northpass.com" target="_blank" class="instructor-email" style='color: #CD7146;'>cbencivenga@northpass.com</a>
+                <div class="instructor-joined">Senior Manager, Solutions Engineering</div>
+            </div>
+        </div>
+    </div>
+    <div class="np-carousel-card">
+        <div class="instructor-slide">
+            <div class="instructor-image" style='height:160px; width: 160px;'>
+                <img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/norm-headshot.png" />
+            </div>
+            <div class="instructor-info">
+                <div class="instructor-name">Norm Rasmussen</div>
+                <a href="mailto:nrasmussen@northpass.com" target="_blank" class="instructor-email" style='color: #CD7146;'>nrasmussen@northpass.com</a>
+                <div class="instructor-joined">Enterprise Customer Success Manager</div>
+            </div>
+        </div>
+    </div>
+    <div class="np-carousel-card">
+        <div class="instructor-slide">
+            <div class="instructor-image" style='height:160px; width: 160px;'>
+                <img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/nergis2.png" />
+            </div>
+            <div class="instructor-info">
+                <div class="instructor-name">Nergis Tepeli</div>
+                <a href="mailto:ntepeli@northpass.com" target="_blank" class="instructor-email" style='color: #CD7146;'>ntepeli@northpass.com</a>
+                <div class="instructor-joined">Customer Success Manager</div>
+            </div>
+        </div>
+    </div>
+
+    <div class="np-carousel-card">
+        <div class="instructor-slide">
+            <div class="instructor-image" style='height:160px; width: 160px;'>
+                <img style='height: 136px; width: 136px;' src="https://s3.amazonaws.com/static.northpass.com/NorthpassAcademy/brian.png" />
+            </div>
+            <div class="instructor-info">
+                <div class="instructor-name">Brian Bastante</div>
+                <a href="mailto:support@northpass.com" target="_blank" class="instructor-email" style='color: #CD7146;'>support@northpass.com</a>
+                <div class="instructor-joined">Senior Technical Support Specialist</div>
+            </div>
+        </div>
+    </div>
+    
+</div>
+
+<script>
+$(document).ready(function(){
+
+    $(".instructors-carousel").slick({
+        slidesToShow: 2.5,
+        prevArrow: '<i class="fal fa-chevron-left"></i>',
+        nextArrow: '<i class="fal fa-chevron-right"></i>',
+        infinite: false,
+        dots: false,
+        arrows: true,
+        responsive: [
+            {
+                breakpoint: 1170,
+                settings: {
+                    slidesToShow: 2,
+                }
+            },
+            {
+                breakpoint: 768,
+                settings: {
+                    slidesToShow: 1,
+                }
+            }
+        ]
+    });
+});
+	
+</script>
+
+<style>
+    .instructors-carousel .fa-chevron-right:before {
+        right: -7px !important;
+    }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_info_column.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_info_column.html.liquid
new file mode 100644
index 00000000..61adfaba
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_certificates_metadata.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_metadata.html.liquid
new file mode 100644
index 00000000..9f4a1dba
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_certificates_preview.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_preview.html.liquid
new file mode 100644
index 00000000..6357b621
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_certificates_top_bar.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_top_bar.html.liquid
new file mode 100644
index 00000000..74a7ae41
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_certificates_verification.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_certificates_verification.html.liquid
new file mode 100644
index 00000000..4fc19415
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_locked.html.liquid
new file mode 100644
index 00000000..0e21bb94
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_locked.html.liquid	
@@ -0,0 +1,4 @@
+{% comment %} <i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i> {% endcomment %}
+<span class="np-course-outline-content-activity-link">
+  {{ activity.title }}
+</span>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_unlocked.html.liquid
new file mode 100644
index 00000000..c7c8270f
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_activity_unlocked.html.liquid	
@@ -0,0 +1,9 @@
+<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>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_banner.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_banner.html.liquid
new file mode 100644
index 00000000..f55b3b76
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_banner.html.liquid	
@@ -0,0 +1,9 @@
+<div class="col-xs-12 np-top-image-spacing np-course-banner">
+    <div class="np-course-banner-overlay"></div>
+    <img
+        src="{{ course.image_url }}"
+        class="np-course-banner-image"
+        alt="{{ course.name }}"
+      />
+
+  </div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_categories.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_categories.html.liquid
new file mode 100644
index 00000000..6cfe9010
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_course_description.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_description.html.liquid
new file mode 100644
index 00000000..472975a4
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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">
+  <p>{{ course.full_description | strip_html }}</p>
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_desktop_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_desktop_view.html.liquid
new file mode 100644
index 00000000..0ab08422
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_desktop_view.html.liquid	
@@ -0,0 +1,46 @@
+<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>
+
+<style>
+main .np-card-container {
+  background: #fff !important;
+}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details.html.liquid
new file mode 100644
index 00000000..340e0eb5
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details.html.liquid	
@@ -0,0 +1,27 @@
+{% 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">                 
+        <h3>{{course.name}}</h3>
+    </div>
+</div>
+
+<div class="np-course-details" style="display:flex; align-items:center;">
+    <div class="np-course-detail">                 
+        <strong>{{ activities_count }}</strong>
+        <span class="np-details-label" style="display:flex; align-items:center;">
+          {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+    </div>
+</div>
+
+<style>
+  .np-course-details {
+    text-shadow: 1px 1px black;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details_review.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details_review.html.liquid
new file mode 100644
index 00000000..21fc740a
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_details_review.html.liquid	
@@ -0,0 +1,47 @@
+{% 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>{{course.name}}</strong>
+    </div>
+</div>
+
+<div class="np-course-details">
+    <div class="np-course-detail"  style='display:flex; align-items:center;' id='hideable'>                 
+        <strong class="np-detail-text" style='margin-right:0.5rem;'>{{ activities_count }}</strong>
+        <span class="np-details-label">
+          {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+
+    </div>
+    <div class="np-course-detail" style='display:flex; align-items:center;' id='hideable'>
+      <strong class="np-detail-text" style='margin-right:0.5rem;'>{{ course.properties.course_time }}</strong>
+      <span class="np-details-label">
+        {% if course.properties.course_time == 0 %}Min{% else %}Mins{% endif %}
+      </span>
+    </div>
+    <div class="np-course-detail">
+</div>
+
+<style>
+
+  .np-course-details {
+    display: block;
+  }
+  .course-detail-rating {
+    align-self: flex-end;
+  }
+  .course-detail-rating-stars {
+    margin-bottom: 5px;
+  }
+  @media screen and (max-width: 768px) {
+    .course-detail-rating-stars {
+    margin-bottom: 0;
+  }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_events.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_events.html.liquid
new file mode 100644
index 00000000..5fa80eef
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_course_header.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_header.html.liquid
new file mode 100644
index 00000000..2771a9e8
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_header.html.liquid	
@@ -0,0 +1,28 @@
+<div class="np-top-vocabulary np-text-title np-text-muted">
+  {{ current_school.course_vocabulary }}
+  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
+  </i>
+</div>
+<div class="np-top-title">
+  <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
+  </a>
+  {{ course.name }}
+</div>
+<img
+  src="{{ course.image_url }}"
+  class="np-top-image np-hidden-desktop"
+  alt="{{ course.name }}"
+/>
+
+<script>
+  if (window.location.pathname.includes('learning_paths')) {
+    window.addEventListener("DOMContentLoaded", function(e) {
+      let backButton = document.querySelectorAll(".np-back-button");
+      let learningPathUrl = window.location.pathname.split('/').slice(0,-2).join('/');
+      backButton.forEach((x)=>{
+        x.setAttribute("href", learningPathUrl);
+      })
+    })
+  }
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_instructors.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_instructors.html.liquid
new file mode 100644
index 00000000..9da356fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_instructors.html.liquid	
@@ -0,0 +1,52 @@
+<h3 class="np-card-heading">
+  Meet the Instructor
+</h3>
+<div class='np-flex'>
+  {% for instructor in course.instructors limit: 2 %}
+    <div class="np-content-instructors-content-item">
+      <div class="instructor-image">
+        <img
+          src="{{ instructor.avatar_url }}"
+          class="np-content-instructors-content-image"
+          alt="{{ instructor.name }}"
+          style='border-radius: 50%;'
+        />
+      </div>
+      <div class="np-content-instructors-content-description" style='margin: auto 1rem;'>
+        <div class="np-content-instructors-content-name">
+          {{ instructor.name }}
+        </div>
+        <div class="np-content-instructors-content-info">
+          {{ instructor.title }}
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>
+<style>
+  .instructor-image {
+    background: #001E2E;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-width: 100px;
+  }
+  .instructor-image img {
+    border-radius: 50%;
+    width: 80px;
+    height: 80px;
+  }
+  @media only screen and (min-width: 768px) and ( max-width: 920px) {
+    .np-flex {
+      flex-direction: column;
+    }
+  }
+  @media only screen and ( max-width: 630px) {
+    .np-flex {
+      flex-direction: column;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_mobile_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_mobile_view.html.liquid
new file mode 100644
index 00000000..6d3a097a
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_mobile_view.html.liquid	
@@ -0,0 +1,73 @@
+<div class="np-card-container np-card-padding-large">
+  {% include "course_banner" %}
+  <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 %}
+
+{% comment %} {% if course.categories.any? %}
+  <div class="np-card-container np-card-padding np-card-spacing">
+    {% include "course_categories" %}
+  </div>
+{% endif %} {% endcomment %}
+
+{% 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 %}
+
+<style>
+  .np-card-container {
+    background: #00283D !important;
+  }
+  @media only screen and (max-width: 630px) {
+    .np-course-info.np-course-banner-info {
+      position: absolute;
+      bottom: 1.5rem;
+      left: 1.5rem;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 90%;
+      height: 80%;
+    }
+  }
+  @media only screen and (max-width: 360px) {
+    #hideable {
+      display: none;
+    }
+    .np-course-details {
+      justify-content: space-between;
+    }
+    .np-course-info.np-course-banner-info {
+      left: 0;
+      margin: auto 1rem;
+    }
+    .np-course-banner .np-course-title {
+      margin-bottom: 2.5rem;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_outline.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_outline.html.liquid
new file mode 100644
index 00000000..34361a1d
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_outline.html.liquid	
@@ -0,0 +1,38 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title" style='color: #FFFFFF; opacity: 0.5;'>
+    {% 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-check 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 %}
+                {% else %}
+                  <i class="icon-course-not-started 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 %}
+                {% endif %}
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_progress_and_cta.html.liquid
new file mode 100644
index 00000000..4c688a4a
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_progress_and_cta.html.liquid	
@@ -0,0 +1,65 @@
+<div class="np-top-cta-progress-content">
+  <div class="np-top-cta-progress-title np-text-title">
+    {% t .header %}
+  </div>
+  <div class="np-progress-bar-container"  style='border-radius: 40px;'>
+    <div
+      style="width: {{ course.progress }}%; border-radius: 40px;"
+      class="np-button-background-color np-card-progress-bar">
+    </div>
+  </div>
+
+  <div class="np-top-cta-progress-text
+    {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+  "
+ >
+    {% t shared.progress, count: course.progress %}
+  </div>
+</div>
+
+
+
+{% if course.learner_can_retake? %}
+  <form action="{% route course_retake, id: course.id %}" method="POST">
+    {% form_authenticity_token %}
+    <button type="submit" class="np-top-button np-button-font-color np-button np-button-big" style='background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%); font-weight: 800; border-radius: 8px;'>
+      {% t .retake, key: current_school.course_vocabulary %}
+    </button>
+  </form>
+{% else %}
+  <a
+    class="np-top-button np-button-font-color np-button np-button-big"
+    style=' font-weight: 800; border-radius: 8px; margin-right: 24px;'
+  {% 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 quiz_only %}
+    Take Quiz
+    {% elsif pres_only%}
+    View Slides
+    {% elsif discussion%}
+    Join Discussion
+
+    {% else %}
+       
+    {% 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 %}
+  {% endif %}
+  </a>
+{% endif %}
+
+<script>
+  console.log("{{course.enrolled?}}")
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_alert.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_alert.html.liquid
new file mode 100644
index 00000000..03e245ab
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_alert.html.liquid	
@@ -0,0 +1,7 @@
+{% if courses.include_courses_to_restart? %}
+  <div role="alert" class="np-alert np-alert-global np-alert-info">
+    <div class="np-alert-container uk-container uk-container-center">
+      {% t .content %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_course_version_outdated_popup.html.liquid
new file mode 100644
index 00000000..71795884
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_catalog.html.liquid
new file mode 100644
index 00000000..ea1e9ea4
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_courses_index.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_index.html.liquid
new file mode 100644
index 00000000..73f16040
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_index.html.liquid	
@@ -0,0 +1,16 @@
+{% if courses.enrolled.any? %}
+  <div class="row row-with-thumbnails np-hidden">
+    {% for course in courses.enrolled %}
+      <div class="{{ class }}" category-id="{{ course.categories | map: "id" | join: " " }}">
+        {% 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/ACPA Sandbox v1/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_courses_zero_state.html.liquid
new file mode 100644
index 00000000..26e371f7
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_featured_carousel.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_featured_carousel.html.liquid
new file mode 100644
index 00000000..522ec1dc
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_featured_carousel.html.liquid	
@@ -0,0 +1,150 @@
+<div class="np-md-flex-wrapper">
+    <div>
+      <div class="np-dashboard-resources-title">
+        Featured Courses
+      </div>
+    </div>       
+</div>
+<div class="courses-carousel np-carousel" data-topic="featured-courses">
+    {% assign items = courses.enrolled %}
+      {% if items.any? %}
+          {% assign sorted_items =items | sort: "name" %}
+          {% for course in sorted_items %}
+            {% if course.properties.featured %}
+                <div class="np-carousel-card "> {% include "cards_course" with course %}</div>
+            {% endif %}
+          {% endfor %}
+      {% endif %}
+</div>
+  
+  
+
+
+  <style>
+    .np-progress-filter-label {
+        color: rgba(255, 255, 255, 0.5);
+        padding-right: 7px;
+        text-transform: none;
+        font-weight:500;
+        font-size:0.812rem;
+    }
+    .np-progress-filter-wrapper {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+    }
+    .filter-select-wrapper {
+        position: relative;
+        padding:0;
+        border: 2px solid  rgba(255, 255, 255, 0.25);
+        color: #fff;
+        height:auto;
+        text-transform: none;
+        background: transparent;
+        border-radius:0;
+    }
+    .filter-select-wrapper:hover {
+        background:transparent;
+        color:#fff;
+    }
+    .select-items {
+        position: absolute;
+        background-color: #062531;
+        top: 105%;
+        left: -2px;
+        z-index: 99;
+        width: 102%;
+        border: 2px solid rgba(255, 255, 255, 0.25);
+        border-top:none;
+    }
+    .select-items div {
+        color: rgba(255, 255, 255, 0.5);
+        border-top:none;
+        cursor: pointer;
+        width:100%;
+        padding: 12px 16px;
+      }
+  
+    .select-items div:hover {  color: rgba(255, 255, 255, 1); }
+    .select-selected {
+        width: 100%;
+        height: 100%;
+        padding: 9px 66px 9px 20px;
+        position: relative;
+        color:#fff;
+    }
+    .select-selected::after {
+        content:"\f078";
+        font-family: "Font Awesome 5 Pro";
+        position: absolute;
+        width:20px;
+        height:100%;
+        color:rgba(255, 255, 255, 0.5);
+        right:10px;
+        top:0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size:1rem;
+    }
+    .select-selected::before {
+        content:"";
+        position: absolute;
+        width:20px;
+        height:100%;
+        border-left:2px solid rgba(255, 255, 255, 0.25);
+        right:20px;
+        top:0;
+    }
+    .select-selected.select-arrow-active::after { transform: rotate(180deg); }
+    .same-as-selected,
+    .filter-select-wrapper select,
+    .select-hide {
+        display: none;
+    }
+    .mo-filter-wrapper {
+        display: flex;
+        justify-content: center;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
+    .select-items div:hover, 
+    .same-as-selected {
+      background-color: #062531;
+    }
+  </style>
+
+
+  <script>
+  
+    $(document).ready(function(){
+    
+        $(".courses-carousel").not('.slick-initialized').slick({
+            slidesToShow: 3,
+            cssEase: 'linear',
+            prevArrow: '<i class="fal fa-chevron-left"></i>',
+            nextArrow: '<i class="fal fa-chevron-right"></i>',
+            infinite: false,
+            responsive: [
+                {
+                    breakpoint: 1170,
+                    settings: {
+                        slidesToShow: 2,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1,
+                        dots: false,
+                        arrows: true,
+                    }
+                }
+            ]
+        });  
+    });
+        
+    </script>
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_by_progress.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_by_progress.html.liquid
new file mode 100644
index 00000000..34378e46
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_by_progress.html.liquid	
@@ -0,0 +1,112 @@
+{% assign topic_classname = topic | split: " " %}
+
+<div class="np-progress-filter-wrapper">
+    {% if label %}
+      <div class="np-progress-filter-label">{{ label }}</div>
+    {% endif %}
+    <div class="progress-filter filter-select-wrapper select-wrapper np-button" data-topic="{{ topic_classname | join: '-' | downcase }}"  style="border-radius: 8px;">
+        <select >
+            <option selected disabled hidden>{{ default_option}}</option>
+            <option value="a">All Courses</option>
+            <option value="n">Not Started</option>
+            <option value="i">In Progress</option>
+            <option value="c">Completed</option>
+        </select>
+    </div>
+</div>
+
+<style>
+  .np-progress-filter-label {
+      color: rgba(255, 255, 255, 0.5);
+      padding-right: 7px;
+      text-transform: none;
+      font-weight:500;
+      font-size:0.812rem;
+  }
+  .np-progress-filter-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+  }
+  .filter-select-wrapper {
+      position: relative;
+      padding:0;
+      border: 2px solid  rgba(255, 255, 255, 0.25);
+      color: #fff;
+      height:auto;
+      text-transform: none;
+      background: transparent;
+      border-radius:0;
+  }
+  .filter-select-wrapper:hover {
+      background:transparent;
+      color:#fff;
+  }
+  .select-items {
+      position: absolute;
+      background-color: #062531;
+      top: 105%;
+      left: -2px;
+      z-index: 99;
+      width: 102%;
+      border: 2px solid rgba(255, 255, 255, 0.25);
+      border-top:none;
+  }
+  .select-items div {
+      color: rgba(255, 255, 255, 0.5);
+      border-top:none;
+      cursor: pointer;
+      width:100%;
+      padding: 12px 16px;
+    }
+
+  .select-items div:hover {  color: rgba(255, 255, 255, 1); }
+  .select-selected {
+      width: 100%;
+      height: 100%;
+      padding: 9px 66px 9px 20px;
+      position: relative;
+      color:#fff;
+  }
+  .select-selected::after {
+      content:"\f078";
+      font-family: "Font Awesome 5 Pro";
+      position: absolute;
+      width:20px;
+      height:100%;
+      color:rgba(255, 255, 255, 0.5);
+      right:10px;
+      top:0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size:1rem;
+  }
+  .select-selected::before {
+      content:"";
+      position: absolute;
+      width:20px;
+      height:100%;
+      border-left:2px solid rgba(255, 255, 255, 0.25);
+      right:20px;
+      top:0;
+  }
+  .select-selected.select-arrow-active::after { transform: rotate(180deg); }
+  .same-as-selected,
+  .filter-select-wrapper select,
+  .select-hide {
+      display: none;
+  }
+  .mo-filter-wrapper {
+      display: flex;
+      justify-content: center;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+  }
+  .select-items div:hover, 
+  .same-as-selected {
+    background-color: #062531;
+  }
+</style>
+
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_checkbox.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_checkbox.html.liquid
new file mode 100644
index 00000000..5cbcbd07
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_filter_dropdown.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_dropdown.html.liquid
new file mode 100644
index 00000000..e7a954bb
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_dropdown.html.liquid	
@@ -0,0 +1,33 @@
+<div class="np-filter">
+  <div class="dropdown">
+    <button
+      class="np-button dropdown-button"
+      data-toggle-class="is-open"
+      data-toggle-escape
+      data-toggle-outside
+      data-toggle-target-next
+      type="button"
+    >
+      {% t shared.filters.filter %}
+    </button>
+
+    <div class="dropdown-menu" data-test="modal">
+      <form method="get">
+        {%
+          include "filter_select",
+          filters: filters,
+          key: key,
+          label: label
+        %}
+
+        <button
+          class="np-button dropdown-button-apply"
+          data-toggle-trigger-off
+          type="submit"
+        >
+          {% t shared.filters.apply %}
+        </button>
+      </form>
+    </div>
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_select.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filter_select.html.liquid
new file mode 100644
index 00000000..d006c0df
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_filters_catalog.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filters_catalog.html.liquid
new file mode 100644
index 00000000..63d7e022
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_filters_catalog.html.liquid	
@@ -0,0 +1,46 @@
+<div class="filter-heading lora">Filters</div>
+<div class="filters-option-container">
+    <div class="filter-categories">
+        <div class="filter-option-heading">Categories</div>
+          <div class="filter-option-container" id="categoryFilters">
+              {% assign unique_core_categories = "" %}
+              {% for course in courses.in_catalog %}
+                  {% for category in course.categories %}
+                          {% unless unique_core_categories contains category.name %}
+                              {% assign category_id = category.name | downcase | replace: ' ', '-' %}
+                              <div class="category-option">
+                                  <input class="filter-checkbox" type="checkbox" id="{{ category_id }}" value="{{category.name}}" />
+                                  <label for="{{ category_id }}">{{category.name}}</label>
+                              </div>
+                              {% assign unique_core_categories = unique_core_categories |  append: category.name %}
+                          {% endunless %}
+                  {% endfor %}
+              {% endfor %}
+          </div>
+    </div>
+   <div class="fiter-duration">
+        <div class="filter-option-heading">Course Duration</div>
+        <div class="filter-option-container" id="course-duration">
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="duration-lt-10" value="<10" />
+            <label for="duration-lt-10">< 10 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="duration-lt-20" value="<20" />
+            <label for="duration-lt-20">< 20 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="duration-lt-30" value="<30" />
+            <label for="duration-lt-30">< 30 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="duration-lt-45" value="<45" />
+            <label for="duration-lt-45">< 45 min</label>
+        </div>
+        <div class="time-option">
+            <input class="duration-checkbox" type="checkbox" id="duration-lt-60" value="<60" />
+            <label for="duration-lt-60">< 60 min</label>
+        </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_footer.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_footer.html.liquid
new file mode 100644
index 00000000..d1f47bda
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_footer.html.liquid	
@@ -0,0 +1,105 @@
+<footer class="np-footer">
+  <div class="np-footer-top">
+    {% if website_footer.show_navigation_links? %}
+      <div class="np-footer-navigation">
+        <ul class="np-footer-navigation-list">
+          {% for website_navigation in navigations.footer_navigations %}
+            {% if website_navigation.external? %}
+              <li class="np-footer-navigation-item">
+                <a
+                  class="np-footer-navigation-link np-button-color"
+                  href="{{ website_navigation.path }}"
+                  {% if website_navigation.external? %} target="_blank" {% endif %}
+                  style='color: white;opacity: 0.5;'
+                >
+                  {{ website_navigation.name }}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %}
+        </ul>
+      </div>
+    {% endif %}
+    {% if current_school.logo_url %}
+      <h2 class="np-footer-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-footer-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h2>
+    {% else %}
+      <div class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="np-footer-bottom">
+    <nav class="np-footer-social-links">
+      {% if website_footer.show_social_media_links? %}
+        <ul class="np-footer-social-links-list">
+          {% for social_media_link in website_footer.social_media_links %}
+            <li class="np-footer-social-links-item">
+              <a
+                class="np-footer-social-links-link np-button-color"
+                href="{{ social_media_link.link }}"
+                target="_blank" title="{{ social_media_link.name }}"
+              >
+              {% if social_media_link.name == 'linkedin' %}
+                <i class="np-footer-social-links-icon
+                  fab fa-linkedin-in"
+                  style='color: #CD7146;'
+                ></i>
+              {% else %}
+                <i class="np-footer-social-links-icon
+                  fab fa-{{ social_media_link.name }}"
+                  style='color: #CD7146;'
+                ></i>
+              {% endif %}
+              </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 np-fc-white np-opacity-50">
+          {% t .need_help %}
+        </div>
+        <div class="np-footer-support-item np-footer-support-email np-fc-white np-opacity-50">
+          {% t .email %}
+        </div>
+        <a
+          class="np-footer-support-item np-footer-support-link np-button-color"
+          href="mailto:{{ website_footer.school_customer_service_email }}"
+        >
+          {% comment %} {{ website_footer.school_customer_service_email }} {% endcomment %}
+          support@acpa.com
+        </a>
+      </div>
+    {% endif %}
+  </div>
+</footer>
+
+<style>
+  .np-footer {
+    background: #192B4C;
+  }
+  .np-powered-by {
+    background: #192B4C;
+    text-transform: uppercase !important;
+    font-size: 12px !important;
+    font-weight: bold;
+  }
+  .np-powered-by-link {
+    color: rgba(256,256,256,0.25) !important;
+  }
+</style>
+
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_head.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_head.html.liquid
new file mode 100644
index 00000000..d3c35f4d
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_head.html.liquid	
@@ -0,0 +1,16 @@
+{% styles default %}
+{% styles colors %}
+{% styles custom %}
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100;400;500;600;700;800&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
+
+
+
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_header.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_header.html.liquid
new file mode 100644
index 00000000..1ffb9968
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_header.html.liquid	
@@ -0,0 +1,284 @@
+
+
+
+<header class="np-header np-header-color" >
+  <div class="np-header-content">
+    <div class="np-hidden-desktop np-header-mobile-menu-nav">
+      {% if current_person.signed_in? %}
+        <button
+          data-toggle-class="np-hidden"
+          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
+          data-toggle-target=".np-header-mobile-avatar-menu,
+          .np-header-mobile-menu-content, .np-main, .np-footer"
+        ></button>
+        <button
+          data-test="open-mobile-menu"
+          data-toggle-class="np-hidden"
+          class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
+          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
+        >
+          <img
+            alt="{{ current_person.name }}"
+            class="np-header-avatar-image"
+            src="{{ current_person.avatar_url }}"
+          />
+        </button>
+      {% endif %}
+    </div>
+    {% if current_school.logo_url %}
+      <h1 class="np-header-logo">
+        <a href="{% route home %}">
+          <img
+            alt="{{ current_school.name }}"
+            class="np-header-logo-image"
+            src="{{ current_school.logo_url }}"
+          />
+        </a>
+      </h1>
+    {% else %}
+      <a href="{% route home %}" class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </a>
+    {% endif %}
+
+    <div class="np-hidden-mobile np-header-desktop-nav">
+      <ul class="np-header-desktop-nav-list">
+        {% for website_navigation in navigations.header_navigations_external %}
+          <li class= "np-header-desktop-nav-item">
+            <a
+              href="{{ website_navigation.path }}"
+              class="np-header-desktop-nav-link np-header-font-color"
+              target="_blank"
+            >
+              {{ website_navigation.name }}
+            </a>
+          </li>
+        {% endfor %}
+
+      </ul>
+    </div>
+    {% if current_person.signed_in? %}
+      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
+        <form action="{% route search %}" method="get" data-test="desktop-search">
+          <input
+            aria-label="{% t .search %}"
+            class="np-header-search-input np-header-font-background-color"
+            type="text"
+            name="q"
+            placeholder="{% t .search %}"
+          />
+          <i class="np-header-search-icon far fa-search"></i>
+        </form>
+      </div>
+      <div class="np-hidden-mobile np-header-avatar">
+        <button
+          class="np-header-avatar-button"
+          data-test="open-desktop-menu"
+          data-toggle-class-on-target="np-hidden"
+          data-toggle-target=".np-header-avatar-tooltip"
+          data-toggle-outside
+        >
+          <img
+            alt="{{ current_person.name }}"
+            class="np-header-avatar-image"
+            src="{{ current_person.avatar_url }}"
+          >
+        </button>
+        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
+          <span class="np-header-avatar-tooltip-arrow-up"></span>
+          <div class="np-header-avatar-tooltip-learner">
+            <div class="np-header-avatar-tooltip-learner-name">
+              {{ current_person.name }}
+            </div>
+            <div class="np-header-avatar-tooltip-learner-email">
+              {{ current_person.email }}
+            </div>
+          </div>
+          <nav class="np-header-avatar-tooltip-navigation">
+             <a class="np-header-avatar-tooltip-navigation-link" onclick="buildURL(window.location.pathname)" style="cursor:pointer">
+              Default
+            </a>
+          {% unless current_school.sso_active? %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link"
+              href="{% route account %}"
+            >
+              {% t .profile_settings %}
+            </a>
+          {% endunless %}
+            <a
+              class="np-header-avatar-tooltip-navigation-link np-danger"
+              href="https://www.concretepipe.org/"
+            >
+              {% t .sign_out %}
+            </a>
+          </nav>
+        </div>
+      </div>
+    {% else %}
+      <a
+        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
+        href="{% route login %}"
+      >
+        {% t shared.sign_in %}
+      </div>
+    {% endif %}
+  </div>
+</header>
+
+<div class="np-hidden-desktop">
+  <div class="np-header-mobile-menu-content np-hidden">
+    {% if current_person.signed_in? %}
+      <img
+        alt="{{ current_person.name }}"
+        class="np-header-mobile-menu-content-avatar"
+        src="{{ current_person.avatar_url }}"
+      />
+      <div class="np-header-mobile-menu-content-name">
+        {{ current_person.name }}
+      </div>
+    {% endif %}
+    <div class="np-header-mobile-menu-content-nav">
+      <form
+        class="np-header-search"
+        data-test="mobile-search"
+        method="get"
+        action="{% route search %}"
+      >
+        <input
+          aria-label="{% t .search %}"
+          class="np-header-search-input"
+          type="text"
+          name="q"
+          placeholder="{% t .search %}"
+        />
+        <i class="np-header-search-icon far fa-search"></i>
+      </form>
+      {% for website_navigation in navigations.header_navigations %}
+        <a
+          href="{{ website_navigation.path }}"
+          class="np-header-mobile-menu-content-button"
+          {% if website_navigation.external? %} target="_blank" {% endif %}
+        >
+          {{ website_navigation.name }}
+        </a>
+      {% endfor %}
+      <div class="np-header-mobile-menu-content-line"></div>
+      {% unless current_school.sso_active? %}
+        <a
+          class="np-header-mobile-menu-content-button"
+          href="{% route account %}"
+        >
+          {% t .profile_settings %}
+        </a>
+      {% endunless %}
+      <a
+        class="np-header-mobile-menu-content-button np-danger"
+        href="{% route logout %}"
+      >
+        {% t .sign_out %}
+      </a>
+    </div>
+  </div>
+</div>
+
+{% include "messages" %}
+
+<script>
+    if (window.location.pathname === "/app") {
+      const headerTag = document.querySelector(".np-header");
+      headerTag.classList.add("np-header-absolute");
+    }
+
+    $(".np-header-desktop-nav-link[href='https://change_to_mail.com'").attr("href", "mailto:support@northpass.com")
+    /*
+    function buildURL(path) {
+      const url = "https://academy.getpixel.io" + path + "?first_name={{current_person.first_name}}&last_name={{current_person.last_name}}&email={{current_person.email}}"
+      window.location.href = url
+    }
+    */
+</script>
+
+
+<script>
+
+
+/* When the user clicks on the button, 
+toggle between hiding and showing the dropdown content */
+function myFunction() {
+  document.getElementById("myDropdown").classList.toggle("show");
+}
+
+// Close the dropdown if the user clicks outside of it
+window.onclick = function(event) {
+  if (!event.target.matches('.dropbtn')) {
+    var dropdowns = document.getElementsByClassName("dropdown-content");
+    var i;
+    for (i = 0; i < dropdowns.length; i++) {
+      var openDropdown = dropdowns[i];
+      if (openDropdown.classList.contains('show')) {
+        openDropdown.classList.remove('show');
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.hr.divider {
+  border-top: 4px solid black;
+  border-radius: 5px;
+  opacity: 0.5;
+}
+
+.dropbtn {
+  color: white;
+  padding: 13px;
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+  margin-right: 20px;
+  border-radius: 5px;
+  max-height: 44px;
+  font-weight: 500;
+  margin-top: 1px;
+}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown-content {
+  text-align: center;
+  display: none;
+  position: absolute;
+  background-color: #001e2e;
+  min-width: 120px;
+  overflow: auto;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1000;
+  border-radius: 4px;
+  font-weight: 500;
+  border-radius: 10px;
+  border: 1px solid rgba(255, 255, 255, .5);
+  -webkit-background-clip: padding-box; /* for Safari */
+  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
+}
+
+.dropdown-content a {
+  color: white;
+  opacity: 0.5;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+.dropdown a:hover {
+  opacity: 1;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.show {display: block;}
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_header_minimal.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_header_minimal.html.liquid
new file mode 100644
index 00000000..6b72cdb2
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_header_minimal.html.liquid	
@@ -0,0 +1,17 @@
+<header class="np-box-header np-header-color">
+  <a class="np-box-header-link" href="{% route home %}">
+    {% if current_school.logo_url %}
+      <img
+        alt="{{ current_school.name }}"
+        src="{{ current_school.logo_url }}"
+        class="np-box-header-logo"
+      />
+    {% else %}
+      <span class="np-school-name np-header-font-color">
+        {{ current_school.name }}
+      </span>
+    {% endif %}
+  </a>
+</header>
+
+{% include "messages" %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_banners.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_banners.html.liquid
new file mode 100644
index 00000000..11a1810c
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_certificate.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_certificate.html.liquid
new file mode 100644
index 00000000..3a282c5e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_certificate_content.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_certificate_content.html.liquid
new file mode 100644
index 00000000..3feafd59
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_completed_banner.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_completed_banner.html.liquid
new file mode 100644
index 00000000..1c146f6e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_course.html.liquid
new file mode 100644
index 00000000..20da4323
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_course.html.liquid	
@@ -0,0 +1,59 @@
+{% if learning_path.enrolled? and course.unlocked? %}
+  <div class="np-learning-path-outline-bar np-hidden-mobile"></div>
+  <a
+    class="np-learning-path-outline-item np-card-container"
+    href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
+  >
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+        {% if course.instructors %}
+          <div class="np-learning-path-outline-caption">
+            {{ course.instructors }}
+          </div>
+        {% endif %}
+        <div class="np-learning-path-outline-progress
+          {% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
+        ">
+          {% t shared.progress, count: course.progress %}
+        </div>
+      </div>
+      <i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
+      {% if course.optional? %}
+        {% if learning_path.name contains "P3 Day 3" or "P3 Day 4"%}
+          {%else%}
+          <div class="np-optional-ribbon">
+            {% t shared.optional %}
+          </div>
+          {%endif%}
+      {% endif %}
+    </div>
+  </a>
+{% else %}
+  <div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
+    <div class="np-card-content np-card-padding">
+      <img
+        src="{{ item.image }}"
+        alt="{{ course.name }}"
+        class="np-learning-path-outline-course-image"
+      >
+      <div class="np-learning-path-outline-content">
+        <div class="np-learning-path-outline-name np-top-title">
+          {{ course.name }}
+        </div>
+      </div>
+      {% if course.optional? %}
+        <div class="np-optional-ribbon">
+          {% t shared.optional %}
+        </div>
+      {% endif %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_description.html.liquid
new file mode 100644
index 00000000..6b1fb3a0
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_description.html.liquid	
@@ -0,0 +1,6 @@
+<h3 class="np-card-heading">
+  {% t .about %}
+</h3>
+<div class="np-card-text">
+  {{ learning_path.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_content.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_content.html.liquid
new file mode 100644
index 00000000..e9ca85d9
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_desktop_header.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_header.html.liquid
new file mode 100644
index 00000000..6f4c112c
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_header.html.liquid	
@@ -0,0 +1,12 @@
+<div class="np-resource-header np-resource-header-card np-card-padding-large">
+  <div class="np-top-vocabulary np-text-title">
+    {% t shared.learning_path.title %}
+    <i class="far fa-road np-button-color np-learning-path-icon"></i>
+  </div>
+  <div class="np-top-title">
+    <a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
+      <i class="far fa-arrow-left np-icon-back"></i>
+    </a>
+    {{ learning_path.name }}
+  </div>
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_view.html.liquid
new file mode 100644
index 00000000..8447443e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_desktop_view.html.liquid	
@@ -0,0 +1,2 @@
+{% include "learning_path_desktop_header" %}
+{% include "learning_path_desktop_content" %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_instructors.html.liquid
new file mode 100644
index 00000000..f7c0d2db
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_instructors.html.liquid	
@@ -0,0 +1,28 @@
+{% 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">
+          <div class='instructor-image'>
+            <img
+              src="{{ instructor.avatar_url }}"
+              class="np-content-instructors-content-image"
+              alt="{{ instructor.name }}"
+            >
+          </div>
+          <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/ACPA Sandbox v1/_learning_path_mobile_content.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_content.html.liquid
new file mode 100644
index 00000000..92ffd4c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_mobile_header.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_header.html.liquid
new file mode 100644
index 00000000..2bf66a5a
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_mobile_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_mobile_view.html.liquid
new file mode 100644
index 00000000..0e22feb9
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_new_content_banner.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_new_content_banner.html.liquid
new file mode 100644
index 00000000..2bc02d46
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_outline.html.liquid
new file mode 100644
index 00000000..22ddd573
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_progress_and_cta.html.liquid
new file mode 100644
index 00000000..8a5ee236
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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">
+      {% t .progress %}
+    </div>
+    <div class="np-progress-bar-container" style='border-radius: 40px;'>
+      <div
+        style="width: {{ learning_path.progress }}%;  border-radius: 40px;"
+        class="np-button-background-color np-card-progress-bar">
+      </div>
+    </div>
+    <div class="np-top-cta-progress-text
+      {% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
+    "
+    >
+      {% t shared.progress, count: learning_path.progress %}
+    </div>
+  </div>
+{% endif %}
+
+{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big lp-cta-button" %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_summary_desktop_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_summary_desktop_view.html.liquid
new file mode 100644
index 00000000..05961c52
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_summary_mobile_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_summary_mobile_view.html.liquid
new file mode 100644
index 00000000..f30a09eb
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_path_training_session.html.liquid
new file mode 100644
index 00000000..f796cdf4
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_learning_paths_index.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_learning_paths_index.html.liquid
new file mode 100644
index 00000000..fef6dc63
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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">
+        You are not currently assigned any Learning Paths
+      </div>
+      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
+    </div>
+  {% endif %}
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_messages.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_messages.html.liquid
new file mode 100644
index 00000000..059fc568
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_messages.html.liquid	
@@ -0,0 +1,19 @@
+{% if messages.alert.size > 0 %}
+  <div class="np-alert np-alert-error">
+    <div class="np-alert-wrapper">
+      {% for message in messages.alert %}
+        <div>{{ message }}</div>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
+
+{% if messages.notice.size > 0 %}
+  <div class="np-alert np-alert-success">
+    <div class="np-alert-wrapper">
+      {% for message in messages.notice %}
+        <div>{{ message }}</div>
+      {% endfor %}
+    </div>
+  </div>
+{% endif %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_progress_circle.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_progress_circle.html.liquid
new file mode 100644
index 00000000..b50546bc
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_progress_circle.html.liquid	
@@ -0,0 +1,79 @@
+<div class="np-progress-ring-wrapper">
+  <svg
+    class="progress-ring"
+    width="{{ size }}"
+    height="{{ size }}">
+    <circle
+      class="progress-ring__circle circle-{{name}}"
+      stroke="#36aaa7"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"/>
+    <circle
+      class="progress-ring__circle circle-bg"
+      stroke="{{ stroke_color_bg }}"
+      stroke-width="10"
+      fill="transparent"
+      r="52"
+      cx="60"
+      cy="60"/>
+      <text x="50%" y="50%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="#fff" dy=".3em">{{count}}</text>
+  </svg>
+  <h3 class="np-card-content-title np-progress-circle-label">
+    {{name}}
+  </h3>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    var circle = document.getElementsByClassName("circle-{{name}}")[0];
+    var radius = circle.r.baseVal.value;
+    var circumference = radius * 2 * Math.PI;
+
+    circle.style.strokeDasharray = `${circumference} ${circumference}`;
+    circle.style.strokeDashoffset = `${circumference}`;
+
+    function setProgress(percent) {
+      const offset = circumference - percent * circumference;
+      circle.style.strokeDashoffset = offset;
+    }
+    setProgress('{{ count | divided_by: total }}')
+  }) 
+</script>
+
+<style>
+  .np-progress-ring-wrapper {
+    flex: 0;
+    flex-direction: column;
+    display: flex;
+    width: 100%;
+    padding: 1.5rem 1rem 1rem 1rem;
+    align-items: center;
+  }
+
+  .progress-ring circle { stroke-linecap: round; }
+  .progress-ring text { font-size:2rem; }
+  .progress-ring__circle {
+    transition: stroke-dashoffset 0.35s;
+    transform: rotate(-90deg);
+    transform-origin: center;
+  }
+
+  .np-progress-circle-label {
+    color: #36aaa7;
+    text-transform: uppercase;
+    font-size:0.875rem;
+    margin-top:1rem;
+  }
+
+  @media (min-width:768px) {
+    .np-progress-ring-wrapper { padding: 1.5rem 0.4rem 1rem 0.4rem;}
+  }
+
+  @media (min-width:1170px) {
+    .progress-ring text { font-size:2.5rem; }
+    .np-progress-ring-wrapper { padding: 1.5rem 1rem 1rem 1rem;}
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_search_result.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_search_result.html.liquid
new file mode 100644
index 00000000..5c2a4991
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_search_zero_state.html.liquid
new file mode 100644
index 00000000..4e52c6fb
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_section_popular_topics.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_section_popular_topics.html.liquid
new file mode 100644
index 00000000..ea15d37e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_section_popular_topics.html.liquid	
@@ -0,0 +1,23 @@
+<div class="np-homepage-featured np-homepage-topics np-max-width popular-topics">
+  <div class="np-homepage-featured-text">
+    <div class="np-homepage-headline">
+      Popular Topics
+    </div>
+  </div>
+    <div class="np-topics-list row">
+      <div class="col-xs-12 np-stretch-content"> 
+        {% for category in categories.enrolled %}
+          <a class="np-top-button np-button np-button-secondary topic-button" href="/app/courses?category={{category.id}}">{{category.name}}</a>
+        {% endfor %}
+      </div>
+  </div>
+</div>
+
+<style>
+  .topic-button {
+    border-radius: 8px;
+  }
+  .popular-topics {
+    margin-top: 0!important;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_sub_navigation.html.liquid
new file mode 100644
index 00000000..82eb5675
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_sub_navigation.html.liquid	
@@ -0,0 +1,16 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      <div class="np-sub-navigation-content-item {{ link.active_class }}">
+        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+        <a class="np-sub-navigation-content-item-link {{ link.label }}" href="{{ link.url }}">
+          {{ link.label }}
+        </a>
+       
+      </div>
+    {% endfor %}
+  </div>
+</nav>
+<style>
+
+</style>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_dashboard.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_dashboard.html.liquid
new file mode 100644
index 00000000..7aeb19ce
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_events_filter.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_filter.html.liquid
new file mode 100644
index 00000000..d4892278
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_events_index.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_index.html.liquid
new file mode 100644
index 00000000..ff93b1c8
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_events_zero_state.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_events_zero_state.html.liquid
new file mode 100644
index 00000000..076b789e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_calendars.html.liquid
new file mode 100644
index 00000000..6c758b73
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_cta.html.liquid
new file mode 100644
index 00000000..a269c42d
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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? %}{% endif %}
+    </form>
+  </div>
+</div>
+
+<style>
+  .np-button-big {
+    background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%) !important;
+    border-radius: 8px !important;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_date.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_date.html.liquid
new file mode 100644
index 00000000..7963ec43
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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" style='margin-right: 5px;'>
+    {{ 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/ACPA Sandbox v1/_training_session_description.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_description.html.liquid
new file mode 100644
index 00000000..bc95c88c
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_description.html.liquid	
@@ -0,0 +1,6 @@
+{%comment%}<h3 class="np-card-heading">
+  {% t .header %}
+</h3>{%endcomment%}
+<div class="np-card-text">
+  {{ training_event.description }}
+</div>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_desktop_view.html.liquid
new file mode 100644
index 00000000..5c1abfec
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_session_details.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_details.html.liquid
new file mode 100644
index 00000000..bc3d60c6
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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" style='color: #CD7146;'></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/ACPA Sandbox v1/_training_session_header.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_header.html.liquid
new file mode 100644
index 00000000..c60024b2
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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" style='color: #CD7146;'></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/ACPA Sandbox v1/_training_session_mobile_view.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_mobile_view.html.liquid
new file mode 100644
index 00000000..00455d4e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_session_more_sessions.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_more_sessions.html.liquid
new file mode 100644
index 00000000..6cfafa87
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_training_session_tile.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_training_session_tile.html.liquid
new file mode 100644
index 00000000..e5ad8714
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_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/ACPA Sandbox v1/_widget_course_progress.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/_widget_course_progress.html.liquid
new file mode 100644
index 00000000..a4801f35
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/_widget_course_progress.html.liquid	
@@ -0,0 +1,88 @@
+<div class="np-dashboard-resources progress-card" style="padding-bottom: 0;">
+  <div class="np-card" style="display:inline-flex; margin: auto; padding: 0px !important;">
+    <div class=" np-card-content" style="border-radius: 8px; display: inline-block; margin: auto;">
+        {% if courses.enrolled.any? %}
+          {% assign countComplete = 0 %}
+          {% assign countInProgress = 0 %}
+          {% assign countNotStarted = 0 %}
+          {% assign countTotal = 0 | times: 1.0 %}
+          {% for course in courses.enrolled %}
+            {% assign countTotal = countTotal | plus: 1 %}
+            {% if course.progress == 100 %}
+              {% assign countComplete = countComplete | plus: 1 %}
+            {% endif %}
+            {% if course.progress > 0 and course.progress < 100 %}
+              {% assign countInProgress = countInProgress | plus: 1 %}
+            {% endif %}
+            {% if course.progress == 0 %}
+              {% assign countNotStarted = countNotStarted | plus: 1 %}
+            {% endif %}
+          {% endfor %}
+          <ul class="progress-circle-list">
+            <li>
+              {% 
+                include "progress_circle", 
+                name:'Completed' , 
+                count: countComplete , 
+                total: countTotal,
+                size: "120",
+                stroke_color: "rgba(43, 178, 76, 1)",
+                stroke_color_bg: "rgba(255, 255, 255, 0.15)" 
+              %}
+            </li>
+            <li>
+              {% 
+                include "progress_circle", 
+                name:'In Progress' , 
+                count: countInProgress , 
+                total: countTotal,
+                size: "120",
+                stroke_color: "rgba(43, 178, 76, 1)",
+                stroke_color_bg: "rgba(255, 255, 255, 0.15)"  
+              %}
+            </li>
+          </ul>
+        {% else %}
+          {% capture message %}
+            {% t shared.zero_state.courses.index,
+              key: current_school.course_vocabulary
+            %}
+          {% endcapture %}
+          {% include "courses_zero_state", message: message %}
+        {% endif %}
+    </div>
+  </div>
+</div>
+
+
+<style>
+  .progress-circle-list { 
+    padding: 0; 
+    list-style-type: none !important;     
+    justify-content: space-around;
+    display: inline-flex;
+    align-items: center;
+    max-width: 400px;
+    margin: auto;
+  }
+  .progress-card {
+    border-radius: 8px; 
+    background: #192B4C;
+    height: 260px;
+    padding: 0;
+    display: inline-flex;
+  }
+  .np-progress-ring-wrapper {
+    padding: 0 0.5rem;
+  }
+  @media screen and (max-width: 1023px) {
+    .progress-card {
+      height: 190px;
+      margin-bottom: 2.187rem;
+      display: flex;
+    }
+    .progress-circle-list {
+      display: flex;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/account.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/account.html.liquid
new file mode 100644
index 00000000..2ad5d917
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/auth_url_email.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_email.html.liquid
new file mode 100644
index 00000000..a413959c
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/auth_url_employee.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_employee.html.liquid
new file mode 100644
index 00000000..c8d8adf7
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/auth_url_phone_number.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_phone_number.html.liquid
new file mode 100644
index 00000000..aafae119
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/auth_url_terms.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/auth_url_terms.html.liquid
new file mode 100644
index 00000000..a7087db2
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/catalog.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/catalog.html.liquid
new file mode 100644
index 00000000..df8e758f
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/catalog.html.liquid	
@@ -0,0 +1,466 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+{% include "sub_navigation" %}
+
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+  </div>
+
+  <div class="catalog-wrapper row">
+    <!-- Filter Sidebar -->
+    <div class="catalog-filter-wrapper col-md-3 col-12 np-hidden-mobile">
+      <div class="catalog-filter-header">Categories</div>
+      <div class="catalog-filter">
+        {% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
+        {% for category in sorted_categories %}
+          {% unless category.name contains '[Role]' %}
+          <div class="filter-entry">
+            <input type="checkbox" class="filter-checkbox category-checkbox" 
+                   data-filter-type="category" value="{{ category.id }}" id="cat-{{ category.id }}">
+            <label for="cat-{{ category.id }}">{{ category.name }}</label>
+          </div>
+          {% endunless %}
+        {% endfor %}
+      </div>
+
+      <div id="duration-filter-block">
+        <div class="catalog-filter-header">Duration</div>
+        {% assign allDurations = "10 Minutes or less, 10 - 30 Minutes, 30 - 60 Minutes, 1 - 2 Hours, 2 Hours or more" | split: ', ' %}
+        {% for duration in allDurations %}
+          {% assign duration_id = duration | replace: ' ', '-' | replace: ',', '' | downcase %}
+          <div class="filter-entry">
+            <input type="checkbox" class="filter-checkbox duration-checkbox" 
+                   data-filter-type="duration" value="{{ duration }}" id="dur-{{ duration_id }}">
+            <label for="dur-{{ duration_id }}">{{ duration }}</label>
+          </div>
+        {% endfor %}
+      </div>
+
+      {% assign render_roles = false %}
+      {% for category in current_school.filterable_categories %}
+        {% if category.name contains '[Role]' %}
+          {% assign render_roles = true %}
+        {% endif %}
+      {% endfor %}
+      {% if render_roles %}
+      <div id="role-filter-block">
+        <div class="catalog-filter-header">Role</div>
+        {% assign sorted_cats = current_school.filterable_categories | sort: "name" %}
+        {% for category in sorted_cats %}
+          {% if category.name contains '[Role]' %}
+            {% assign roleSplit = category.name | split: '-' %}
+            {% assign roleName = roleSplit[1] | strip %}
+            {% assign role_id = roleName | replace: ' ', '-' | downcase %}
+            <div class="filter-entry">
+              <input type="checkbox" class="filter-checkbox role-checkbox" 
+                     data-filter-type="rolecategory" value="{{ category.id }}" id="role-{{ role_id }}">
+              <label for="role-{{ role_id }}">{{ roleName }}</label>
+            </div>
+          {% endif %}
+        {% endfor %}
+      </div>
+      {% endif %}
+    </div>
+
+    <!-- Courses Grid -->
+    <div class="np-catalog-courses row row-with-thumbnails col-md-9 col-12">
+      {% if courses.in_catalog and courses.in_catalog.size > 0 %}
+        {% for course in courses.in_catalog %}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content catalog-content"
+               data-categories="{% for category in course.categories %}{{ category.id }}{% unless forloop.last %},{% endunless %}{% endfor %}"
+               data-duration="{{ course.properties['course_time'] | default: 0 }}"
+               data-roles="{% for category in course.categories %}{% if category.name contains '[Role]' %}{{ category.id }}{% unless forloop.last %},{% endunless %}{% endif %}{% endfor %}">
+            <div class="np-card">
+              <div class="np-card-container">
+                <div class="np-card-image-content-top" style="top: 0.75rem; left: 0.75rem">
+                  <div class="np-card-content-progress np-button-color" style="color: white; font-size: 14px; font-weight: 600;">
+                    Not started
+                  </div> 
+                </div>
+                {% if course.image_url %}
+                  <img class="np-card-image" alt="{{ course.name }}" src="{{ course.image_url }}">
+                {% endif %}
+              </div>
+              
+              <div class="np-card-content np-card-content-vertical np-card-padding course-card-content" style="padding: 1.5rem; min-height: 255px;">
+                <div class="np-course-details">
+                  <div class="np-course-detail">                 
+                    <strong>{{ course.name }}</strong>
+                  </div>
+                </div>
+
+                <div class="np-course-details">
+                  <div class="np-course-detail" style="display:flex; align-items:center;">                 
+                    <strong class="np-detail-text" style="margin-right:0.5rem;">{{ course.activities_count }}</strong>
+                    <span class="np-details-label">
+                      Activities
+                    </span>
+                  </div>
+                  <div class="np-course-detail" style="display:flex; align-items:center;">
+                    <strong class="np-detail-text" style="margin-right:0.5rem;">
+                      {{ course.properties['course_time'] | default: 0 }}
+                    </strong>
+                    <span class="np-details-label">
+                      Mins
+                    </span>
+                  </div>
+                </div>
+
+                <div class="np-card-content-footer">
+                {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+                  <a class="np-top-button np-button-font-color np-button np-button-big" href="{{ course_path }}">
+                    Start
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      {% else %}
+        <p class="np-text-muted">No courses found matching your filters.</p>
+      {% endif %}
+    </div>
+  </div>
+</main>
+
+{% include "footer" %}
+
+<style>
+  .catalog-filter-wrapper {
+    padding: 25px;
+    background: #f8fafc;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  }
+
+  .catalog-filter-header {
+    color: #0254a1;
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 20px 0 15px;
+    padding-bottom: 8px;
+    border-bottom: 2px solid #e2e8f0;
+  }
+
+  .filter-entry {
+    margin: 12px 0;
+    padding: 8px 12px;
+    border-radius: 4px;
+    transition: background-color 0.2s;
+  }
+
+  .filter-entry:hover {
+    background-color: rgba(2, 84, 161, 0.05);
+  }
+
+  .filter-entry label {
+    color: #1e293b;
+    font-size: 0.95rem;
+    cursor: pointer;
+    margin-left: 8px;
+  }
+
+  .filter-entry input[type="checkbox"] {
+    transform: scale(1.1);
+    margin-right: 8px;
+  }
+
+  .course-card-content {
+    background: #192B4C;
+    border-radius: 0 0 8px 8px;
+  }
+
+  .np-card {
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    border-radius: 8px;
+    overflow: hidden;
+    margin-bottom: 20px;
+  }
+
+  .np-card-image {
+    height: 200px;
+    object-fit: cover;
+    width: 100%;
+  }
+
+  .np-button-color {
+    background: #0254a1;
+    padding: 4px 12px;
+    border-radius: 4px;
+    display: inline-block;
+  }
+
+  .np-details-label {
+    color: #8c9db5;
+    font-size: 0.9rem;
+  }
+
+  .np-course-detail strong {
+    color: white;
+    font-size: 16px;
+  }
+</style>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const checkboxes = document.querySelectorAll('.filter-checkbox');
+  const courseCards = document.querySelectorAll('.catalog-content');
+
+  function applyFilters() {
+    const activeFilters = {
+      categories: new Set(),
+      durations: new Set(),
+      roles: new Set()
+    };
+
+    checkboxes.forEach(checkbox => {
+      if (checkbox.checked) {
+        const filterType = checkbox.dataset.filterType;
+        const value = checkbox.value;
+        if (filterType === 'category') activeFilters.categories.add(value);
+        if (filterType === 'duration') activeFilters.durations.add(value);
+        if (filterType === 'rolecategory') activeFilters.roles.add(value);
+      }
+    });
+
+    courseCards.forEach(card => {
+      const cardCategories = card.dataset.categories?.split(',') || [];
+      const cardDuration = parseInt(card.dataset.duration) || 0;
+      const cardRoles = card.dataset.roles?.split(',') || [];
+
+      const categoryMatch = activeFilters.categories.size === 0 || 
+        [...activeFilters.categories].some(cat => cardCategories.includes(cat));
+
+      const durationMatch = activeFilters.durations.size === 0 || 
+        [...activeFilters.durations].some(d => checkDuration(d, cardDuration));
+
+      const roleMatch = activeFilters.roles.size === 0 ||
+        [...activeFilters.roles].some(role => cardRoles.includes(role));
+
+      card.style.display = (categoryMatch && durationMatch && roleMatch) ? 'block' : 'none';
+    });
+  }
+
+  function checkDuration(durationRange, minutes) {
+    const ranges = {
+      '10 Minutes or less': m => m <= 10,
+      '10 - 30 Minutes': m => m > 10 && m <= 30,
+      '30 - 60 Minutes': m => m > 30 && m <= 60,
+      '1 - 2 Hours': m => m > 60 && m <= 120,
+      '2 Hours or more': m => m > 120
+    };
+    return ranges[durationRange]?.(minutes) || false;
+  }
+
+  checkboxes.forEach(checkbox => checkbox.addEventListener('change', applyFilters));
+});
+</script>
+
+
+
+
+
+
+
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.in_catalog %}
+{% include "sub_navigation" %}
+<main class="np-main np-catalog np-subpage-container np-max-width">
+  <div class="np-catalog-header-wrapper">
+    <div class="np-catalog-header">
+      <div class="np-resource-title">{{ catalog.headline }}</div>
+      <div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
+    </div>
+  </div>
+
+  <div class="catalog-wrapper row">
+    <!-- Filter Sidebar -->
+    <div class="catalog-filter-wrapper col-md-3 col-12 np-hidden-mobile">
+      <div class="catalog-filter-header">Categories</div>
+      <div class="catalog-filter">
+        {% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
+        {% for category in sorted_categories %}
+          {% unless category.name contains '[Role]' %}
+          <div class="filter-entry">
+            <input type="checkbox" class="filter-checkbox category-checkbox" 
+                   data-filter-type="category" value="{{ category.id }}" id="cat-{{ category.id }}">
+            <label for="cat-{{ category.id }}">{{ category.name }}</label>
+          </div>
+          {% endunless %}
+        {% endfor %}
+      </div>
+
+      <div id="duration-filter-block">
+        <div class="catalog-filter-header">Duration</div>
+        {% assign allDurations = "10 Minutes or less, 10 - 30 Minutes, 30 - 60 Minutes, 1 - 2 Hours, 2 Hours or more" | split: ', ' %}
+        {% for duration in allDurations %}
+          {% assign duration_id = duration | replace: ' ', '-' | replace: ',', '' | downcase %}
+          <div class="filter-entry">
+            <input type="checkbox" class="filter-checkbox duration-checkbox" 
+                   data-filter-type="duration" value="{{ duration }}" id="dur-{{ duration_id }}">
+            <label for="dur-{{ duration_id }}">{{ duration }}</label>
+          </div>
+        {% endfor %}
+      </div>
+
+      {% assign render_roles = false %}
+      {% for category in current_school.filterable_categories %}
+        {% if category.name contains '[Role]' %}
+          {% assign render_roles = true %}
+        {% endif %}
+      {% endfor %}
+      {% if render_roles %}
+      <div id="role-filter-block">
+        <div class="catalog-filter-header">Role</div>
+        {% assign sorted_cats = current_school.filterable_categories | sort: "name" %}
+        {% for category in sorted_cats %}
+          {% if category.name contains '[Role]' %}
+            {% assign roleSplit = category.name | split: '-' %}
+            {% assign roleName = roleSplit[1] | strip %}
+            {% assign role_id = roleName | replace: ' ', '-' | downcase %}
+            <div class="filter-entry">
+              <input type="checkbox" class="filter-checkbox role-checkbox" 
+                     data-filter-type="rolecategory" value="{{ category.id }}" id="role-{{ role_id }}">
+              <label for="role-{{ role_id }}">{{ roleName }}</label>
+            </div>
+          {% endif %}
+        {% endfor %}
+      </div>
+      {% endif %}
+    </div>
+
+    <!-- Courses Grid -->
+    <div class="np-catalog-courses col-md-9 col-12">
+      {% if courses.in_catalog and courses.in_catalog.size > 0 %}
+        <div class="row">
+          {% for course in courses.in_catalog %}
+            <div class="catalog-content col-md-4"
+                 data-categories="{% for category in course.categories %}{{ category.id }}{% unless forloop.last %},{% endunless %}{% endfor %}"
+                 data-duration="{{ course.properties['course_time'] | default: 0 }}"
+                 data-roles="{% for category in course.categories %}{% if category.name contains '[Role]' %}{{ category.id }}{% unless forloop.last %},{% endunless %}{% endif %}{% endfor %}">
+              <!-- Maintain original course card structure -->
+              <div class="np-card">
+                {% if course.image_url %}
+                  <img class="np-card-image" src="{{ course.image_url }}" alt="{{ course.name }}">
+                {% endif %}
+                <div class="np-card-content">
+                  <h3 class="np-card-title">{{ course.name }}</h3>
+                  <div class="np-card-description">{{ course.full_description | truncate: 120 }}</div>
+                </div>
+              </div>
+            </div>
+          {% endfor %}
+        </div>
+      {% else %}
+        <p class="np-text-muted">No courses found matching your filters.</p>
+      {% endif %}
+    </div>
+  </div>
+</main>
+{% include "footer" %}
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const checkboxes = document.querySelectorAll('.filter-checkbox');
+  const courseCards = document.querySelectorAll('.catalog-content');
+
+  function applyFilters() {
+    const activeFilters = {
+      categories: new Set(),
+      durations: new Set(),
+      roles: new Set()
+    };
+
+    // Collect active filters
+    checkboxes.forEach(checkbox => {
+      if (checkbox.checked) {
+        const filterType = checkbox.dataset.filterType;
+        const value = checkbox.value;
+        if (filterType === 'category') activeFilters.categories.add(value);
+        if (filterType === 'duration') activeFilters.durations.add(value);
+        if (filterType === 'rolecategory') activeFilters.roles.add(value);
+      }
+    });
+
+    // Filter courses
+    courseCards.forEach(card => {
+      const cardCategories = card.dataset.categories?.split(',') || [];
+      const cardDuration = parseInt(card.dataset.duration) || 0;
+      const cardRoles = card.dataset.roles?.split(',') || [];
+
+      const categoryMatch = activeFilters.categories.size === 0 || 
+        [...activeFilters.categories].some(cat => cardCategories.includes(cat));
+
+      const durationMatch = activeFilters.durations.size === 0 || 
+        [...activeFilters.durations].some(d => checkDuration(d, cardDuration));
+
+      const roleMatch = activeFilters.roles.size === 0 ||
+        [...activeFilters.roles].some(role => cardRoles.includes(role));
+
+      card.style.display = (categoryMatch && durationMatch && roleMatch) ? 'block' : 'none';
+    });
+  }
+
+  function checkDuration(durationRange, minutes) {
+    const ranges = {
+      '10 Minutes or less': m => m <= 10,
+      '10 - 30 Minutes': m => m > 10 && m <= 30,
+      '30 - 60 Minutes': m => m > 30 && m <= 60,
+      '1 - 2 Hours': m => m > 60 && m <= 120,
+      '2 Hours or more': m => m > 120
+    };
+    return ranges[durationRange]?.(minutes) || false;
+  }
+
+  checkboxes.forEach(checkbox => checkbox.addEventListener('change', applyFilters));
+});
+</script>
+
+<style>
+  .catalog-filter-wrapper {
+    padding: 25px;
+    background: #f8fafc; /* Light blue-gray background matching catalog text */
+    border-radius: 8px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  }
+
+  .catalog-filter-header {
+    color: #0254a1; /* Matching catalog link color */
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 20px 0 15px;
+    padding-bottom: 8px;
+    border-bottom: 2px solid #e2e8f0;
+  }
+
+  .filter-entry {
+    margin: 12px 0;
+    padding: 8px 12px;
+    border-radius: 4px;
+    transition: background-color 0.2s;
+  }
+
+  .filter-entry:hover {
+    background-color: rgba(2, 84, 161, 0.05);
+  }
+
+  .filter-entry label {
+    color: #1e293b; /* Dark text color matching catalog */
+    font-size: 0.95rem;
+    cursor: pointer;
+    margin-left: 8px;
+  }
+
+  .filter-entry input[type="checkbox"] {
+    transform: scale(1.1);
+    margin-right: 8px;
+  }
+</style>
+
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/course.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/course.html.liquid
new file mode 100644
index 00000000..d86424f6
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/course.html.liquid	
@@ -0,0 +1,83 @@
+{% assign quiz_only = false %}  
+{% assign course_name = course.name | downcase%}
+{% if course_name contains "in-person training" %}
+  {% assign none_quiz_found = false %}
+
+  {% for section in course.sections %}
+    {% if none_quiz_found  %}
+      {%break%}
+    {% endif %}
+    {% for activity in section.activities %}
+      {%if activity.type != "quiz" %}
+          {% assign none_quiz_found = true %}
+        {%break%}
+     {%endif%}
+    {% endfor %}
+  {% endfor %}
+  {% if none_quiz_found == false%}
+    {%assign quiz_only = true%}
+  
+  {% endif %}
+{% endif %}
+
+
+{% assign pres_only = false %}  
+{% assign course_name = course.name | downcase%}
+{% if course_name contains "presentation slides" %}
+  {% assign none_pres_found = false %}
+
+  {% for section in course.sections %}
+    {% if none_pres_found  %}
+      {%break%}
+    {% endif %}
+    {% for activity in section.activities %}
+      {%if activity.type != "document" %}
+          {% assign none_pres_found = true %}
+        {%break%}
+     {%endif%}
+    {% endfor %}
+  {% endfor %}
+  {% if none_pres_found == false%}
+    {%assign pres_only = true%}
+  
+  {% endif %}
+{% endif %}
+
+
+{% assign discussion = false %}  
+{% assign course_name = course.name | downcase%}
+{% if course_name contains "live discussion" %}
+  {% assign none_discussion = false %}
+
+  {% for section in course.sections %}
+    {% if none_discussion%}
+      {%break%}
+    {% endif %}
+    {% for activity in section.activities %}
+      {%if activity.type != "richtext" %}
+          {% assign none_discussion  = true %}
+        {%break%}
+     {%endif%}
+    {% endfor %}
+  {% endfor %}
+  {% if none_discussion  == false%}
+    {%assign discussion = true%}
+  
+  {% endif %}
+{% endif %}
+
+
+
+
+
+  {% 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" %}
+  
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/courses.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/courses.html.liquid
new file mode 100644
index 00000000..f9f9c238
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/courses.html.liquid	
@@ -0,0 +1,59 @@
+{% 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="courses-header">
+    <div class="courses-header-left">
+      <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>
+    </div>
+    <div class="courses-header-right np-hidden" onclick="clearFilter()">
+      Clear Filter
+    </div>
+  </div>
+  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
+</main>
+{% include "footer" %}
+
+<style>
+  .courses-header {
+     display: flex;
+     justify-content: space-between;
+  }
+  .courses-header-right {
+    margin: auto 0;
+    border: white 1px solid;
+    border-radius: 8px;
+    padding: 12px 16px;
+    font-weight: 700;
+    cursor: pointer;
+  }
+</style>
+
+<script>
+  let params = new URLSearchParams(document.location.search);
+  let category = params.get("category");
+  if (category) {
+    window.addEventListener('DOMContentLoaded', () => {
+      document.querySelectorAll(`[category-id]:not([category-id*="${category}"]`).forEach((x) => {
+        x.classList.add('np-hidden')
+      })
+      document.querySelector('.row.row-with-thumbnails.np-hidden').classList.remove('np-hidden')
+      document.querySelector('.courses-header-right').classList.remove('np-hidden')
+    })
+  }
+  else {
+    document.querySelector('.row.row-with-thumbnails.np-hidden').classList.remove('np-hidden')
+  }
+
+  function clearFilter() {
+    document.querySelectorAll('.np-hidden[category-id]').forEach((x) => {
+      x.classList.remove('np-hidden')
+    })
+    document.querySelector('.courses-header-right').classList.add('np-hidden')
+  }
+</script>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/dashboard.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/dashboard.html.liquid
new file mode 100644
index 00000000..faea41ad
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/dashboard.html.liquid	
@@ -0,0 +1,236 @@
+
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+
+<div class="np-homepage-hero">
+    <img class="np-homepage-hero-image"
+      src="https://s3.amazonaws.com/static.northpass.com/ACPA/ACPA-Hero-Image-LMS-New-Branding.png"
+      alt="{{ homepage.headline }}"
+    />
+    <div class="np-homepage-hero-content">
+      <div class="np-homepage-headline np-header-font-color" style="color:white;width:100%;margin:auto;">
+        ACPA Learning Center
+      </div>
+    </div>
+  </div>
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="np-dashboard-header">
+    <div class="np-resource-title">Hi {{current_person.first_name}}! &#128075;</div>
+    <div class="np-resource-subtitle">This is what's relevant to you right now in ACPA's Education Center.</div>
+  </div>
+  <div class="row dashboard-section-courses">
+    <div class="col-xs-12">
+      {%include "featured_carousel"%}
+      {%comment%}
+      {% if courses.enrolled.any? %}
+       {% if categories.enrolled.any? %}
+          {% assign all_categories = categories.enrolled | map: "name" %}
+          {% for enrolled_category in all_categories %}
+            <div class="np-md-flex-wrapper">
+              <div>
+                <div class="np-dashboard-resources-title">
+                  Topic
+                </div>
+                <div class="np-dashboard-resources-category">
+                  {{ enrolled_category }}
+                </div>
+              </div>
+              {%
+                include "filter_by_progress",
+                label: "Filter by Progress:",
+                default_option: "All Courses",
+                topic: enrolled_category,
+              %}
+            </div>
+            {%
+              include "carousel_courses",
+              items: courses.enrolled,
+              topic: enrolled_category,
+            %}
+          {% endfor %}
+        {% else %}
+          {% assign enrolled_category = "Not Categorized" %}
+          <div class="np-md-flex-wrapper">
+            <div>
+              <div class="np-dashboard-resources-title">
+                Topic
+              </div>
+              <div class="np-dashboard-resources-category">
+                Featured Courses
+              </div>
+            </div>
+            {%
+              include "filter_by_progress",
+              label: "Filter by Progress:",
+              default_option: "All Courses",
+              topic: enrolled_category,
+            %}
+          </div>
+          {%
+            include "carousel_courses",
+            items: courses.enrolled,
+            topic: enrolled_category,
+          %}
+        {% endif %}
+              {% else %}
+        <div class="np-dashboard-resources-title" style="margin-bottom:19px;">
+          Courses
+        </div>
+        {% capture message %}
+          {% t shared.zero_state.courses.index,
+            key: current_school.course_vocabulary
+          %}
+        {% endcapture %}
+        <div style="margin-bottom:3rem;">
+          {% include "courses_zero_state", message: message %}
+        </div>
+      {% endif %}
+      {%endcomment%}
+    </div>
+  </div>
+  {% include "section_popular_topics" %}
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-md-8">
+      {% if features.learning_paths? %}
+        <div class="np-dashboard-resources-title">
+          {% t shared.learning_paths %}
+        </div>
+        {% include "learning_paths_index", items: learning_paths.enrolled %}
+      {% endif %}
+    </div>    
+    <div class="np-grid-spacing col-xs-12 col-md-4 progress-section">
+      <div class="np-dashboard-resources-title">Course Progress</div>
+      {% include "widget_course_progress" %}
+    </div>
+  </div>
+
+  
+
+  <div class="row dashboard-section-events">
+    <div class="col-xs-12">
+      <div class="np-dashboard-resources-title" style="margin-bottom: 5px;">
+        Training Events
+      </div>
+      <div class="np-dashboard-resources-category dashboard-text-color" style="margin-bottom: 19px;">
+        Discover online events to maximize your learning
+      </div>
+      {% if training_events.enrolled.any? %}
+        {% 
+        include "carousel_events", 
+        items: training_events.enrolled,
+        %}
+      {% else %}
+      <div style="margin-bottom:3rem;">
+        {% include "training_events_zero_state" %}
+      </div>
+      
+      {% endif %}
+    </div>
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  @media screen and (max-width: 1024px) {
+    .progress-section {
+      padding-left: 0.5rem
+    }
+  }
+</style>
+<script>
+  // Creates the custom dropdown and dropdown functionality
+  var x, i, j, l, ll, selElmnt, a, b, c;
+  /* Look for any elements with the class “select-wrapper”: */
+  x = document.getElementsByClassName("progress-filter");
+  l = x.length;
+  for (i = 0; i < l; i++) {
+    selElmnt = x[i].getElementsByTagName("select")[0];
+    ll = selElmnt.length;
+    a = document.createElement("DIV");
+    a.setAttribute("class", "select-selected");
+    a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
+    x[i].appendChild(a);
+    b = document.createElement("DIV");
+    b.setAttribute("class", "select-items select-hide");
+    for (j = 1; j < ll; j++) {
+      c = document.createElement("DIV");
+      c.innerHTML = selElmnt.options[j].innerHTML;
+      c.addEventListener("click", function(e) {
+          var y, i, k, s, h, sl, yl;
+          s = this.parentNode.parentNode.getElementsByTagName("select")[0];
+          sl = s.length;
+          h = this.parentNode.previousSibling;
+          for (i = 0; i < sl; i++) {
+            if (s.options[i].innerHTML == this.innerHTML) {
+              s.selectedIndex = i;
+              h.innerHTML = this.innerHTML;
+              y = this.parentNode.getElementsByClassName("same-as-selected");
+              yl = y.length;
+              for (k = 0; k < yl; k++) {
+                y[k].removeAttribute("class");
+              }
+              this.setAttribute("class", "same-as-selected");
+              break;
+            }
+          }
+
+          filterCourses(this);
+    
+          h.click();
+      });
+      b.appendChild(c);
+    }
+    x[i].appendChild(b);
+    a.addEventListener("click", function(e) {
+      e.stopPropagation();
+      closeAllSelect(this);
+      this.nextSibling.classList.toggle("select-hide");
+      this.classList.toggle("select-arrow-active");
+    });
+  }
+
+  function closeAllSelect(elmnt) {
+    var x, y, i, xl, yl, arrNo = [];
+    x = document.getElementsByClassName("select-items");
+    y = document.getElementsByClassName("select-selected");
+    xl = x.length;
+    yl = y.length;
+    for (i = 0; i < yl; i++) {
+      if (elmnt == y[i]) {
+        arrNo.push(i)
+      } else {
+        y[i].classList.remove("select-arrow-active");
+      }
+    }
+    for (i = 0; i < xl; i++) {
+      if (arrNo.indexOf(i)) {
+        x[i].classList.add("select-hide");
+      }
+    }
+  }
+
+  /* If the user clicks anywhere outside the select box,
+  then close all select boxes: */
+  document.addEventListener("click", closeAllSelect);
+  $(".select-items div").each(function() {
+    if($( this ).text() == $(".select-selected").text()) {
+      $(this).addClass("same-as-selected");
+    }
+  });
+
+  function filterCourses(selectedItem) {
+        
+    let filterGroup = $(selectedItem).closest(".progress-filter").data("topic");
+    let selectedFilter = $(selectedItem).text().replace(" ", "-").toLowerCase();
+    let carouselGroup = $('.courses-carousel[data-topic="' + filterGroup + '"]');
+
+    carouselGroup.slick('slickUnfilter');
+
+    if (selectedFilter != "all-courses") {
+      carouselGroup.slick('slickFilter', `.${selectedFilter}`);
+    }
+
+  }
+  $(".np-sub-navigation-content-item-link:contains('Dashboard')").parent().addClass("np-sub-navigation-content-item-active")
+</script>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/forgot_password.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/forgot_password.html.liquid
new file mode 100644
index 00000000..3d65513f
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/homepage.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/homepage.html.liquid
new file mode 100644
index 00000000..77559cc9
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/homepage.html.liquid	
@@ -0,0 +1,52 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.featured %}
+<main class="np-main np-homepage">
+  <div class="np-homepage-hero">
+    <img class="np-homepage-hero-image"
+      src="{{ homepage.artwork_url }}"
+      alt="{{ homepage.headline }}"
+    />
+    <div class="np-homepage-hero-content">
+      <div class="np-homepage-headline np-header-font-color">
+        {{ homepage.headline }}
+      </div>
+      <div class="np-homepage-subheadline np-header-font-color">
+        {{ homepage.subheadline }}
+      </div>
+      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
+        {% t .discover %}
+      </a>
+    </div>
+  </div>
+  {% include "sub_navigation" %}
+  <div class="np-homepage-featured np-max-width">
+    <div class="np-homepage-featured-text">
+      <div class="np-homepage-headline">
+        {{ homepage.featured_courses_headline }}
+      </div>
+      <div class="np-homepage-subheadline">
+        {{ homepage.featured_courses_subheadline }}
+      </div>
+    </div>
+    {% if courses.featured.any? %}
+      <div class="np-homepage-featured-courses row">
+        {% for course in courses.featured %}
+          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+            {% include "cards_course" with course %}
+          </div>
+        {% endfor %}
+      </div>
+    {% else %}
+      <div class="np-homepage-featured-empty">
+        <div class="np-zero-state-text">
+          {% t .empty, key: current_school.course_vocabulary %}
+        </div>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path.html.liquid
new file mode 100644
index 00000000..e3d4db1f
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path.html.liquid	
@@ -0,0 +1,54 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+<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>
+  .np-top-image, .np-learning-path-outline-course-image {
+    border-radius: 8px;
+  }
+  @media only screen and (min-width: 768px) {
+    .np-top-image, .np-learning-path-outline-course-image {
+      border-radius: 8px 8px 0 0;
+    }
+    body {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas: "header" "nav" "main" "footer" "powered";
+    grid-template-rows: 120px 50px 1fr 160px 60px;
+    }
+    nav {
+      grid-area: nav;
+      margin-bottom: 17px;
+    }
+    header {
+      grid-area: header;
+    }
+    main {
+      grid-area: main;
+      margin-top: 0 !important;
+    }
+    footer {
+      grid-area: footer;
+    }
+    .np-powered-by {
+      grid-area: powered;
+    }
+  }
+  .np-top-cta {
+    border-radius: 8px;
+  }
+  .np-card-container, .np-card-container-training-session {
+    border-radius: 8px;
+  }
+  .np-card-content {
+    border-radius: 8px;
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path_summary.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_path_summary.html.liquid
new file mode 100644
index 00000000..99ae32ed
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/learning_paths.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_paths.html.liquid
new file mode 100644
index 00000000..980f664e
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/learning_paths.html.liquid	
@@ -0,0 +1,41 @@
+{% 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" %}
+
+<style>
+  @media only screen and (min-width: 768px) {
+    body {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas: "header" "subnav" "main" "footer" "powered";
+    grid-template-rows: 120px 50px 1fr 160px 60px;
+    }
+    header {
+      grid-area: header;
+    }
+    nav {
+      grid-area: subnav;
+      margin-top: 0 !important;
+    }
+    main {
+      grid-area: main;
+    }
+    footer {
+      grid-area: footer;
+    }
+    .np-powered-by {
+      grid-area: powered;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/login-page.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/login-page.html.liquid
new file mode 100644
index 00000000..7167a0f9
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/login-page.html.liquid	
@@ -0,0 +1,101 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+<section class="h-100 gradient-form" >
+    <div class="container py-5 h-100">
+      <div class="row d-flex justify-content-center align-items-center h-100">
+        
+          <div class="card rounded-3 text-black">
+              
+        
+                <div class="card-body p-md-5 mx-md-4">
+  
+                  <div class="text-center">
+                    <img src="{{ current_school.logo_url }}"
+                      style="width: 185px;" alt="logo">
+                    <h4 class="mt-1 mb-5 pb-1">We are The Lotus Team</h4>
+                  </div>
+  
+                  <form>
+                    <p>Please login to your account</p>
+  
+                    <div class="form-outline mb-4 d-flex">
+                        <div class="mr-3">
+                            <label class="form-label text-muted" for="form2Example11">First name</label>
+                            <input type="email" id="form2Example11" class="form-control"
+                                 />
+                        </div>
+                        <div>
+                            <label class="form-label text-muted" for="form2Example22">Last name</label>
+                            <input type="" id="form2Example22" class="form-control" />
+                        </div>
+                    </div>
+  
+                    <div class="form-outline mb-4">
+                        <label class="form-label text-muted" for="form2Example22">Email</label>
+                      <input type="" id="form2Example22" class="form-control" />
+                    </div>
+
+                    <div class="form-outline mb-4">
+                        <label class="form-label text-muted" for="form2Example22">Job title</label>
+                        <input type="" id="form2Example22" class="form-control" />
+                      </div>
+
+                      <div class="form-outline mb-4">
+                        <label class="form-label text-muted" for="form2Example22">Organization</label>
+                        <input type="" id="form2Example22" class="form-control" />
+                      </div>
+
+                      <div class="form-outline mb-4 d-flex">
+                        <div class="mr-3">
+                            <label class="form-label text-muted" for="form2Example11">City</label>
+                            <input type="email" id="form2Example11" class="form-control"
+                                 />
+                        </div>
+                        <div>
+                            <label class="form-label text-muted" for="form2Example22">State/Region</label>
+                            <input type="" id="form2Example22" class="form-control" />
+                        </div>
+                    </div>w
+  
+                    <div class="text-center pt-1 mb-5 pb-1">
+                      <button class="btn btn-primary btn-block fa-lg mb-3" type="button">Log
+                        in</button>
+                      <a class="text-muted" href="#!">Forgot password?</a>
+                    </div>
+  
+
+  
+                  </form>
+  
+                </div>
+            
+            
+          </div>
+      
+      </div>
+    </div>
+  </section>
+
+  <style>
+    .gradient-custom-2 {
+        /* fallback for old browsers */
+        background: #fccb90;
+        
+        /* Chrome 10-25, Safari 5.1-6 */
+        background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
+        
+        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+        background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
+        }
+        
+        @media (min-width: 768px) {
+        .gradient-form {
+        height: 100vh !important;
+        }
+        }
+        @media (min-width: 769px) {
+        .gradient-custom-2 {
+        border-top-right-radius: .3rem;
+        border-bottom-right-radius: .3rem;
+        }
+        }
+  </style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/login.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/login.html.liquid
new file mode 100644
index 00000000..bde185dd
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/login.html.liquid	
@@ -0,0 +1,53 @@
+<main class="np-main np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_email">
+            {% t shared.email_address %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="email"
+            name="learner[email]"
+            id="learner_email"
+          >
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password">
+            {% t shared.password %}
+          </label>
+          <input
+            class="np-input"
+            type="password"
+            name="learner[password]"
+            id="learner_password"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
+          {% t shared.sign_in %}
+        </button>
+        <a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
+          {% t .forgot_password %}
+        </a>
+        {% if features.account_creation? %}
+          <a class="np-form-link np-button-color" href="{% route sign_up %}">
+            {% t shared.sign_up %}
+          </a>
+        {% endif %}
+        {% if features.request_access? %}
+          <a
+            class="np-form-link np-button-color"
+            target="_blank"
+            href="{{ current_school.request_access_link }}"
+          >
+            {{ current_school.request_access_label }}
+          </a>
+        {% endif %}
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/master.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/master.html.liquid
new file mode 100644
index 00000000..63345068
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/master.html.liquid	
@@ -0,0 +1 @@
+{% body %}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/not_found.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/not_found.html.liquid
new file mode 100644
index 00000000..91c76e4b
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/private_certificate.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/private_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/public_certificate.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/public_certificate.html.liquid
new file mode 100644
index 00000000..15d05419
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/register.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/register.html.liquid
new file mode 100644
index 00000000..82c73d45
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/register.html.liquid	
@@ -0,0 +1,116 @@
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+
+<section class="h-100 gradient-form" >
+  <div class="container py-5 h-100">
+    <div class="row d-flex justify-content-center align-items-center h-100">
+      <div class="col-xl-6">
+        <div class="card rounded-3 text-black">
+       
+
+              <div class="card-body p-md-5 mx-md-4">
+
+                <div class="text-center">
+                    <img
+                        alt="{{ current_school.name }}"
+                        class="login-image mb-2"
+                        src="{{ current_school.logo_url }}"
+                         alt="logo">
+                      />
+
+                </div>
+
+                <form>
+                  <p class="text-dark">Register for the Webinar</p>
+
+                  <div class="form-outline mb-4">
+                    <input type="email" id="jobTitle" class="form-control" />
+                    <label class="form-label text-dark" for="form2Example22">Job title</label>
+                  </div>
+
+                  <div class="form-outline mb-4">
+                    <input type="email" id="organization" class="form-control" />
+                    <label class="form-label text-dark" for="form2Example22">Organization</label>
+                  </div>
+
+                  <div class="form-outline mb-4 seperate">
+                    <div class="mr-3">
+                    <input type="email" id="city" class="form-control"
+                      placeholder="" />
+                    <label class="form-label text-dark" for="form2Example11">City</label>
+                    </div>
+                    <div>
+                    <input type="email" id="state" class="form-control"
+                        placeholder="" />
+                      <label class="form-label text-dark" for="form2Example11">State/Region</label>
+                    </div>
+                  </div>
+
+                  <div class="text-center pt-1 ">
+                    <button class="register-btn btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" type="button">Register</button>
+                    <p class=" control-text ">Please fill all fields</p>
+                  </div>
+
+
+                </form>
+
+              </div>
+          
+
+        
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<style> 
+.seperate {
+    display: flex;
+}
+.input-check {
+    color: red;
+}
+.login-image {
+width:400px;}
+@media  screen and (max-width: 800px) {
+.login-image {
+    width:250px;
+}
+}
+</style>
+
+<script> 
+    document.getElementsByClassName("register-btn").onclick = function isEmpty(e)  {
+    let x = document.getElementById("firstName");
+    let alert = document.querySelectorAll(".control-text");
+    if (x.length == "") {
+        alert.classList.add("input-check");
+    }
+    alert.classList.remove("input-check");
+}
+
+
+function setProperties(lang) {
+  var data = {
+            uuid : '{{current_person.id}}',
+            language : lang
+        };
+  $.ajax({
+        type : 'POST',
+        url : 'https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/language-changed', //workato link  
+        data: JSON.stringify(data),
+        success:function (data) {
+            console.log(data);
+            setTimeout(location.reload.bind(location), 700);
+        },
+        error: function(xhr, status, error) {
+            console.log(error)
+      }
+    });
+}
+
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/reset_password.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/reset_password.html.liquid
new file mode 100644
index 00000000..281c6eaa
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/reset_password.html.liquid	
@@ -0,0 +1,43 @@
+<main class="np-box-container">
+  <div class="np-box">
+    {% include "header_minimal" %}
+    <div class="np-box-content-container">
+      <form class="np-form np-box-content" method="post" action="{% route forgot_password_create %}">
+        <input type="hidden" name="_method" value="put">
+        <input
+          type="hidden"
+          value="{{ reset_password_token }}"
+          name="learner[reset_password_token]"
+          id="learner_reset_password_token"
+        >
+        {% form_authenticity_token %}
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password">
+            {% t .new_password %}
+          </label>
+          <input
+            class="np-input"
+            autofocus="autofocus"
+            type="password"
+            name="learner[password]"
+            id="learner_password"
+          >
+        </div>
+        <div class="np-form-field">
+          <label class="np-input-label" for="learner_password_confirmation">
+            {% t .confirm_new_password %}
+          </label>
+          <input
+            class="np-input"
+            type="password"
+            name="learner[password_confirmation]"
+            id="learner_password_confirmation"
+          >
+        </div>
+        <button type="submit" class="np-button np-button-big np-form-action">
+          {% t .change_password %}
+        </button>
+      </form>
+    </div>
+  </div>
+</main>
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/search.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/search.html.liquid
new file mode 100644
index 00000000..3922ee49
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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 np-results-term">"{{ 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/ACPA Sandbox v1/sign_up.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/sign_up.html.liquid
new file mode 100644
index 00000000..7a903da4
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/styles.css.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/styles.css.liquid
new file mode 100644
index 00000000..07df6360
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/styles.css.liquid	
@@ -0,0 +1,1880 @@
+/*
+ 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 }}
+*/
+
+/**** TABLE OF CONTENTS ========
+
+1.0 - GLOBAL STYLING
+2.0 - PAGE SPECIFIC STYLING
+    2.1 - HOMEPAGE
+    2.2 - DASHBOARD
+    2.3 - CATALOG
+    2.4 - COURSE COVER PAGE
+    2.5 - TRAINING SESSION
+    2.6 - LOGIN PAGE
+    2.7 - LEARNING PATH COVER PAGE
+    2.8 - SEARCH PAGE
+3.0 - COMPONENT SPECIFIC STYLING
+    3.1 - HEADER
+    3.2 - SUB NAV
+    3.3 - FOOTER
+    3.4 - BUTTONS
+    3.5 - HEADINGS, SUBHEADS & GENERAL TEXT
+    3.6 - COURSE CARD
+    3.7 - LEARNING PATH CARD
+    3.8 - TRAINING EVENT CARD
+    3.9 - COURSE BANNER
+    3.10 - COURSE DETAILS
+    3.11 - COURSE OUTLINE
+    3.12 - FILTER DROPDOWN
+    3.13 - CAROUSEL - GLOBAL STYLES
+    3.14 - CAROUSEL - EVENTS
+    3.15 - CAROUSEL - COURSES
+    3.16 - CAROUSEL - INSTRUCTORS
+    3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
+    3.18 - HOMEPAGE SECTION - TIPS & TRICKS
+    3.19 - HOMEPAGE SECTION - FAQS
+    3.20 - HOMEPAGE SECTION - FEATURED COURSES
+*/
+
+/*
+    1.0 GLOBAL SYLING
+*/
+body {
+  font-family: "Lexend", "Roboto", sans-serif;
+}
+
+div {
+  color: #fff;
+}
+.np-color-white {
+  color: #fff;
+}
+
+
+.np-main .np-resource-title,
+.np-main .np-resource-subtitle,
+.np-top-title,
+.np-training-session-sessions-title,
+.np-content-instructors-content-name,
+.np-content-instructors-content-info {
+  color: #2E5667;
+}
+
+.np-main .np-resource-subtitle,
+.np-training-session-sessions-title,
+.np-content-instructors-content-info {
+  opacity: 0.8;
+}
+
+.np-resource-title {
+  font-weight: bold;
+}
+.np-resource-header-card {
+  background: transparent;
+  box-shadow: none;
+  color: #fff;
+}
+
+.np-dashboard-border {
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-dashboard-border .np-card-content,
+.np-dashboard-border.np-card-container {
+  background: transparent;
+}
+.np-dashboard-resources .np-card:last-of-type {
+  padding-bottom: 1rem;
+}
+
+.np-card-content-divider {
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  margin-top: 3rem;
+  padding-top: 3rem;
+}
+
+.np-top-cta {
+  border-radius: 0;
+}
+.np-text-light {
+  color: rgba(255, 255, 255, 0.5);
+}
+.np-flex-wrapper {
+  display: flex;
+}
+
+.choices__list--dropdown .choices__item {
+  color: #002532;
+}
+.dropdown [type="checkbox"]:checked + label:before {
+  background-color: #298e4e;
+}
+
+.dropdown-button-apply {
+  background: linear-gradient(90deg, #298e4e 0%, #035161 100%) !important;
+  color: #fff;
+}
+
+.np-zero-state-text {
+  color: #2E5667;
+  opacity: 0.5;
+}
+.np-dashboard-resources-container,
+.np-learning-paths-resources-container {
+  border-radius: 0;
+}
+
+.np-course-version-outdated-popup-trigger,
+.np-popup-header-icon {
+  color: #2bb24c;
+}
+.np-popup-tooltip {
+  background-color: #001e2e;
+  color: #fff;
+  border: 2px solid rgba(255, 255, 255, 0.5);
+  border-radius: 0;
+  bottom: 30px;
+  box-shadow: 0 2px 8px 0 rgb(53 64 78 / 25%);
+}
+.np-popup-header {
+  background-color: #001e2e;
+  border-radius: 0;
+  color: #fff;
+}
+.np-popup-body,
+.np-popup-header-title {
+  color: #fff;
+}
+.np-popup-body-button {
+  background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+  border-radius: 0;
+  text-transform: uppercase;
+}
+
+.np-alert.np-alert-info {
+  background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+}
+
+@media (min-width: 768px) {
+  .np-md-flex-wrapper {
+    display: flex;
+  }
+}
+
+/*
+    2.0 - PAGE SPECIFIC STYLING
+*/
+
+/*
+    2.1 - HOMEPAGE
+*/
+.np-homepage-hero-image {
+  height: 300px;
+}
+
+.np-homepage-hero-content {
+  padding: 2.25rem 2.5rem;
+  bottom: 0;
+}
+.np-homepage-featured-text {
+  padding: 0 2rem 2rem;
+}
+
+.np-homepage-featured .np-homepage-headline,
+.np-homepage-featured .np-homepage-subheadline {
+  color: #36aaa7;
+}
+
+.np-homepage-hero .np-homepage-headline {
+  font-size: 32px;
+  line-height: 48px;
+}
+.np-homepage-featured .np-homepage-subheadline {
+  opacity: 0.5;
+}
+
+.np-homepage-hero-cta,
+.np-button.np-homepage-hero-cta {
+  margin-top: 1.5rem;
+  background: rgba(0, 37, 50, 0.5);
+  text-transform: uppercase;
+  height: 40px;
+}
+
+.np-topics-list {
+  margin: 0 4%;
+}
+.np-topics-list .np-stretch-content {
+  flex-flow: row wrap;
+}
+.np-topics-list .np-button-secondary {
+  margin: 6px 0;
+  flex: 0 1 1;
+}
+
+.np-topics-list .np-button.np-top-button {
+  text-transform: none;
+  padding: 0 1rem;
+  white-space: normal;
+  text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+  .np-homepage-featured-text {
+    padding: 0 4rem 2rem;
+  }
+  .np-homepage-hero-image {
+    height: auto;
+    min-height: 350px;
+  }
+  .np-homepage-hero-content {
+    padding: 5rem 4rem 2.25rem;
+    bottom: 0;
+  }
+
+  .np-homepage-hero-cta,
+  .np-button.np-homepage-hero-cta {
+    margin-top: 2.25rem;
+    height: 50px;
+  }
+
+  .np-homepage-hero .np-homepage-headline {
+    font-size: 36px;
+    line-height: 45px;
+  }
+  .np-homepage-hero .np-homepage-subheadline {
+    font-size: 18px;
+    line-height: 24px;
+  }
+  .np-button {
+    font-size: 0.875rem;
+    height: 40px;
+  }
+
+  .np-topics-list {
+    margin: 0 4.5%;
+  }
+  .np-topics-list .np-button-secondary {
+    margin: 6px;
+    flex: 0 1 calc(33.33% - 12px);
+    height: 52px;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .np-homepage-hero-image {
+    min-height: 450px;
+  }
+  .np-homepage-hero-content {
+    bottom: auto;
+  }
+
+  .np-homepage-hero .np-homepage-headline {
+    font-size: 58px;
+    line-height: 72px;
+  }
+  .np-homepage-hero .np-homepage-subheadline {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  .np-topics-list .np-button-secondary {
+    flex: 0 1 calc(25% - 12px);
+  }
+
+}
+
+@media screen and (min-width: 1200px) {
+  .np-topics-list .np-button-secondary {
+    flex: 0 1 calc(20% - 12px);
+  }
+  .np-homepage-hero .np-homepage-headline {
+    font-size: 66px;
+    line-height: 82px;
+  }
+}
+
+/*
+    2.2 - DASHBOARD PAGE
+*/
+
+.np-dashboard-resources-title {
+  color: #36aaa7;
+  opacity: 1;
+  margin-bottom: 19px;
+}
+
+.np-dashboard .np-dashboard-resources-title,
+.np-dashboard .np-md-flex-wrapper {
+  margin-bottom: 19px;
+}
+.np-dashboard .dashboard-section-courses .np-dashboard-resources-title {
+  margin-bottom: 0;
+}
+.np-dashboard .np-learning-paths-resources .np-card {
+  padding-bottom: 2.187rem;
+}
+
+.np-dashboard-resources-category {
+  font-size: 20px;
+  line-height: 25px;
+  display: block;
+  font-weight: 500;
+  margin-top: 4px;
+}
+.dashboard-text-color {
+  color: #36aaa7;
+}
+
+@media (min-width: 768px) {
+  .np-dashboard .np-md-flex-wrapper .np-dashboard-resources-title {
+    margin-bottom: 0;
+  }
+  .np-dashboard-resources-title {
+    font-size: 0.937rem;
+  }
+  .np-dashboard .np-md-flex-wrapper {
+    justify-content: space-between;
+    align-items: flex-end;
+  }
+}
+
+/*
+    2.3 - CATALOG
+*/
+
+.np-catalog .np-progress-filter-wrapper,
+.np-catalog .np-filter {
+  margin-bottom: 24px;
+}
+.catalog-filters {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+@media (min-width: 768px) {
+  .np-catalog-header {
+    align-items: start;
+  }
+  .np-catalog .np-progress-filter-wrapper,
+  .np-catalog .np-filter {
+    margin: 0;
+  }
+}
+
+/*
+    2.4 - COURSE COVER PAGE
+*/
+#course-desktop .np-course-content {
+
+  padding: 0;
+}
+#course-mobile .np-card-container {
+
+  margin-top: 0;
+}
+.np-content-instructors-content-name {
+  font-size: 1.062rem;
+  margin-bottom: 3px;
+}
+.np-content-instructors-content-info {
+  font-size: 0.937rem;
+}
+
+.np-content-categories-content-item {
+  background: #36aaa7;
+  color: #fff;
+}
+
+/*
+    2.5 TRAINING SESSION
+*/
+
+.np-training-session-tile,
+.np-training-session-tile:hover {
+  background-color: #001e2e;
+  border-radius: 0;
+  color: #fff;
+}
+
+.np-training-session-tile-icon,
+.np-training-session .np-top-vocabulary .np-training-session-icon,
+.np-button-color.np-training-session-icon {
+  color: #2bb24c;
+}
+.np-training-session-tile-chevron {
+  color: #fff;
+}
+
+.np-training-session .np-card-training-session-date-bar {
+  left: 0;
+  right: auto;
+  transform: rotate(180deg);
+}
+
+.np-training-session-zero-state {
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  border-radius: 0px;
+}
+
+/*
+    2.6 LOGIN PAGE
+*/
+
+.np-account .np-form-action {
+  background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+  text-transform: uppercase;
+}
+.np-input-label {
+  color: #fff;
+  font-size: 0.85rem;
+  margin-bottom: 0.35rem;
+  opacity: 0.75;
+}
+
+.np-account-avatar p {
+  color: #fff;
+}
+.terms-of-service a {
+  color: #2bb24c;
+}
+.np-account-avatar-choice .np-button-secondary {
+  background: transparent !important;
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  color: #fff;
+  height: 40px !important;
+}
+
+.np-open-access .np-box,
+.np-open-access .np-box .np-header-color {
+  border-radius: 0;
+  background: #001e2e;
+  box-shadow: none;
+}
+.np-open-access .np-alert.np-alert-error,
+.np-open-access .np-box .np-box-content-container .np-form-action {
+  background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%);
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-headline {
+  color: #fff;
+  margin-bottom: 1.5rem;
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-subheadline {
+  color: #fff;
+  opacity: 0.75;
+}
+
+.np-open-access .np-box .np-box-content-container .np-form-action {
+  background:linear-gradient(90deg, #CD7146 0%, #cd7146 100%);
+  text-transform: uppercase;
+}
+
+/*
+    2.7 - LEARNING PATH COVER PAGE
+*/
+
+.np-learning-path-outline-inactive-item {
+  border: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+.np-learning-path-outline-bar {
+  border-radius: 0;
+  width: 3px;
+}
+
+.np-top-image,
+.np-learning-path-outline-course-image {
+  border-radius: 0;
+}
+
+/*
+  2.8 - SEARCH PAGE
+*/
+
+.np-search-result-title {
+  color: #fff;
+}
+
+.np-search-result-snippet {
+  opacity: 0.75;
+}
+
+.np-search .np-resource-subtitle-number {
+  color: #2bb24c;
+}
+
+.np-search .np-resource-subtitle-number,
+.np-search .np-results-term {
+  color: #66c92d;
+  font-weight: 700;
+}
+
+/*
+    3.0 - COMPONENT SPECIFIC STYLING
+*/
+
+/*
+    3.1 - HEADER
+*/
+.np-header {
+  background: #192B4C;
+  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
+}
+
+.np-header.np-header-absolute {
+  position: absolute;
+  background: transparent;
+  border-bottom: none;
+}
+
+@media (min-width: 768px) {
+  .np-dashboard-header .np-resource-subtitle {
+    margin-bottom: 2.5rem;
+  }
+  .np-header-desktop-nav {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .np-header-desktop-nav {
+    display: flex;
+  }
+}
+
+/*
+    3.2 - SUB NAV
+*/
+.np-sub-navigation-content {
+  background: #f2f4f5;
+}
+.np-sub-navigation {
+  background: unset !important;
+  margin-bottom: 1rem;
+  padding: 0 1rem 0;
+}
+
+.np-sub-navigation-content-item-link {
+  justify-content: flex-end;
+  height: 30px;
+  color: #36aaa7;
+
+}
+
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
+  color: #36aaa7;
+  opacity: 0.7;
+  font-weight: 500;
+  justify-content: flex-end;
+}
+
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link,
+.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar {
+  opacity: 1;
+}
+
+.np-sub-navigation-content-item-bar {
+  background-color: #36aaa7;
+  margin: 0 auto;
+  width: 100%;
+  opacity: 0;
+  display: block;
+  height: 0.2rem;
+}
+
+/*
+    3.3 - FOOTER
+*/
+.np-footer {
+  background: #192B4C;
+}
+
+.np-footer-navigation-link,
+.np-footer-social-links-icon.np-button-color,
+.np-footer-support-link.np-button-color {
+  color: #2bb24c;
+}
+.np-footer-support-item {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/*
+    3.4 - BUTTONS
+*/
+
+.np-button {
+  border-radius: 0;
+}
+
+.np-top-button.np-button.np-button-secondary,
+.np-button.dropdown-button {
+  background-color: transparent !important;
+  background-image: none;
+  font-weight: 600;
+  border: 2px solid #bac4ca;
+  color: #2E5667;
+}
+
+.np-button.np-background-color,
+.np-button.np-top-button,
+.np-card-content-footer .np-button {
+  text-transform: uppercase;
+}
+
+button.enwYlE,
+button.enwYlE:hover {
+  background-color: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  border-radius: 0;
+  padding: 8px 12px;
+  color: #fff !important;
+}
+
+button.jryxug {
+  color: #fff;
+}
+.bpSgf,
+.fsgQJU {
+  color: rgba(255, 255, 255, 0.75) !important;
+}
+
+.mjmTc {
+  border-radius: 0 !important;
+}
+
+/* 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT  */
+.np-card-heading {
+  font-size: 1.25rem;
+}
+.np-text-title {
+
+  font-size: 0.937rem;
+}
+
+@media (min-width: 768px) {
+  .np-card-heading {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+  }
+  .np-card-text {
+    line-height: 1.75rem;
+  }
+}
+
+/*
+    3.6 - COURSE CARD
+*/
+.np-card-container {
+  height: auto;
+  position: relative;
+  color: #fff;
+}
+
+.np-card-container,
+.np-card-container-training-session {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.np-card-padding,
+.np-card-padding-dynamic {
+  padding: 1.5rem;
+}
+
+.np-card-image-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0.9;
+}
+
+.np-card-image-content-top,
+.np-card-image-content-bottom {
+  position: absolute;
+  left: 1.5rem;
+  z-index: 1;
+}
+
+.np-card-image-content-top {
+  top: 1.5rem;
+}
+.np-card-image-content-bottom {
+  bottom: 1.5rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.np-card-image-content-bottom .np-card-content-progress {
+  color: #fff;
+  margin-top: 0;
+}
+
+.np-card-content-footer {
+  margin-top: 1.2rem;
+}
+.np-card-content-footer .np-button {
+  width: 100%;
+  border-radius: 25px;
+}
+
+@media screen and (min-width: 768px) {
+  .np-card-content-title {
+    font-size: 1.1rem;
+    flex: 1;
+  }
+
+  .np-card-image-content-top,
+  .np-card-image-content-bottom {
+    left: 1.5rem;
+    right: 1.5rem;
+  }
+
+  .np-card-image-content-top {
+    top: 1.5rem;
+  }
+  .np-card-image-content-bottom {
+    bottom: 1.5rem;
+  }
+  .np-card-padding,
+  .np-card-padding-dynamic {
+    padding: 1.5rem;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .np-card-content-title {
+    font-size: 1.5rem;
+  }
+
+  .np-card-image-content-top,
+  .np-card-image-content-bottom {
+    left: 2rem;
+    right: 2rem;
+  }
+  .col-xs-12 .np-top-image-spacing .np-course-banner{
+    margin-bottom: 0rem !important;
+  }
+  .np-top-image-spacing {
+    margin-bottom: 0rem !important;
+  }
+  .np-card-image-content-top {
+    top: 2rem;
+  }
+  .np-card-image-content-bottom {
+    bottom: 2rem;
+  }
+  .np-card-padding,
+  .np-card-padding-dynamic {
+    padding: 2rem;
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .col-xs-12 .np-top-image-spacing .np-course-banner{
+    margin-bottom: 0rem !important;
+  }
+  .np-top-image-spacing {
+    margin-bottom: 0rem !important;
+  }
+  .np-top-cta {
+    margin-top: 0rem;
+  }
+  .np-card-image .np-learning-path-image {
+    width: 100%;
+  }
+  .np-card-content-title {
+    font-size: 1.125rem;
+
+  }
+  .np-learning-path-image {
+    width: 100% !important;
+  }
+  np-course-detail {
+    display: flex;
+  }
+  .np-details-label {
+    display: flex;
+  }
+  .np-detail-text {
+    margin-right: 1rem;
+  }
+
+  main .col-xs-12  {
+    padding: 0rem !important;
+
+
+  }
+  .np-button {
+    font-size: 1rem;
+    padding: 1rem;
+
+  }
+  .np-learning-path .np-card-content-footer .np-button {
+    width: 100% !important;
+  }
+  .np-card-training-session-date-day {
+    margin-right: 1rem !important;
+  }
+
+  .np-carousel-card {
+    display: flex !important;
+    justify-content: center;
+  }
+  main .np-carousel-card .not-started .slick-slide .slick-current .slick-active {
+    display: flex;
+    justify-content: center;
+  }
+  .np-learning-paths-resources {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+  }
+  .np-top-image {
+    border-radius: 0px;
+  }
+
+}
+
+/*
+    3.7 - LEARNING PATH CARD
+*/
+
+.np-learning-path .np-card-text-wrapper {
+  position: relative;
+  z-index: 2;
+}
+
+.np-learning-paths .np-card-content-description {
+  color: #fff;
+}
+.np-learning-path .np-card-content-title {
+  color: #fff;
+  flex: 2;
+}
+.np-learning-paths .np-learning-path .np-card-content-title {
+  flex: none;
+}
+.np-learning-path .np-card-content-footer .np-button {
+  width: auto;
+}
+
+@media (min-width: 768px) {
+  .np-learning-path-image {
+    width: 37%;
+  }
+  .np-card-content-title {
+    flex: 0;
+  }
+
+  .np-main:not(.np-training-events) .np-dashboard-resources .np-card {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  .np-learning-paths .np-card-content {
+    padding: 2rem;
+    height: 100%;
+  }
+
+  .np-learning-path .np-card-content {
+    height: 100%;
+    display: flex;
+  }
+
+  .np-learning-path {
+    display: flex;
+  }
+}
+
+@media (min-width: 1024px) {
+  .np-learning-path {
+    display: flex;
+    min-height: 260px;
+  }
+}
+
+/*
+    3.8 - TRAINING EVENTS CARD
+*/
+
+.np-event-card .np-card-container {
+  border: 2px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-event-card .np-card-content {
+  padding: 1.062rem 1rem 1.062rem 1.25rem;
+  border-top: 2px solid rgba(255, 255, 255, 0.15);
+  flex: 0;
+}
+
+.np-card-content-training-event {
+  padding: 1rem 1rem 0.5rem;
+}
+.np-button.dropdown-calendar-button {
+  background: linear-gradient(90deg, #298e4e 0%, #035161 100%);
+}
+.np-card-content-training-event .np-card-content-title,
+.np-card-content-training-event .np-card-content-subtitle {
+  color: #fff;
+}
+.np-card-content-training-event .np-card-content-subtitle {
+  opacity: 0.5;
+  flex: 1;
+}
+
+.np-card-training-session {
+  margin-top: 0.9rem;
+  border-radius: 0;
+  background: transparent;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-right: -10px;
+}
+
+.np-card-training-session .np-card-content-label {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 0;
+  color: #fff;
+  padding: 3px 6px;
+  margin-bottom: 0;
+}
+
+.np-card-training-session-date-year,
+.np-card-training-session-date-month {
+  text-align: right;
+  color: #fff;
+}
+
+.np-training-session .np-card-training-session-date-year,
+.np-training-session .np-card-training-session-date-month {
+  text-align: left;
+}
+
+.np-card-training-session-date-day {
+  margin-right: 0;
+  margin-left: 5px;
+  color: #fff;
+}
+
+.np-card-training-session-date-year {
+  opacity: 0.5;
+}
+
+.np-card-training-session-date-bar {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  right: 0;
+  left: auto;
+  width: 0;
+  height: 0;
+  border-top: 16px solid transparent;
+  border-bottom: 18px solid transparent;
+  border-right: 16px solid #CD7146;
+  background: none;
+}
+
+.np-card-training-sessions-label {
+  color: #fff;
+}
+.np-event-card .np-card-container {
+  height: 100%;
+}
+.np-card-training-sessions {
+  background: transparent;
+  padding: 0;
+}
+
+.np-card-training-sessions .np-button {
+  background: linear-gradient(90deg, #298e4e -10.98%, #035161 100%);
+  font-weight: 800;
+  text-transform: uppercase;
+  font-size: 0.875rem;
+  height: 40px;
+}
+
+@media (min-width: 768px) {
+  .np-card-content-training-event {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .np-card-content-training-event {
+    padding: 2rem 2rem 0.5rem;
+  }
+}
+
+/*
+    3.9 - COURSE BANNER
+*/
+.np-course-banner {
+  position: relative;
+  margin-bottom: 2.5rem;
+  padding: 0;
+}
+
+.np-course-banner-image {
+  display: block;
+  width: 100%;
+}
+
+.np-course-info.np-course-banner-info {
+  position: absolute;
+  bottom: 1.5rem;
+  left: 1.5rem;
+  width: 80%;
+}
+
+.np-course-banner .np-course-title {
+  font-size: 1.5rem;
+  margin-bottom: 2rem;
+  font-weight: bold;
+}
+
+@media (min-width: 768px) {
+  .np-course-banner-image {
+    margin: 0 0 0 auto;
+    width: 50%;
+  }
+
+  .np-course-banner-overlay {
+    background: linear-gradient(
+        238.17deg,
+        rgba(3, 81, 97, 0) 55.34%,
+        #298e4e 111.28%
+      ),
+      linear-gradient(
+        90deg,
+        #035262 0%,
+        #035161 49.48%,
+        rgba(3, 82, 98, 0) 73.44%
+      );
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+
+  .np-course-info.np-course-banner-info {
+    bottom: 2rem;
+    left: 2rem;
+    width: 75%;
+  }
+
+  .np-course-banner .np-course-title {
+    font-size: 3rem;
+    margin-bottom: 2.5rem;
+  }
+}
+
+@media (min-width: 1170px) {
+  .np-course-info.np-course-banner-info {
+    bottom: 5.25rem;
+    left: 6.25rem;
+    width: 60%;
+  }
+
+  .np-course-banner .np-course-title {
+    font-size: 4.125rem;
+    margin-bottom: 3.125rem;
+  }
+}
+
+/*
+    3.10 - COURSE DETAILS
+*/
+.np-course-details {
+  display: flex;
+}
+
+.np-course-detail {
+  font-size: 1.125rem;
+  color: #fff;
+  flex: 0 1 calc(33.33%);
+}
+
+.np-details-label {
+  text-transform: uppercase;
+  opacity: 0.5;
+  font-size: 0.75rem;
+  display: block;
+  font-weight: bold;
+  margin-top: 2px;
+}
+
+@media screen and (min-width: 768px) {
+  .np-course-detail {
+    font-size: 1.5rem;
+  }
+  .np-course-banner-info .np-course-details {
+    max-width: 430px;
+  }
+}
+
+@media (min-width: 1170px) {
+  .np-course-banner-info .np-course-detail {
+    font-size: 2rem;
+  }
+  .np-course-banner-info .np-details-label {
+    font-size: 1.062rem;
+    margin-top: 3px;
+  }
+}
+
+/*
+    3.11 - COURSE PROGRESS & CTA
+*/
+.np-card-progress-bar-container,
+.np-progress-bar-container {
+  border-radius: 0;
+}
+
+
+
+.np-top-cta-progress-title {
+  color: #2E5667;
+  text-transform: none;
+  margin-top: 0.7rem;
+  margin-bottom: 0.7rem;
+}
+
+/*
+    3.12 - COURSE OUTLINE
+*/
+
+.np-course-outline-content {
+  margin-top: 20px;
+}
+.np-course-outline-content-section-name {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.np-course-outline-content-activity-list {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+  padding: 1rem 0;
+}
+
+.np-course-outline-content-activity-link {
+  color: #809299;
+  font-size: 0.937rem;
+}
+
+.np-course-outline-content-activity-link-completed {
+  color: #2E5667;
+  font-size: 0.937rem;
+  font-weight: 400;
+}
+
+.np-course-outline-content-activity-icon,
+.np-course-outline-content-activity-title {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.937rem;
+  padding: 0.15rem 1.25rem 0 0.75rem;
+}
+
+.np-course-outline-content-activity-icon.fa-check {
+  color: #2bb24c;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started {
+  position: relative;
+  width: 20px;
+  height: 17px;
+  margin-left: 11px;
+  margin-right: 5px;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started::before,
+.np-course-outline-content-activity-icon.icon-course-not-started::after {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 2px;
+  background-color: rgba(255, 255, 255, 0.25);
+  left: 0;
+  top: 5px;
+}
+
+.np-course-outline-content-activity-icon.icon-course-not-started::before {
+  width: 9px;
+  top: 10px;
+}
+
+/*
+    3.12 - FILTER DROPDOWN
+*/
+
+.np-button.dropdown-button {
+  border: 2px solid rgba(255, 255, 255, 0.25);
+  padding: 9px 60px 9px 20px;
+  height: auto;
+  position: relative;
+  color: #fff;
+}
+
+.np-button.dropdown-button:before {
+  content: "";
+  position: absolute;
+  width: 20px;
+  height: 100%;
+  border-left: 2px solid rgba(255, 255, 255, 0.25);
+  right: 20px;
+  top: 0;
+}
+
+.np-button.dropdown-button:after {
+  content: "\f078";
+  font-family: "Font Awesome 5 Pro";
+  position: absolute;
+  width: 20px;
+  height: 100%;
+  color: rgba(255, 255, 255, 0.5);
+  right: 10px;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+}
+
+.dropdown-menu {
+  border-radius: 0;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  color: #fff;
+  background-color: #062531;
+  box-shadow: none;
+  top: 95%;
+}
+
+/*
+    3.13 - CAROUSEL - GLOBAL STYLES
+*/
+
+.np-carousel {
+  margin-bottom: 3rem;
+}
+.np-carousel-bg-blue {
+  background: #001e2e;
+}
+.np-carousel .slick-track {
+  display: flex;
+}
+.np-carousel .slick-slide {
+  height: auto;
+}
+.np-carousel .np-card {
+  height: 100%;
+}
+
+.np-carousel .slick-arrow {
+  font-size: 2.5rem;
+  opacity: 1;
+  transition: opacity 0.2s;
+  display: flex;
+  align-items: center;
+  top: 0;
+}
+
+.np-carousel .slick-arrow:before {
+  position: absolute;
+  width: 80px;
+  z-index: 500;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  top: 0;
+}
+
+.np-carousel .slick-arrow.fa-chevron-left {
+  left: -8px;
+}
+
+.np-carousel .slick-arrow.fa-chevron-right {
+  right: -8px;
+  justify-content: flex-end;
+}
+
+.np-carousel .slick-arrow.fa-chevron-left:before {
+  background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
+  cursor: pointer;
+}
+
+.np-carousel .slick-arrow.fa-chevron-right:before {
+  background: linear-gradient(270deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
+  justify-content: flex-end;
+  cursor: pointer;
+}
+
+.np-carousel .slick-arrow.slick-disabled {
+  opacity: 0;
+  cursor: text;
+}
+.np-carousel-card .np-card {
+  padding-bottom: 0;
+}
+
+.np-carousel .slick-dots {
+  display: flex;
+  justify-content: space-between;
+  padding: 0;
+  margin: 0 auto;
+  max-width: 200px;
+}
+.np-carousel .slick-dots li button {
+  display: none;
+}
+
+.np-carousel .slick-dots li::marker {
+  color: #2bb24c;
+  font-size: 1.7rem;
+}
+
+@media (min-width: 768px) {
+  .np-carousel .slick-track {
+    margin-left: 0;
+  }
+
+  .np-carousel .slick-arrow.fa-chevron-right:before {
+    background: linear-gradient(
+      270deg,
+      #00283d 36.11%,
+      rgba(0, 37, 50, 0) 100%
+    );
+  }
+
+  .np-carousel .slick-arrow.fa-chevron-left:before {
+    background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
+  }
+}
+
+@media (min-width: 1024px) {
+  .np-carousel .slick-arrow:before {
+    width: 100px;
+  }
+}
+
+/*
+    3.14 - CAROUSEL - EVENTS
+*/
+.events-carousel {
+  background: #001e2e;
+  padding: 1.5rem 0;
+  margin: 0 1.1rem 3rem;
+}
+.events-carousel .slick-track {
+  padding: 0 8px;
+}
+.events-carousel .np-card {
+  padding: 0 0.8rem;
+}
+.events-carousel .slick-arrow.fa-chevron-right {
+  right: -26px;
+}
+.events-carousel .slick-arrow.fa-chevron-left {
+  left: -26px;
+}
+
+@media (min-width: 768px) {
+  .events-carousel .np-card {
+    padding: 0 1rem;
+  }
+  .events-carousel {
+    padding: 2rem 0;
+    margin: 0 0 3rem;
+  }
+  .events-carousel .slick-arrow.fa-chevron-right {
+    right: -8px;
+  }
+  .events-carousel .slick-arrow.fa-chevron-left {
+    left: -8px;
+  }
+}
+
+@media (min-width: 1170px) {
+  .events-carousel .np-card {
+    padding: 0 1rem;
+  }
+}
+
+/*
+    3.15 - CAROUSEL - COURSES
+*/
+
+@media (min-width: 768px) {
+  .courses-carousel {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .courses-carousel .np-carousel-card .np-card {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .courses-carousel {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+  .courses-carousel .np-carousel-card .np-card {
+    padding-right: 2rem;
+    padding-left: 2rem;
+  }
+}
+
+/*
+    3.16 - CAROUSEL - INSTRUCTORS
+*/
+.instructors-carousel .instructor-slide {
+  display: flex !important;
+  align-items: center;
+}
+.instructors-carousel .instructor-image {
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+  min-width: 100px;
+  background: #001e2e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 16px;
+}
+
+.instructors-carousel .instructor-image img {
+  border-radius: 50%;
+  width: 80px;
+  height: 80px;
+}
+
+.instructors-carousel .instructor-name {
+  font-size: 18px;
+  line-height: 22px;
+  font-weight: bold;
+}
+
+.instructors-carousel .instructor-email {
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 500;
+  color: #2bb24c;
+  text-decoration: none;
+}
+
+.instructors-carousel .instructor-joined {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+  opacity: 0.5;
+  margin-top: 16px;
+}
+
+@media (min-width: 1024px) {
+  .instructors-carousel {
+    margin-top: 32px;
+  }
+
+  .instructors-carousel .instructor-image {
+    width: 160px;
+    height: 160px;
+    min-width: 160px;
+    margin-right: 22px;
+  }
+
+  .instructors-carousel .instructor-image img {
+    width: 120px;
+    height: 120px;
+  }
+  .instructors-carousel .instructor-name {
+    font-size: 20px;
+    line-height: 25px;
+  }
+  .instructors-carousel .instructor-email {
+    font-size: 16px;
+    line-height: 20px;
+  }
+  .instructors-carousel .instructor-joined {
+    font-size: 16px;
+    margin-top: 20px;
+  }
+}
+
+/*
+    3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
+*/
+
+.featured-photography-carousel {
+  margin: 0 22px 3rem;
+  padding: 2rem 0;
+}
+.featured-photography-carousel .slick-track {
+  padding: 0 2rem;
+}
+.featured-photography-carousel .slick-arrow {
+  margin: 0 -10px;
+}
+
+.featured-photography-carousel .slide-label {
+  font-size: 0.9375rem;
+  margin-top: 8px;
+  font-weight: 600;
+}
+
+@media (min-width: 768px) {
+  .featured-photography-carousel {
+    margin: 0 2rem 3rem;
+  }
+  .featured-photography-carousel .slick-arrow {
+    margin: 0;
+  }
+}
+
+@media (min-width: 1024px) {
+  .featured-photography-carousel {
+    margin: 0 4.0625rem 3rem;
+  }
+}
+
+/*
+    3.18 - HOMEPAGE SECTION - TIPS & TRICKS
+*/
+
+.tips-tricks-carousel {
+  margin: 0 4% 3rem;
+}
+
+.tips-tricks-carousel .quote-block {
+  padding: 1.5rem;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 400;
+  position: relative;
+  max-width: 752px;
+  margin: 0 2.5rem;
+}
+
+.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before,
+.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before {
+  background: none;
+}
+
+.tips-tricks-carousel .quotes-left {
+  font-size: 32px;
+  position: absolute;
+  top: 0px;
+  left: -30px;
+  background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.tips-tricks-carousel .quote-author-info {
+  font-size: 17px;
+  padding-right: 1.5rem;
+  text-align: right;
+  margin: 1rem 2.5rem 0;
+}
+
+.tips-tricks-carousel .quote-author-info span {
+  font-size: 15px;
+  font-weight: 500;
+  opacity: 0.5;
+}
+
+@media (min-width: 1024px) {
+  .tips-tricks-carousel {
+    margin: 0 4.0625rem 3rem;
+  }
+
+  .tips-tricks-carousel .np-carousel-card {
+    display: flex !important;
+    align-items: center;
+    margin: 0 120px 0 180px;
+  }
+
+  .tips-tricks-carousel .quote-block {
+    padding: 3.75rem;
+    font-size: 24px;
+    line-height: 30px;
+    margin: 0;
+  }
+
+  .tips-tricks-carousel .quotes-left {
+    font-size: 50px;
+    top: 15px;
+    left: -30px;
+  }
+
+  .tips-tricks-carousel .quote-author-info {
+    font-size: 20px;
+    margin: 0;
+    margin-left: 48px;
+    padding: 0;
+    text-align: left;
+  }
+
+  .tips-tricks-carousel .quote-author-info span {
+    font-size: 16px;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1440px) {
+  .tips-tricks-carousel {
+    margin: 0 4.514vw 3rem;
+  }
+
+  .tips-tricks-carousel .np-carousel-card {
+    margin: 0 8.333vw 0 12.5vw;
+  }
+
+  .tips-tricks-carousel .quote-block {
+    padding: 3.472vw;
+    font-size: 1.667vw;
+    line-height: 2.083vw;
+    max-width: 52.222vw;
+  }
+
+  .tips-tricks-carousel .quotes-left {
+    font-size: 3.472vw;
+    top: 1.042vw;
+    left: -2.083vw;
+  }
+
+  .tips-tricks-carousel .quote-author-info {
+    font-size: 1.389vw;
+    margin-left: 3.333vw;
+  }
+  .tips-tricks-carousel .quote-author-info span {
+    font-size: 1.111vw;
+  }
+}
+
+/*
+    3.19 - HOMEPAGE SECTION - FAQ
+*/
+
+.np-faq {
+  margin-bottom: 3rem;
+}
+.np-accordion {
+  margin: 0 22px 32px;
+}
+
+.accordion-btn {
+  background-color: #001e2e;
+  color: #fff;
+  cursor: pointer;
+  width: 100%;
+  min-height: 76px;
+  padding: 0 18px 0 92px;
+  text-align: left;
+  border: none;
+  outline: none;
+  transition: 0.4s;
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+}
+
+.fa-plus,
+.fa-minus {
+  background: linear-gradient(90deg, #CD7146 0%, #cd7146 100%);
+  font-size: 2.5rem;
+  color: #fff;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 76px;
+  height: 76px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: 0.4s;
+  border-radius: 8px 0 0 8px;
+}
+
+.accordion-title,
+.accordion-panel-content {
+  line-height: 1.375rem;
+  position: relative;
+}
+.accordion-panel-content {
+  padding: 18px;
+}
+.accordion-panel-content p {
+  margin-top: 0;
+}
+
+.accordion-panel-content:before {
+  content: "";
+  width: 75px;
+  height: 1px;
+  background: #2bb24c;
+  position: absolute;
+  top: 0;
+  left: 18px;
+}
+
+.accordion-panel {
+  background-color: #001e2e;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.4s ease-out;
+  margin-left: 76px;
+}
+
+@media (min-width: 768px) {
+  .np-faqs {
+    margin: 0 4.0625rem;
+  }
+  .np-accordion {
+    margin: 0 8px 32px;
+  }
+}
+
+/*
+    3.20 - HOMEPAGE SECTION - FEATURED COURSES
+*/
+
+.np-homepage-featured-courses .np-card-container {
+  margin-bottom: 32px;
+  border-radius: 8px;
+}
+.np-homepage-featured-courses .col-xs-12:last-child .np-card-container {
+  margin-bottom: 0;
+}
+.np-featured-course {
+  display: block;
+}
+.np-featured-course.np-learning-path .np-card-content-progress {
+  color: #fff;
+}
+.np-featured-course .np-card-content-title {
+  flex: 0;
+  margin: 0 0 2px;
+}
+.np-featured-course .np-card-content-subtitle {
+  opacity: 0.5;
+}
+.np-featured-course .np-card-content-description {
+  color: #fff;
+  display: block;
+  line-height: 20px;
+  font-size: 1rem;
+}
+.np-featured-course .np-card-image-content-top {
+  width: 90%;
+}
+.np-featured-course-img-container {
+  position: relative;
+}
+.np-featured-course .np-card-text-wrapper {
+  flex: 2;
+}
+
+@media (min-width: 992px) {
+  .np-featured-course {
+    display: flex;
+  }
+  .np-featured-course-img-container img {
+    position: absolute;
+    width: auto;
+    height: 100%;
+  }
+  .np-featured-course-img-container {
+    width: 40%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .np-featured-course-img-container {
+    width: 33.33%;
+  }
+}
+
+.np-powered-by {
+  display: flex !important;
+}
+
+.np-card-image .np-learning-path-image {
+  width: 50%;
+}
+
+/*  northpass academy */
+.full-star {
+  color: #CD7146;
+}
+.empty-star {
+  color: #CD7146;
+  opacity: 0.25;
+}
+
+#isPasted {
+  color: white !important;
+}
+
+main .np-card-content .np-card-content-vertical .np-card-padding .course-card-content{
+  min-height: 215px !important;
+}
+
+main .col-xs-12  {
+  padding: 2.5rem;
+}
+.np-card-heading {
+  margin-top: 1rem;
+  color: #2E5667;
+}
+
+.np-top-image {
+  border-radius: 4px;
+}
+.np-course-header {
+  margin: -8px;
+}
+
+.np-learning-path-image {
+  width: 55%;
+ }
+
+.np-learning-paths-resources .np-card .np-no-horizontal-padding .np-card-container .np-learning-path  .np-learning-path-image {
+  margin-top: 5rem;
+  margin-left: 2rem;
+  border-radius: 8px;
+}
+
+.np-card-container {
+  background: #fff !important;
+}
+
+.np-card-text {
+  color: #2E5667;
+}
+
+.np-learning-path .np-card-content.np-card-padding.np-card-content-vertical {
+  background: #192B4C;
+}
+
+.np-learning-path-items-count {
+  color: #fff;
+  opacity: 0.8;
+}
+
+.lp-cta-button {
+  border-radius: 8px;
+}
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/training_events.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/training_events.html.liquid
new file mode 100644
index 00000000..3d49fd7d
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/training_events.html.liquid	
@@ -0,0 +1,46 @@
+{% include "header" %}
+{% include "sub_navigation" %}
+<main class="np-main np-training-events np-subpage-container np-max-width">
+  <div class="row">
+    <div class="col-xs-12 col-sm-10">
+      <div class="np-resource-title">
+        {% t .title %}
+      </div>
+      <div class="np-resource-subtitle">
+        {% t .subtitle %}.
+      </div>
+    </div>
+    <div class="col-xs-12 col-sm-2">
+      {% include "training_events_filter" %}
+    </div>
+  </div>
+  {% include "training_events_index" %}
+</main>
+{% include "footer" %}
+
+<style>
+  @media only screen and (min-width: 768px) {
+    body {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas: "header" "subnav" "main" "footer" "powered";
+    grid-template-rows: 120px 50px 1fr 160px 60px;
+    }
+    header {
+      grid-area: header;
+    }
+    nav {
+      grid-area: subnav;
+    }
+    main {
+      grid-area: main;
+      margin-top: 0 !important;
+    }
+    footer {
+      grid-area: footer;
+    }
+    .np-powered-by {
+      grid-area: powered;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/training_session.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/training_session.html.liquid
new file mode 100644
index 00000000..813a5a19
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/training_session.html.liquid	
@@ -0,0 +1,34 @@
+{% include "header" %}
+<main class="np-main np-training-session np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="training-session-desktop">
+    {% include "training_session_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_session_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
+
+<style>
+  @media only screen and (min-width: 768px) {
+    body {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas: "header" "main" "footer" "powered";
+    grid-template-rows: 120px 1fr 160px 60px;
+    }
+    header {
+      grid-area: header;
+    }
+    main {
+      grid-area: main;
+      margin-top: 0 !important;
+    }
+    footer {
+      grid-area: footer;
+    }
+    .np-powered-by {
+      grid-area: powered;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/ACPA Sandbox v1/training_session_attendance.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/training_session_attendance.html.liquid
new file mode 100644
index 00000000..71bb6119
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/ACPA Sandbox v1/unsubscribe.html.liquid b/Custom_Templates/customer_templates/ACPA Sandbox v1/unsubscribe.html.liquid
new file mode 100644
index 00000000..69a54028
--- /dev/null
+++ b/Custom_Templates/customer_templates/ACPA Sandbox v1/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/api_extracts.py b/Scripts/API_Tests/api_extracts.py
index 7e556230..95a4afcf 100644
--- a/Scripts/API_Tests/api_extracts.py
+++ b/Scripts/API_Tests/api_extracts.py
@@ -3,7 +3,6 @@ import subprocess
 import gzip
 import urllib.request
 import sys
-import os
 import base64
 
 # Variables of the needed elements
diff --git a/Scripts/Walmart/Spark/single_resource.js b/Scripts/Walmart/Spark/single_resource.js
index 2e0be460..ff860f10 100644
--- a/Scripts/Walmart/Spark/single_resource.js
+++ b/Scripts/Walmart/Spark/single_resource.js
@@ -8,12 +8,7 @@ const apiKey = "6hUfJdAartHTHhHc0WIRZYPWe"
 // Luminate Production ^
 const uid = "/\?uid\=7beg87y4-fh24-4929-3rt5-24kdn87s5241";
 const groupIds = [
-'8058ff70-4686-42d3-ae5a-d3799050adb8',
-'16330ea4-99c0-42c5-bf48-1195a53f70af',
-'56a82a49-71b9-4606-a0ae-6f60d0a8a993',
-'35e2364c-26f1-4dcb-bd1e-e6fc4dcbff6c',
-'10dfb0f5-4452-4a00-ab82-12687c052e06',
-'855e2704-fd95-456f-a4eb-ce31c13b3072',
+	'2aed7eac-321f-4ba2-9ee8-7f8c90006459'
 ]
 
 const getAllGroups = async (num) => {
diff --git a/Tasks.md b/Tasks.md
index b5fbf2b2..619fdc9c 100644
--- a/Tasks.md
+++ b/Tasks.md
@@ -1,42 +1,5 @@
 # Tasks and Todos
 
-## Client 1
-
-### Tasks
-- [ ] Update thati - 01-05-2025
-
-### In Progress
-- [-] text - 04-08-2025
-
-### Completed
-- [X] Research SSO issues - 04-09-2025
-- [X] Update this! - 04-10-2025
-- [X] text - 01-01-2024
-- [X] Reach out to engineering - 04-09-2025
-
-## Client 2
-
-### Tasks
-- [ ] Buy a clarinet - 02-04-2025
-
-### Completed
-- [X] Music and Opera - 07-09-2024
-
-## Client 3
-
-### Tasks
-- [ ] text - 04-09-2025
-- [ ] text - 04-10-2025
-
-### Completed
-- [X] Do this thing - 04-09-2025
-
-## Client 4
-
-### Tasks
-- [ ] text
-- [ ] less - 04-10-2025
-
-### Completed
-- [X] more test - 04-10-2025
+# Williams-Sonoma
+- [ ] Revert auto-adding of badges to post-new hire dash. Badges should only show when course `97d78ff7-e82b-4f1d-b142-d5ad51fba433` is completed. - 04-15-2025
 
diff --git a/lua/markdown_organizer/init.lua b/lua/markdown_organizer/init.lua
deleted file mode 100644
index 4929d126..00000000
--- a/lua/markdown_organizer/init.lua
+++ /dev/null
@@ -1,87 +0,0 @@
-local M = {}
-
--- Function to determine fold level for each line
-local function fold_completed_tasks(lnum)
-    local line = vim.fn.getline(lnum)
-    
-    -- Check if the line contains a completed task
-    if line:match("%- %[X%]") then
-        return ">1" -- Start a fold at level 1
-    end
-    
-    return "0" -- No fold
-end
-
--- Function to hide completed tasks using foldexpr
-function M.hide_completed()
-    local count = 0
-    local pattern = "%- %[X%]"  -- Pattern to match completed tasks: "- [X]"
-    
-    -- Get all lines in the current buffer
-    local lines = vim.api.nvim_buf_get_lines(0, 0, -1, false)
-    
-    -- Count completed tasks
-    for _, line in ipairs(lines) do
-        if line:match(pattern) then
-            count = count + 1
-        end
-    end
-    
-    -- If no completed tasks found, notify and return
-    if count == 0 then
-        vim.notify("No completed tasks found", vim.log.levels.INFO)
-        return
-    end
-    
-    -- Save current folding settings
-    local old_foldmethod = vim.wo.foldmethod
-    local old_foldexpr = vim.wo.foldexpr
-    
-    -- Set up folding based on expression
-    vim.wo.foldmethod = "expr"
-    vim.wo.foldexpr = "v:lua.require'markdown_organizer'.fold_expr(v:lnum)"
-    
-    -- Close all folds to hide completed tasks
-    vim.cmd("normal! zM")
-    
-    -- Notify user of how many tasks were hidden
-    vim.notify("Hidden " .. count .. " completed tasks", vim.log.levels.INFO)
-    
-    -- Add autocmd to restore original folding settings when leaving buffer
-    vim.api.nvim_create_autocmd("BufLeave", {
-        buffer = 0,
-        callback = function()
-            vim.wo.foldmethod = old_foldmethod
-            vim.wo.foldexpr = old_foldexpr
-        end,
-        once = true
-    })
-end
-
--- Expose the fold expression function to be used by foldexpr
-function M.fold_expr(lnum)
-    return fold_completed_tasks(lnum)
-end
-
--- Function to restore normal folding
-function M.show_completed()
-    -- Reset folding settings to default
-    vim.wo.foldmethod = "manual"
-    vim.wo.foldexpr = "0"
-    
-    -- Open all folds
-    vim.cmd("normal! zR")
-    
-    vim.notify("Showing all tasks", vim.log.levels.INFO)
-end
-
--- Register the commands
-vim.api.nvim_create_user_command("HideCompleted", function()
-    M.hide_completed()
-end, {})
-
-vim.api.nvim_create_user_command("ShowCompleted", function()
-    M.show_completed()
-end, {})
-
-return M